<div ng-controller="restoreDirectories" class="controller-box"> <div class="row search-page-container"> <div class="col-xs-12 col-sm-6 col-md-8 col-lg-8"> <div style="display: inline-block;" tooltip-enable="!getChecked().length" tooltip="top|Please select backup files to restore"> <button class="btn btn-primary" ng-click="restore()" ng-disabled="!getChecked().length"> <em class="fas fa-sync"></em> {{ lang.t("Restore") }} </button> </div> <div style="display: inline-block;" tooltip-enable="!getChecked().length" tooltip="top|Please select backup files to download"> <button class="btn btn-primary" ng-click="download()" ng-disabled="!getChecked().length"> <em class="fas fa-download"></em> {{ lang.t("Download") }} </button> </div> <div style="display: inline-block;" tooltip-enable="!getChecked().length" tooltip="top|Please select ISO image to download"> <button class="btn btn-primary" ng-click="lock()" ng-disabled="!getChecked().length"> <em class="fas fa-lock"></em> {{ lang.t("Lock") }} </button> </div> <div style="display: inline-block;" tooltip-enable="!getChecked().length" tooltip="top|Please select ISO image to download"> <button class="btn btn-primary" ng-click="unlock()" ng-disabled="!getChecked().length"> <em class="fas fa-lock-open"></em> {{ lang.t("Unlock") }} </button> </div> <button class="btn btn-danger" type="button" ng-click="unCheckAll();" ng-show="getChecked().length"> <em class="fas fa-times"></em> {{ lang.t("Clear Selection") }} </button> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"> <search ng-model="filter" ng-change="fetch()"></search> </div> </div> <div class="table-responsive"> <table class="table table-striped content-table"> <thead> <tr> <th class="column-title" style="width: 20px;"> <div class="pretty p-default p-curve p-smooth"> <input aria-label="{{lang.t('Select all backups checkbox')}}" type="checkbox" ng-model="isAllChecked" ng-checked="isAllChecked" id="checkall" ng-click="checkAll()" /> <div class="state p-danger"><label for="checkall"><span style="display: none;">{{ lang.t("Check") }}</span></label></div> </div> </th> <th class="column-title">{{ lang.t("Name") }}</th> <th class="col-sm-2 col-md-2 col-lg-2 column-title">{{ lang.t("Created") }}</th> <!-- || currentSection._id == const.BACKUP_TYPE_ACCOUNT_EMAILS --> <th class="col-sm-2 col-md-2 col-lg-2 column-title">{{ lang.t("Selected Files") }}</th> <th class="col-sm-1 col-md-1 col-lg-1 column-title">{{ lang.t("Structure") }}</th> <th class="col-sm-1 col-md-1 col-lg-1 column-title">{{ lang.t("Destination") }}</th> <th class="col-sm-3 col-md-3 col-lg-3 column-title">{{ lang.t("Notes") }}</th> <th class="col-sm-1 col-md-1 col-lg-1 column-title">{{ lang.t("Size") }}</th> <th class="col-sm-1 col-md-1 col-lg-1 column-title"> <span tooltip="Locking a backup will keep it stored on your destination server and keep it from being overwritten based on your retention limit.">{{ lang.t("Lock Status") }}</span> </th> <th class="column-title" ng-if="perm.isRoot">{{ lang.t("Delete") }}</th> </tr> </thead> <tbody> <tr ng-repeat="backup in backups track by $index"> <td ng-click="$event.stopPropagation();"> <div class="pretty p-default p-curve p-smooth"> <input aria-label="{{lang.t('checkbox, - Add backup to multiple selection')}}" type="checkbox" ng-model="backup.checked" ng-checked="backup.checked" id="check_{{backup.name}}" ng-click="checkChanged(backup)" /> <div class="state p-danger"><label for="check_{{backup.name}}"><span style="display: none;">{{ lang.t("Check") }}</span></label></div> </div> </td> <td data-title="{{ lang.t('Name') }}"> {{ backup.name }} </td> <td data-title="{{ lang.t('Selected Backup') }}"> <strong ng-hide="backup.options.length">{{ lang.d(backup.backup.created, 'shorttime') }}</strong> <label ng-show="backup.options.length"><select id="dates" class="form-control" data-ng-options="option._id as option.display for option in backup.options" data-ng-model="backup.new_id" ng-blur="changeBackup(backup)" ng-change="changeBackup(backup)"></select></label> <div style="font-weight: inherit;" ng-hide="backup.options.length"> {{ lang.t("Total of %s backups found", backup.total_backups) }} <a href="" class="btn btn-primary btn-xs" ng-click="selectBackup(backup)">{{lang.t('Choose Other Backup')}}</a> </div> </td> <!-- || backup.backup_contains == const.BACKUP_TYPE_ACCOUNT_EMAILS --> <td data-title="{{ lang.t('Selected Files') }}"> <span ng-show="backup.type != const.BACKUP_TYPE_DIRECTORY_DIRS || !backup.checked">-</span> <div ng-show="backup.type == const.BACKUP_TYPE_DIRECTORY_DIRS && backup.checked"> <strong ng-show="totalFiles(backup) === null">{{ lang.t("All Files/Directories Selected") }}</strong> <span ng-hide="backup.backup.backup_structure == const.BACKUP_STRUCTURE_INCREMENTAL" class="fas fa-info-circle" tooltip="top|Changing Selected Files not supported for Compressed/Archived Backup Type."></span> <strong ng-show="totalFiles(backup) !== null">{{ lang.t("%s Files/Directories Selected", totalFiles(backup)) }}</strong> <div style="font-weight: inherit;" ng-show="backup.backup.backup_structure == const.BACKUP_STRUCTURE_INCREMENTAL"> <a href="" class="btn btn-primary btn-xs" ng-click="fileBrowse(backup)">{{lang.t('Change Files Selection')}}</a> </div> </div> </td> <td data-title="{{ lang.t('Structure') }}"> {{const.BACKUP_STRUCTURE_NAMES[backup.backup.backup_structure]}} <span ng-show="backup.backup.encrypted" class="label label-danger">{{lang.t("Encrypted")}}</span> </td> <td data-title="{{ lang.t('Destination') }}"> {{backup.backup.destination_name}} </td> <td data-title="{{ lang.t('Notes') }}" ng-dblclick="backup.editing = true;"> <div class="editable" ng-hide="backup.editing">{{ backup.backup.notes ? backup.backup.notes : lang.t("Double click to add notes...") }}</div> <input ng-show="backup.editing" type="text" style="font-weight: normal;" class="form-control" ng-model="backup.backup.notes" ng-keypress="saveNotes(backup, $event)" ng-blur="saveNotes(backup)" placeholder="{{ lang.t('Enter Notes...') }}" value="" /> </td> <td data-title="{{ lang.t('Size') }}"> {{ backup.backup.size >= 0 ? util.sizeToHumanReadable(backup.backup.size) : lang.t("N/A") }} </td> <td data-title="{{ lang.t('Lock Status') }}" uib-tooltip="{{ backup.backup.lock_ttl ? lang.t('Locked until %s', lang.d(backup.backup.lock_ttl, 'short')) : lang.t('Locked with unlimited time') }}" tooltip-enable="backup.backup.lock" style="text-align: center;" > <em aria-hidden="true" class="fas" ng-class="{ 'fa-lock': backup.backup.lock, 'fa-lock-open': !backup.backup.lock }"></em> </td> <td ng-if="perm.isRoot" style="text-align: center;"> <a href="" uib-tooltip="{{ lang.t('Delete Snapshot') }}" ng-click="deleteSnapshot(backup.backup)"><em class="fas fa-trash"></em></a> </td> </tr> <tr ng-hide="!loading"> <td colspan="10"> <loading-box><span>{{ lang.t("Loading Backups") }}</span></loading-box> </td> </tr> <tr ng-hide="backups.length > 0 || loading"> <td colspan="10"><span>{{ lang.t("No Backups Found") }}</span></td> </tr> </tbody> </table> </div> </div>