sysop/github_borgbackup-buttler.git - g.central-computer.de

			@@ -18,26 +18,98 @@
			constructor(props) {
			super(props);
			this.handleTextChange = this.handleTextChange.bind(this);
			this.handleRepoTextChange = this.handleRepoTextChange.bind(this);
			this.handleCheckboxChange = this.handleCheckboxChange.bind(this);
			this.state = {
			repoConfig: {},
			mode: 'existingRepo',
			localRemote: 'local',
			encryption: 'repokey'
			encryption: 'repokey',
			passwordMethod: 'passwordCommand',
			passwordCreate: null
			};
			}

			handleTextChange = event => {
			event.preventDefault();
			this.setState({[event.target.name]: event.target.value});
			if (event.target.name === 'passwordMethod') {
			const value = event.target.value;
			var passwordCommand = null;
			var passwordCreate = null;
			if (value === 'passwordFile') {
			passwordCommand = 'cat ~/.borg-passphrase';
			passwordCreate = <React.Fragment>
			Create a file with a password in it in your home directory and use permissions to keep anyone else
			from
			reading it:<br/>
			<div className="command-line">head -c 1024 /dev/urandom \| base64 > ~/.borg-passphrase<br/>
			chmod 400 ~/.borg-passphrase
			</div>
			</React.Fragment>;
			} else if (value === 'macos-keychain') {
			passwordCommand = 'security find-generic-password -a $USER -s borg-passphrase';
			passwordCreate = <React.Fragment>
			Generate a passphrase and use security to save it to your login (default) keychain:<br/>
			<div className="command-line">security add-generic-password -D secret -U -a $USER -s borg-passphrase
			-w $(head -c 1024 /dev/urandom \| base64)
			</div>
			</React.Fragment>;
			} else if (value === 'gnome-keyring') {
			passwordCommand = 'secret-tool lookup borg-repository repo-name';
			passwordCreate = <React.Fragment>
			First ensure libsecret-tools, gnome-keyring and libpam-gnome-keyring are installed. If
			libpam-gnome-keyring wasn’t already installed, ensure it runs on login:<br/>
			<div className="command-line">sudo sh -c "echo session optional pam_gnome_keyring.so auto_start >>
			/etc/pam.d/login"<br/>
			sudo sh -c "echo password optional pam_gnome_keyring.so >> /etc/pam.d/passwd"<br/>
			# you may need to relogin afterwards to activate the login keyring
			</div>
			Then add a secret to the login keyring:
			<div className="command-line">head -c 1024 /dev/urandom \| base64 \| secret-tool store borg-repository
			repo-name --label="Borg Passphrase"</div>
			</React.Fragment>;
			} else if (value === 'kwallet') {
			passwordCommand = 'kwalletcli -e borg-passphrase -f Passwords';
			passwordCreate = <React.Fragment>
			Ensure kwalletcli is installed, generate a passphrase, and store it in your “wallet”:<br/>
			<div className="command-line">head -c 1024 /dev/urandom \| base64 \| kwalletcli -Pe borg-passphrase -f
			Passwords
			</div>
			</React.Fragment>;
			}
			if (passwordCommand) {
			this.setState({repoConfig: {...this.state.repoConfig, 'passwordCommand': passwordCommand}})
			}
			this.setState({'passwordCreate': passwordCreate});
			}
			}


			handleRepoTextChange = event => {
			event.preventDefault();
			this.setState({repoConfig: {...this.state.repoConfig, [event.target.name]: event.target.value}});
			}

			handleCheckboxChange = event => {
			this.setState({[event.target.name]: event.target.value});
			/*if (event.target.name === 'mode' && event.target.value === 'existingRepo'
			&& this.state.passwordMethod !== 'passwordCommand' && this.state.passwordMethod !== 'passphrase') {
			// Other options such as Mac OS key chain isn't available for existing repos:
			this.setState({passwordMethod: 'passwordCommand'});
			}*/
			}

			render() {
			const repoConfig = this.state.repoConfig;
			var passwordMethods = [['password-command', 'Password command'],
			['passwordFile', 'Password file'],
			['macos-keychain', 'Mac OS X keychain'],
			['gnome-keyring', 'GNOME keyring'],
			['kwallet', 'KWallet'],
			['passphrase', 'Passphrase (not recommended)']
			];

			return <React.Fragment>
			<PageHeader>
			Configure new repository
			@@ -72,15 +144,15 @@
			</FormGroup>
			<FormLabelInputField label={'Display name'} fieldLength={12}
			name={'displayName'} value={repoConfig.displayName}
			onChange={this.handleTextChange}
			onChange={this.handleRepoTextChange}
			placeholder="Enter display name (only for displaying purposes)."/>
			<FormLabelInputField label={'Repo'} fieldLength={12}
			name={'repo'} value={repoConfig.repo}
			onChange={this.handleTextChange}
			onChange={this.handleRepoTextChange}
			placeholder="Enter the name of the repo, used by Borg."/>
			<FormLabelInputField label={'RSH'} fieldLength={12}
			name={'rsh'} value={repoConfig.rsh}
			onChange={this.handleTextChange}
			onChange={this.handleRepoTextChange}
			placeholder="Enter the rsh value (ssh command) for remote repository."
			className={this.state.localRemote === 'local' ? 'hidden' : null}/>
			<FormGroup className={this.state.mode === 'existingRepo' ? 'hidden' : null}>
			@@ -89,24 +161,47 @@
			<FormSelect
			value={repoConfig.encryption}
			name={'encryption'}
			onChange={this.handleTextChange}
			onChange={this.handleRepoTextChange}
			hint={'Encryption for the new repository (use repokey if you don\'t know what to choose).'}
			>
			<FormOption label={'repokey (SHA256)'} value={'repokey'} hint={'hurzel'}/>
			<FormOption label={'repokey (SHA256)'} value={'repokey'}/>
			<FormOption label={'repokey-blake2'} value={'repokey-blake2'}/>
			<FormOption label={'keyfile (SHA256)'} value={'keyfile'}/>
			<FormOption label={'none (not recommended)'} value={'none'}/>
			</FormSelect>
			</FormField>
			</FormGroup>
			<FormGroup>
			<FormLabel length={2}>{'Password method'}</FormLabel>
			<FormField length={2}>
			<FormSelect
			value={this.state.passwordMethod}
			name={'passwordMethod'}
			onChange={this.handleTextChange}
			>
			{passwordMethods
			.map((entry) => <FormOption label={entry[1]} value={entry[0]}
			key={entry[0]}/>)}
			</FormSelect>
			</FormField>
			</FormGroup>
			<FormGroup className={!this.state.passwordCreate ? 'hidden' : null}>
			<FormLabel length={2}>{'Create info'}</FormLabel>
			<FormField length={10}>
			{this.state.passwordCreate}
			</FormField>
			</FormGroup>
			<FormLabelInputField label={'Password command'} fieldLength={12}
			name={'passwordCommand'} value={repoConfig.passwordCommand}
			onChange={this.handleTextChange}
			placeholder="Enter the password command to get the command from."/>
			onChange={this.handleRepoTextChange}
			placeholder="Enter the password command to get the command from."
			className={this.state.passwordMethod === 'passphrase' ? 'hidden' : null}
			/>
			<FormLabelInputField label={'Password'} fieldLength={6} type={'password'}
			name={'passphrase'} value={repoConfig.passphrase}
			onChange={this.handleTextChange}
			onChange={this.handleRepoTextChange}
			hint={"It's recommended to use password command instead."}
			className={this.state.passwordMethod !== 'passphrase' ? 'hidden' : null}
			/>
			<FormField length={12}>
			<Link to={'/repos'} className={'btn btn-outline-primary'}><I18n name={'common.cancel'}/>
			@@ -122,8 +217,8 @@
			<ul>
			<li> Not yet implemented.</li>
			<li> This page is under construction.</li>
			<li> Please add configuration of repository manually in borg butler json config - file.
			</li>
			<li> Please add configuration of repository manually in borg butler json config - file.</li>
			<li>Add own environment variables.</li>
			</ul>
			</code>
			</React.Fragment>;