path: root/Duplicati/Server/webroot/ngax/templates/addoredit.html

<script>$(function() { $( ".resizable" ).resizable(); });</script>

<div class="add" ng-controller="EditBackupController">
    <div class="steps">
        <div class="step step1" ng-class="{active: CurrentStep == 0}" ng-click="CurrentStep = 0">
            <span>1</span>
        </div>
        <div class="step step2" ng-class="{active: CurrentStep == 1}"  ng-click="CurrentStep = 1">
            <span>2</span>
        </div>
        <div class="step step3" ng-class="{active: CurrentStep == 2}"  ng-click="CurrentStep = 2">
            <span>3</span>
        </div>
        <div class="step step4" ng-class="{active: CurrentStep == 3}" ng-click="CurrentStep = 3">
            <span>4</span>
        </div>
    </div>
    <!-- .steps -->
    
    <ol class="steps-legend">
        <li ng-class="{active: CurrentStep == 0}" class="step1" ng-click="CurrentStep = 0">General</li>
        <li ng-class="{active: CurrentStep == 1}" class="step2" ng-click="CurrentStep = 1">Source Data</li>
        <li ng-class="{active: CurrentStep == 2}" class="step3" ng-click="CurrentStep = 2">Schedule</li>
        <li ng-class="{active: CurrentStep == 3}" class="step4" ng-click="CurrentStep = 3">Options</li>
    </ol>
    <!-- .steps-legend -->

    <div class="steps-boxes">
        <div class="step step1" ng-class="{active: CurrentStep == 0}">
            <div class="form">
                <form class="styled">
                    <backup-edit-uri uri="Backup.TargetURL" hide="HideEditUri" ng-show="EditUriState"></backup-edit-uri>

                    <div ng-hide="EditUriState">
                        <div class="input text linklabel">
                            <label for="importlink">&nbsp;</label>
                            <a href="#import">Import configuration from a file ...</a>
                        </div>
                        
                        <div class="input text">
                            <label for="name">Name</label>
                            <input type="text" name="name" id="name" ng-model="Backup.Name" placeholder="My Photos"/>
                        </div>
                        <div class="input textarea linklabel">
                            <label for="target"><a href class="target" ng-click="EditUriState = true">Backup to &gt;</a></label>
                            <textarea name="target" id="target" ng-model="Backup.TargetURL" placeholder="Enter a url, or click the 'Backup to&gt;' link"></textarea>
                        </div>
                        <div class="input select" ng-hide="SystemInfo.EncryptionModules.length == 0">
                            <label for="encryption">Encryption</label>
                            <select name="encryption" id="encryption" ng-model="Options['encryption-module']" ng-options="module.Key as module.DisplayName for module in SystemInfo.EncryptionModules">
                                <option value="">No encryption</option>
                            </select>
                        </div>

                        <div class="input encryptionhint" ng-show="(Options['encryption-module'] || '').length == 0">
                            <h3 class="warning">We recommend that you encrypt all backups stored outside your system</h3>
                        </div>

                        <div class="input password" ng-hide="(Options['encryption-module'] || '').length == 0">
                            <label for="passphrase">Passphrase</label>
                            <input type="{{ShowPassphrase ? 'text' : 'password'}}" name="passphrase" id="passphrase" ng-model="Options['passphrase']" />
                        </div>
                        <div class="input password" ng-hide="(Options['encryption-module'] || '').length == 0">
                            <label for="repeat-passphrase">Repeat Passphrase</label>
                            <input type="{{ShowPassphrase ? 'text' : 'password'}}" name="repeat-passphrase" id="repeat-passphrase" ng-model="RepeatPasshrase"/>
                            
                            <div class="tools">
                                <ul>
                                    <li>
                                        <a href ng-click="togglePassphraseVisibility()">{{ShowPassphrase ? 'Hide' : 'Show'}}</a>
                                    </li>
                                    <li>|</li>
                                    <li>
                                        <a href ng-click="generatePassphrase()">Generate</a>
                                    </li>
                                    <li>|</li>
                                    <li class="strength score-{{PassphraseScore}}">{{PassphraseScore != 'x' ?   'Strength: ' : ''}} {{PassphraseScoreString}}</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="buttons">
                            <input class="submit next" type="button" id="nextStep1" ng-click="nextPage()" value="Next &gt;" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- .step1 -->
        
        <div class="step step2" ng-class="{active: CurrentStep == 1}">
            <form class="styled">
                <div class="box browser">
                    <h2>Choose which folders to include in the backup:</h2>
                    <div class="input checklinks">
                        <a href ng-click="EditSourceAdvanced = !EditSourceAdvanced"><i class="fa {{EditSourceAdvanced ? 'fa-check' : ''}}"></i> Show advanced editor</a>
                        <a href class="{{EditSourceAdvanced ? 'inactive' : ''}}" ng-click="showhiddenfolders = !showhiddenfolders"><i class="fa {{showhiddenfolders ? 'fa-check' : ''}}"></i> Show hidden folders</a>
                    </div>
                    <div class="resizable filepicker" ng-hide="EditSourceAdvanced" ng-show-hidden="showhiddenfolders">
                        <source-folder-picker ng-sources="Backup.Sources" ng-filters="Backup.Filters"></source-folder-picker>
                    </div>
                    <div class="input textarea" ng-show="EditSourceAdvanced">
                        <label for="SourcePathList">Source folders</label>
                        <textarea id="SourcePathList" string-array-as-text ng-model="Backup.Sources" ng-model-options="{updateOn: 'blur'}"></textarea>
                    </div>
                    <div class="input text overlayButton">
                        <input type="text" name="sourcePath" id="sourcePath" placeholder="Add a path directly" ng-model="manualSourcePath" ng-disabled="validatingSourcePath" />
                        <a href id="sourceFolderPathAdd" class="button"  ng-disabled="validatingSourcePath || manualSourcePath == null || manualSourcePath == ''" ng-click="addManualSourcePath()">{{validatingSourcePath ? 'Validating ...' : 'Add path'}}</a>
                    </div>
                </div>
                <hr/>
                <div class="box filters">
                    <h2>Filters</h2>
                    <div class="input link">
                        <a href ng-click="EditFilterAdvanced = !EditFilterAdvanced"><i class="fa {{EditFilterAdvanced ? 'fa-check' : ''}}"></i> Show advanced editor</a>
                    </div>
                    <div class="input textarea" ng-show="EditFilterAdvanced">
                        <!--<label for="FilterList">Filters <span class="info">i</span></label>-->
                        <textarea id="FilterList" string-array-as-text ng-model="Backup.Filters" ng-model-options="{updateOn: 'blur'}"></textarea>
                    </div>
                    <div class="input textarea" ng-hide="EditFilterAdvanced">
                        <ul id="simplefilterlist">
                            <li ng-repeat="f in Backup.Filters track by $index">
                                <select parse-filter-type ng-model="Backup.Filters[$index]" ng-options="item.key as item.name for item in AppUtils.filterClasses">
                                </select>
    
                                <input type="text" parse-filter-content ng-model="Backup.Filters[$index]" ng-model-options="{updateOn: 'blur'}" placeholder="Enter expression here"/>
    
                                <a class="button" href title="Remove" ng-click="Backup.Filters.splice($index, 1)">X</a>
                            </li>
    
                        </ul>
                        <a href ng-click="Backup.Filters.push('-*')">Add filter</a>
                    </div>
                </div>
                <hr/>
                <div class="box exclude">
                    <h2>Also exclude:</h2>
                    <div class="input checkbox multiple">
                        <div ng-repeat="attr in fileAttributes">
                          <input
                            id="fileattr_{{attr.value}}"
                            type="checkbox"
                            name="fileattr_{{attr.value}}"
                            value="{{attr.value}}"
                            ng-checked="ExcludeAttributes.indexOf(attr.value) > -1"
                            ng-click="toggleArraySelection(ExcludeAttributes, attr.value)"
                          />
                          <label for="fileattr_{{attr.value}}">{{attr.name}}</label>
                        </div>                
                    </div>
    
                    <div class="input text select multiple">
                        <input id="exclude-large-files" type="checkbox" class="simple-checkbox" ng-model="ExcludeLargeFiles" />
                        <label for="exclude-large-files">Files larger than:</label>
                        
                        <input type="number" parse-size-number ng-model="Options['--skip-files-larger-than']" id="exclude-larger-than-number" ng-disabled="!ExcludeLargeFiles" value="1" />
                        <select parse-size-multiplier id="exclude-larger-than-multiplier" ng-model="Options['--skip-files-larger-than']" ng-disabled="!ExcludeLargeFiles" ng-options="item.value as item.name for item in AppUtils.fileSizeMultipliers">
                        </select>
                    </div>
                </div>
                <div class="buttons">
                    <input class="submit next" type="button" id="nextStep2" ng-click="nextPage()" value="Next &gt;" />
                    <input class="submit prev" type="button" id="prevStep2" ng-click="prevPage()" value="&lt; Previous" />
                </div>
            </form>
        </div>
        <!-- .step2 -->
        
        <div class="step step3" ng-class="{active: CurrentStep == 2}">
            <form class="styled">
                <div class="input checkbox multiple">
                    <input type="checkbox" id="useScheduleRun" ng-checked="Schedule != null" ng-click="toggleSchedule()" />
                    <label for="useScheduleRun">Automatically run backups.</label>
                </div>
                <div ng-hide="Schedule == null">
                    <div>If a date was missed, the job will run as soon as possible.</div>
                    <br/>
                    <div class="input text multiple">
                        <label for="nextRunTime">Next time</label>
                        <input type="time" ng-model="Schedule.Time" id="nextRunTime" />
                        <input type="date" ng-model="Schedule.Time" id="nextRunDate" />
                    </div>
                    <div class="input text select multiple repeat">
                        <label for="repeatRunNumber">Run again every</label>
                        <input ng-show="AppUtils.contains_key(AppUtils.timerangeMultipliers, AppUtils.splitSizeString(Schedule.Repeat)[1], 'value')" type="number" parse-size-number ng-model="Schedule.Repeat" id="repeatRunNumber" />
                        <select parse-size-multiplier ng-model="Schedule.Repeat" id="repeatRunMultiplier" ng-options="item.value as item.name for item in AppUtils.timerangeMultipliers">
                            <option value="">custom</option>
                        </select>

                        <input type="text" ng-show="!AppUtils.contains_key(AppUtils.timerangeMultipliers, AppUtils.splitSizeString(Schedule.Repeat)[1], 'value')" ng-model="Schedule.Repeat" ng-model-options="{updateOn: 'blur'}" />
                    </div>
                    <div class="input checkbox multiple">
                        <strong>Allowed days</strong>

                        <div ng-repeat="day in AppUtils.daysOfWeek">
                          <input
                            class="simple-checkbox"
                            id="dayofweek_{{day.value}}"
                            type="checkbox"
                            name="dayofweek_{{day.value}}"
                            value="{{day.value}}"
                            ng-checked="Schedule.AllowedDays.indexOf(day.value) > -1"
                            ng-click="toggleArraySelection(Schedule.AllowedDays, day.value)"
                          />
                          <label for="dayofweek_{{day.value}}">{{day.name}}</label>
                        </div>                
                    </div>
                </div>

                <div class="buttons">
                    <input class="submit next" type="button" id="nextStep3" ng-click="nextPage()" value="Next &gt;" />
                    <input class="submit prev" type="button" id="prevStep3" ng-click="prevPage()" value="&lt; Previous" />
                </div>
            </form>
        </div>
        <!-- .step3 -->
        
        <div class="step step4" ng-class="{active: CurrentStep == 3}">
            <form class="styled">
                <div class="input multiple text select maxSize">
                    <label for="dblockSizeNumber">Max backup file size <span class="info">i</span></label>
                    <input type="number" class="number" parse-size-number id="dblockSizeNumber" ng-model="Options['dblock-size']" />
                    <select parse-size-multiplier id="dblockSizeMultiplier" ng-model="Options['dblock-size']">
                        <option value="kb">KByte</option>
                        <option value="mb">MByte</option>
                        <option value="gb">GByte</option>
                        <option value="tb">TByte</option>
                    </select>
                </div>
                <div class="input multiple text select keepBackups">
                    <label for="keepTimeType">Keep backups<span class="info">i</span></label>
                    <select id="keepTimeType" ng-model="KeepType">
                        <option value="">forever</option>
                        <option value="time">for a specific time</option>
                        <option value="versions">a specific number</option>
                    </select>

                    <input type="number" ng-model="Options['keep-versions']" ng-show="KeepType == 'versions'" />
                    <div ng-show="KeepType == 'time'">
                        <input type="number" class="number" parse-size-number ng-model="Options['keep-time']" />
                        <select parse-size-multiplier ng-model="Options['keep-time']" >
                            <option value="D">Days</option>
                            <option value="W">Weeks</option>
                            <option value="M">Months</option>
                            <option value="Y">Years</option>
                            <option value="">custom</option>
                        </select>
                    </div>
                </div>
                
                <hr/>

                <div class="input textarea" ng-show="ShowAdvancedTextArea">
                    <label for="backupOptions">Advanced options</label>
                    <a href ng-click="ShowAdvancedTextArea = false" class="advanced-toggle">Edit as list</a>
                    <textarea id="backupOptions" ng-model="ExtendedOptions" string-array-as-text placeholder="Enter one option per line in command-line format, eg. --dblock-size=100MB"></textarea>
                </div>
                
                <div class="input" ng-hide="ShowAdvancedTextArea">
                    <label for="backupOptions">Advanced options</label>
                    <a href ng-click="ShowAdvancedTextArea = true" class="advanced-toggle">Edit as text</a>
                    <advanced-options-editor ng-option-list="ExtendedOptionList" ng-model="ExtendedOptions"></advanced-options-editor>
                </div>

                <div class="buttons">
                    <input class="submit save" type="submit" id="save" ng-click="save()" value="Save" />
                    <input class="submit prev" type="button" id="prevStep4" ng-click="prevPage()" value="&lt; Previous" />
                </div>
            </form>
        </div>
        <!-- .step4 -->
    </div>
    <!-- .steps-boxes -->
</div>
<!-- .add -->