Simon FreiandGitHub
f71fcd440a
No longer hide the web UI controls for the new untrusted/encrypted device feature. Testing hasn't been very widespread, but there has been some and quite a few bugs have been caught and fixed. I believe its time to not hide it anymore, and cautiously recommend usage. E.g. mention that the feature hasn't been widely used yet and anyone using it is an early adopter, but drop the bit about not using it with production data. We can maybe stress the need for backups in general and especially using this.
282 lines
24 KiB
HTML
282 lines
24 KiB
HTML
<modal id="editFolder" status="default" icon="{{editFolderModalIcon()}}" heading="{{editFolderModalTitle()}}" large="yes" closeable="yes">
|
|
<div class="modal-body">
|
|
<form role="form" name="folderEditor">
|
|
<ul class="nav nav-tabs" ng-init="loadFormIntoScope(folderEditor)">
|
|
<li class="active"><a data-toggle="tab" href="#folder-general"><span class="fas fa-cog"></span> <span translate>General</span></a></li>
|
|
<li><a data-toggle="tab" href="#folder-sharing"><span class="fas fa-share-alt"></span> <span translate>Sharing</span></a></li>
|
|
<li><a data-toggle="tab" href="#folder-versioning"><span class="fas fa-copy"></span> <span translate>File Versioning</span></a></li>
|
|
<li ng-if="!editingDefaults" ng-class="{'disabled': currentFolder._recvEnc}"><a ng-attr-data-toggle="{{ currentFolder._recvEnc ? undefined : 'tab'}}" href="{{currentFolder._recvEnc ? '#' : '#folder-ignores'}}"><span class="fas fa-filter"></span> <span translate>Ignore Patterns</span></a></li>
|
|
<li><a data-toggle="tab" href="#folder-advanced"><span class="fas fa-cogs"></span> <span translate>Advanced</span></a></li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
|
|
<div id="folder-general" class="tab-pane in active">
|
|
<div class="form-group" ng-class="{'has-error': folderEditor.folderLabel.$invalid && folderEditor.folderLabel.$dirty && !editingDefaults}">
|
|
<label for="folderLabel"><span translate>Folder Label</span></label>
|
|
<input name="folderLabel" id="folderLabel" class="form-control" type="text" ng-model="currentFolder.label" value="{{currentFolder.label}}" />
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.folderLabel.$valid || folderEditor.folderLabel.$pristine">Optional descriptive label for the folder. Can be different on each device.</span>
|
|
</p>
|
|
</div>
|
|
<div ng-if="!editingDefaults" class="form-group" ng-class="{'has-error': folderEditor.folderID.$invalid && folderEditor.folderID.$dirty}">
|
|
<label for="folderID"><span translate>Folder ID</span></label>
|
|
<input name="folderID" ng-readonly="editingExisting || (!editingExisting && currentFolder.viewFlags.importFromOtherDevice)" id="folderID" class="form-control" type="text" ng-model="currentFolder.id" required="" aria-required="true" unique-folder value="{{currentFolder.id}}" />
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.folderID.$valid || folderEditor.folderID.$pristine">Required identifier for the folder. Must be the same on all cluster devices.</span>
|
|
<span translate ng-if="folderEditor.folderID.$error.uniqueFolder">The folder ID must be unique.</span>
|
|
<span translate ng-if="folderEditor.folderID.$error.required && folderEditor.folderID.$dirty">The folder ID cannot be blank.</span>
|
|
<span translate ng-show="!editingExisting">When adding a new folder, keep in mind that the Folder ID is used to tie folders together between devices. They are case sensitive and must match exactly between all devices.</span>
|
|
</p>
|
|
</div>
|
|
<div class="form-group" ng-class="{'has-error': folderEditor.folderPath.$invalid && folderEditor.folderPath.$dirty && !editingDefaults}">
|
|
<label translate for="folderPath">Folder Path</label>
|
|
<input name="folderPath" ng-readonly="editingExisting && !editingDefaults" id="folderPath" class="form-control" type="text" ng-model="currentFolder.path" list="directory-list" ng-required="!editingDefaults" ng-aria-required="!editingDefaults" path-is-sub-dir />
|
|
<datalist id="directory-list">
|
|
<option ng-repeat="directory in directoryList" value="{{ directory }}" />
|
|
</datalist>
|
|
<p class="help-block">
|
|
<span ng-if="folderEditor.folderPath.$valid || folderEditor.folderPath.$pristine"><span translate>Path to the folder on the local computer. Will be created if it does not exist. The tilde character (~) can be used as a shortcut for</span> <code>{{system.tilde}}</code>.</br></span>
|
|
<span translate ng-if="folderEditor.folderPath.$error.required && folderEditor.folderPath.$dirty && !editingDefaults">The folder path cannot be blank.</span>
|
|
<span class="text-danger" translate translate-value-other-folder="{{folderPathErrors.otherID}}" ng-if="folderPathErrors.isSub && folderPathErrors.otherLabel.length == 0">Warning, this path is a subdirectory of an existing folder "{%otherFolder%}".</span>
|
|
<span class="text-danger" translate translate-value-other-folder="{{folderPathErrors.otherID}}" translate-value-other-folder-label="{{folderPathErrors.otherLabel}}" ng-if="folderPathErrors.isSub && folderPathErrors.otherLabel.length != 0">Warning, this path is a subdirectory of an existing folder "{%otherFolderLabel%}" ({%otherFolder%}).</span>
|
|
<span ng-if="folderPathErrors.isParent && !editingDefaults">
|
|
<span class="text-danger" translate translate-value-other-folder="{{folderPathErrors.otherID}}" ng-if="folderPathErrors.otherLabel.length == 0">Warning, this path is a parent directory of an existing folder "{%otherFolder%}".</span>
|
|
<span class="text-danger" translate translate-value-other-folder="{{folderPathErrors.otherID}}" translate-value-other-folder-label="{{folderPathErrors.otherLabel}}" ng-if="folderPathErrors.otherLabel.length != 0">Warning, this path is a parent directory of an existing folder "{%otherFolderLabel%}" ({%otherFolder%}).</span>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="folder-sharing" class="tab-pane">
|
|
<div class="form-horizontal" ng-if="currentSharing.shared.length">
|
|
<label translate>Currently Shared With Devices</label>
|
|
<p class="help-block">
|
|
<span translate>Deselect devices to stop sharing this folder with.</span> 
|
|
<small><a href="#" ng-click="selectAllSharedDevices(true)" translate>Select All</a> 
|
|
<a href="#" ng-click="selectAllSharedDevices(false)" translate>Deselect All</a></small>
|
|
</p>
|
|
<div class="form-group" ng-repeat="device in currentSharing.shared">
|
|
<share-template selected="currentSharing.selected" encryption-passwords="currentSharing.encryptionPasswords" id="{{device.deviceID}}" label="{{deviceName(device)}}" folder-type="{{currentFolder.type}}" untrusted="device.untrusted" />
|
|
</div>
|
|
</div>
|
|
<div class="form-horizontal" ng-if="currentSharing.unrelated.length || otherDevices().length <= 0">
|
|
<label translate>Unshared Devices</label>
|
|
<p class="help-block" ng-if="otherDevices().length > 0">
|
|
<span translate>Select additional devices to share this folder with.</span> 
|
|
<small><a href="#" ng-click="selectAllUnrelatedDevices(true)" translate>Select All</a> 
|
|
<a href="#" ng-click="selectAllUnrelatedDevices(false)" translate>Deselect All</a></small>
|
|
</p>
|
|
<p class="help-block" ng-if="otherDevices().length <= 0">
|
|
<span translate>There are no devices to share this folder with.</span>
|
|
</p>
|
|
<div class="form-group" ng-repeat="device in currentSharing.unrelated" ng-init="id = device.deviceID; folder = currentFolder">
|
|
<share-template selected="currentSharing.selected" encryption-passwords="currentSharing.encryptionPasswords" id="{{device.deviceID}}" label="{{deviceName(device)}}" folder-type="{{currentFolder.type}}" untrusted="device.untrusted" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="folder-versioning" class="tab-pane">
|
|
<div class="form-group">
|
|
<label translate>File Versioning</label> <a href="https://docs.syncthing.net/users/versioning.html" target="_blank"><span class="fas fa-question-circle"></span> <span translate>Help</span></a>
|
|
<select class="form-control" ng-model="currentFolder._guiVersioning.selector">
|
|
<option value="none" translate>No File Versioning</option>
|
|
<option value="trashcan" translate>Trash Can File Versioning</option>
|
|
<option value="simple" translate>Simple File Versioning</option>
|
|
<option value="staggered" translate>Staggered File Versioning</option>
|
|
<option value="external" translate>External File Versioning</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group" ng-if="currentFolder._guiVersioning.selector=='trashcan' || currentFolder._guiVersioning.selector=='simple'" ng-class="{'has-error': folderEditor.trashcanClean.$invalid && folderEditor.trashcanClean.$dirty}">
|
|
<p translate class="help-block">Files are moved to .stversions directory when replaced or deleted by Syncthing.</p>
|
|
<label translate for="trashcanClean">Clean out after</label>
|
|
<div class="input-group">
|
|
<input name="trashcanClean" id="trashcanClean" class="form-control text-right" type="number" ng-model="currentFolder._guiVersioning.trashcanClean" required="" aria-required="true" min="0" />
|
|
<div class="input-group-addon" translate>days</div>
|
|
</div>
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.trashcanClean.$valid || folderEditor.trashcanClean.$pristine">The number of days to keep files in the trash can. Zero means forever.</span>
|
|
<span translate ng-if="folderEditor.trashcanClean.$error.required && folderEditor.trashcanClean.$dirty">The number of days must be a number and cannot be blank.</span>
|
|
<span translate ng-if="folderEditor.trashcanClean.$error.min && folderEditor.trashcanClean.$dirty">A negative number of days doesn't make sense.</span>
|
|
</p>
|
|
</div>
|
|
<div class="form-group" ng-if="currentFolder._guiVersioning.selector=='simple'" ng-class="{'has-error': folderEditor.simpleKeep.$invalid && folderEditor.simpleKeep.$dirty}">
|
|
<p translate class="help-block">Files are moved to date stamped versions in a .stversions directory when replaced or deleted by Syncthing.</p>
|
|
<label translate for="simpleKeep">Keep Versions</label>
|
|
<input name="simpleKeep" id="simpleKeep" class="form-control" type="number" ng-model="currentFolder._guiVersioning.simpleKeep" required="" aria-required="true" min="1" />
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.simpleKeep.$valid || folderEditor.simpleKeep.$pristine">The number of old versions to keep, per file.</span>
|
|
<span translate ng-if="folderEditor.simpleKeep.$error.required && folderEditor.simpleKeep.$dirty">The number of versions must be a number and cannot be blank.</span>
|
|
<span translate ng-if="folderEditor.simpleKeep.$error.min && folderEditor.simpleKeep.$dirty">You must keep at least one version.</span>
|
|
</p>
|
|
</div>
|
|
<div class="form-group" ng-if="currentFolder._guiVersioning.selector=='staggered'" ng-class="{'has-error': folderEditor.staggeredMaxAge.$invalid && folderEditor.staggeredMaxAge.$dirty}">
|
|
<p class="help-block"><span translate>Files are moved to date stamped versions in a .stversions directory when replaced or deleted by Syncthing.</span> <span translate>Versions are automatically deleted if they are older than the maximum age or exceed the number of files allowed in an interval.</span></p>
|
|
<p translate class="help-block">The following intervals are used: for the first hour a version is kept every 30 seconds, for the first day a version is kept every hour, for the first 30 days a version is kept every day, until the maximum age a version is kept every week.</p>
|
|
<label translate for="staggeredMaxAge">Maximum Age</label>
|
|
<input name="staggeredMaxAge" id="staggeredMaxAge" class="form-control" type="number" ng-model="currentFolder._guiVersioning.staggeredMaxAge" required="" aria-required="true" min="0" />
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.staggeredMaxAge.$valid || folderEditor.staggeredMaxAge.$pristine">The maximum time to keep a version (in days, set to 0 to keep versions forever).</span>
|
|
<span translate ng-if="folderEditor.staggeredMaxAge.$error.required && folderEditor.staggeredMaxAge.$dirty">The maximum age must be a number and cannot be blank.</span>
|
|
<span translate ng-if="folderEditor.staggeredMaxAge.$error.min && folderEditor.staggeredMaxAge.$dirty">A negative number of days doesn't make sense.</span>
|
|
</p>
|
|
</div>
|
|
<div class="form-group" ng-if="internalVersioningEnabled()">
|
|
<label translate for="fsPath">Versions Path</label>
|
|
<input name="fsPath" id="fsPath" class="form-control" type="text" ng-model="currentFolder.versioning.fsPath" />
|
|
<p translate class="help-block">Path where versions should be stored (leave empty for the default .stversions directory in the shared folder).</p>
|
|
</div>
|
|
<div class="form-group" ng-if="currentFolder._guiVersioning.selector=='external'" ng-class="{'has-error': folderEditor.externalCommand.$invalid && folderEditor.externalCommand.$dirty}">
|
|
<p translate class="help-block">An external command handles the versioning. It has to remove the file from the shared folder. If the path to the application contains spaces, it should be quoted.</p>
|
|
<label translate for="externalCommand">Command</label>
|
|
<textarea name="externalCommand" id="externalCommand" class="form-control" rows="1" ng-model="currentFolder._guiVersioning.externalCommand" required="" aria-required="true" />
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.externalCommand.$valid || folderEditor.externalCommand.$pristine">See external versioning help for supported templated command line parameters.</span>
|
|
<span translate ng-if="folderEditor.externalCommand.$error.required && folderEditor.externalCommand.$dirty">The path cannot be blank.</span>
|
|
</p>
|
|
</div>
|
|
<div class="form-group" ng-if="internalVersioningEnabled()" ng-class="{'has-error': folderEditor.cleanupIntervalS.$invalid && folderEditor.cleanupIntervalS.$dirty}">
|
|
<label translate for="cleanupIntervalS">Cleanup Interval</label>
|
|
<div class="input-group">
|
|
<input name="cleanupIntervalS" id="cleanupIntervalS" class="form-control text-right" type="number" ng-model="currentFolder._guiVersioning.cleanupIntervalS" required="" min="0" max="31536000" aria-required="true" />
|
|
<div class="input-group-addon" translate>seconds</div>
|
|
</div>
|
|
<p class="help-block">
|
|
<span translate ng-if="folderEditor.cleanupIntervalS.$valid || folderEditor.cleanupIntervalS.$pristine"class="help-block">The interval, in seconds, for running cleanup in the versions directory. Zero to disable periodic cleaning.</span>
|
|
<span translate ng-if="folderEditor.cleanupIntervalS.$error.required && folderEditor.cleanupIntervalS.$dirty">The cleanup interval cannot be blank.</span>
|
|
<span translate ng-if="folderEditor.cleanupIntervalS.$error.min && folderEditor.cleanupIntervalS.$dirty">The interval must be a positive number of seconds.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="!editingDefaults" id="folder-ignores" class="tab-pane">
|
|
<p translate>Enter ignore patterns, one per line.</p>
|
|
<div ng-class="{'has-error': ignores.error != null}">
|
|
<textarea class="form-control" rows="5" ng-model="ignores.text" ng-disabled="ignores.disabled"></textarea>
|
|
<p class="help-block" ng-if="ignores.error">
|
|
{{ignores.error}}
|
|
</p>
|
|
</div>
|
|
<hr />
|
|
<p class="small"><span translate>Quick guide to supported patterns</span> (<a href="https://docs.syncthing.net/users/ignoring.html" target="_blank" translate>full documentation</a>):</p>
|
|
<dl class="dl-horizontal dl-narrow small">
|
|
<dt><code>(?d)</code></dt>
|
|
<dd><b><span translate>Prefix indicating that the file can be deleted if preventing directory removal</span></b></dd>
|
|
<dt><code>(?i)</code></dt>
|
|
<dd><span translate>Prefix indicating that the pattern should be matched without case sensitivity</span></dd>
|
|
<dt><code>!</code></dt>
|
|
<dd><span translate>Inversion of the given condition (i.e. do not exclude)</span></dd>
|
|
<dt><code>*</code></dt>
|
|
<dd><span translate>Single level wildcard (matches within a directory only)</span></dd>
|
|
<dt><code>**</code></dt>
|
|
<dd><span translate>Multi level wildcard (matches multiple directory levels)</span></dd>
|
|
<dt><code>//</code></dt>
|
|
<dd><span translate>Comment, when used at the start of a line</span></dd>
|
|
</dl>
|
|
<hr />
|
|
<span translate ng-show="editingExisting" translate-value-path="{{currentFolder.path}}{{system.pathSeparator}}.stignore">Editing {%path%}.</span>
|
|
<span translate ng-show="!editingExisting" translate-value-path="{{currentFolder.path}}{{system.pathSeparator}}.stignore">Creating ignore patterns, overwriting an existing file at {%path%}.</span>
|
|
</div>
|
|
|
|
<div id="folder-advanced" class="tab-pane">
|
|
<div class="row form-group" ng-class="{'has-error': folderEditor.rescanIntervalS.$invalid && folderEditor.rescanIntervalS.$dirty}">
|
|
<div class="col-md-12">
|
|
<label translate>Scanning</label>
|
|
<a href="https://docs.syncthing.net/users/syncing.html#scanning" target="_blank"><span class="fas fa-question-circle"></span> <span translate>Help</span></a></br>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<label>
|
|
<input type="checkbox" ng-model="currentFolder.fsWatcherEnabled" ng-change="setFSWatcherIntervalDefault()" tooltip data-original-title="{{'Use notifications from the filesystem to detect changed items.' | translate }}"> <span translate>Watch for Changes</span>
|
|
</label>
|
|
<p translate class="help-block">Watching for changes discovers most changes without periodic scanning.</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="rescanIntervalS" translate>Full Rescan Interval (s)</label>
|
|
<input name="rescanIntervalS" id="rescanIntervalS" class="form-control" type="number" ng-model="currentFolder.rescanIntervalS" required="" aria-required="true" min="0" />
|
|
<p class="help-block" ng-if="!folderEditor.rescanIntervalS.$valid && folderEditor.rescanIntervalS.$dirty" translate>
|
|
The rescan interval must be a non-negative number of seconds.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 form-group">
|
|
<label translate>Folder Type</label>
|
|
<a href="https://docs.syncthing.net/users/foldertypes.html" target="_blank"><span class="fas fa-question-circle"></span> <span translate>Help</span></a>
|
|
<select class="form-control" ng-change="setDefaultsForFolderType()" ng-model="currentFolder.type" ng-disabled="editingExisting && currentFolder.type == 'receiveencrypted'">
|
|
<option value="sendreceive" translate>Send & Receive</option>
|
|
<option value="sendonly" translate>Send Only</option>
|
|
<option value="receiveonly" translate>Receive Only</option>
|
|
<option value="receiveencrypted" ng-disabled="editingExisting" translate>Receive Encrypted</option>
|
|
</select>
|
|
<p ng-if="currentFolder.type == 'sendonly'" translate class="help-block">Files are protected from changes made on other devices, but changes made on this device will be sent to the rest of the cluster.</p>
|
|
<p ng-if="currentFolder.type == 'receiveonly'" translate class="help-block">Files are synchronized from the cluster, but any changes made locally will not be sent to other devices.</p>
|
|
<p ng-if="currentFolder.type == 'receiveencrypted'" translate class="help-block" translate-value-receive-encrypted="{{'Receive Encrypted' | translate}}">Stores and syncs only encrypted data. Folders on all connected devices need to be set up with the same password or be of type "{%receiveEncrypted%}" too.</p>
|
|
<p ng-if="editingExisting && currentFolder.type == 'receiveencrypted'" translate class="help-block" translate-value-receive-encrypted="{{'Receive Encrypted' | translate}}">Folder type "{%receiveEncrypted%}" cannot be changed after adding the folder. You need to remove the folder, delete or decrypt the data on disk, and add the folder again.</p>
|
|
<p ng-if="editingExisting && currentFolder.type != 'receiveencrypted'" translate class="help-block" translate-value-receive-encrypted="{{'Receive Encrypted' | translate}}">Folder type "{%receiveEncrypted%}" can only be set when adding a new folder.</p>
|
|
</div>
|
|
<div class="col-md-6 form-group">
|
|
<label translate>File Pull Order</label>
|
|
<select class="form-control" ng-model="currentFolder.order" ng-if="currentFolder.type != 'sendonly'">
|
|
<option value="random" translate>Random</option>
|
|
<option value="alphabetic" translate>Alphabetic</option>
|
|
<option value="smallestFirst" translate>Smallest First</option>
|
|
<option value="largestFirst" translate>Largest First</option>
|
|
<option value="oldestFirst" translate>Oldest First</option>
|
|
<option value="newestFirst" translate>Newest First</option>
|
|
</select>
|
|
<select class="form-control" ng-if="currentFolder.type == 'sendonly'" disabled>
|
|
<option value="disabled" translate>Disabled</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 form-group" ng-class="{'has-error': folderEditor.minDiskFree.$invalid && folderEditor.minDiskFree.$dirty}">
|
|
<label for="minDiskFree" translate>Minimum Free Disk Space</label><br />
|
|
<div class="row">
|
|
<div class="col-xs-9">
|
|
<input name="minDiskFree" id="minDiskFree" class="form-control" type="number" ng-model="currentFolder.minDiskFree.value" required="" aria-required="true" min="0" step="0.01" />
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<select class="form-control" ng-model="currentFolder.minDiskFree.unit">
|
|
<option value="%">%</option>
|
|
<option value="kB">kB</option>
|
|
<option value="MB">MB</option>
|
|
<option value="GB">GB</option>
|
|
<option value="TB">TB</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<p class="help-block" ng-show="folderEditor.minDiskFree.$invalid" translate>
|
|
Enter a non-negative number (e.g., "2.35") and select a unit. Percentages are as part of the total disk size.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-6 form-group">
|
|
<label>
|
|
<input type="checkbox" ng-disabled="currentFolder._recvEnc" ng-model="currentFolder.ignorePerms" /> <span translate>Ignore Permissions</span>
|
|
</label>
|
|
<p translate class="help-block">
|
|
Disables comparing and syncing file permissions. Useful on systems with nonexistent or custom permissions (e.g. FAT, exFAT, Synology, Android).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-primary btn-sm" ng-click="saveFolder()" ng-disabled="folderEditor.$invalid">
|
|
<span class="fas fa-check"></span> <span translate>Save</span>
|
|
</button>
|
|
<button type="button" class="btn btn-default btn-sm" data-dismiss="modal">
|
|
<span class="fas fa-times"></span> <span translate>Close</span>
|
|
</button>
|
|
<button type="button" class="btn btn-warning pull-left btn-sm" data-toggle="modal" data-target="#remove-folder-confirmation" ng-if="editingExisting && !editingDefaults">
|
|
<span class="fas fa-minus-circle"></span> <span translate>Remove</span>
|
|
</button>
|
|
</div>
|
|
</modal>
|