Current File : //usr/local/jetapps/var/www/jetbackup5/docroot/app/views/accountBackups.htm
<div class="modal-header">
    <h3 class="modal-title">{{ lang.t("\"%s\" Backups", accountData.virtual && accountData.nickname ? accountData.nickname : accountData.username) }}</h3>
</div>
<div class="modal-body">
    <div ng-hide="summary.enabled">
        <h3>{{lang.t("Full Backup")}}</h3>
        <div class="table-responsive" ng-show="perm.canManageFullBackups">
            <table class="table table-striped content-table">
                <thead>
                <tr>
                    <th class="col-sm-3 col-md-3 col-lg-3 column-title"><label for="created">{{lang.t("Created")}}</label></th>
                    <th class="col-sm-3 col-md-3 col-lg-3 column-title">{{lang.t("Schedules")}}</th>
                    <th class="col-sm-2 col-md-2 col-lg-2 column-title">{{lang.t("Structure")}}</th>
                    <th class="col-sm-2 col-md-2 col-lg-2 column-title">{{lang.t("Destination")}}</th>
                    <th class="col-sm-3 col-md-3 col-lg-3 column-title"><label for="notes" ng-click="fulls_list ? fulls_list[selected.full].editing = true : ''">{{lang.t("Notes")}}</label></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">{{lang.t("Lock Status")}}</th>
                    <th class="column-title" ng-if="perm.isRoot">{{ lang.t("Delete") }}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <select id="created" class="form-control" data-ng-options="full._id as full.display for full in fulls" data-ng-model="selected.full" ng-change="changeFullBackup()"></select>
                        <span ng-show="fulls_list[selected.full].damaged" class="label label-danger" tooltip="right|The backup may not be complete"><span class="fas fa-exclamation-triangle"></span> {{lang.t("Damaged")}}</span>
                        <span ng-show="fulls_list[selected.full].disabled" class="label label-danger" tooltip="right|Restore/download this backup will fail in some cases while the destination is disabled"><span class="fas fa-exclamation-triangle"></span> {{lang.t("Destination Disabled")}}</span>
                    </td>
                    <td>{{selected.full ? fulls_list[selected.full].schedules_names : '-'}}</td>
                    <td>{{selected.full ? const.BACKUP_STRUCTURE_NAMES[fulls_list[selected.full].backup_structure] : '-'}} <span ng-show="selected.full && fulls_list[selected.full].encrypted"> - {{lang.t("Encrypted")}}</span></td>
                    <td>{{selected.full ? fulls_list[selected.full].destination_name : '-'}}</td>
                    <td ng-dblclick="fulls_list[selected.full].editing = true;">
                        <div class="editable" ng-hide="!selected.full || fulls_list[selected.full].editing">{{ fulls_list[selected.full].notes ? fulls_list[selected.full].notes : lang.t("Double click to add notes...") }}</div>
                        <input id="notes" ng-show="selected.full && fulls_list[selected.full].editing" type="text" style="font-weight: normal;" class="form-control" ng-model="fulls_list[selected.full].notes" ng-keypress="saveNotes(fulls_list[selected.full], $event)" ng-blur="saveNotes(fulls_list[selected.full])" placeholder="{{ lang.t('Enter Notes...') }}" value="" />
                        <span ng-hide="selected.full">-</span>
                    </td>
                    <td>{{selected.full ? (fulls_list[selected.full].size >= 0 ? util.sizeToHumanReadable(fulls_list[selected.full].size) : lang.t("N/A")) : '-'}}</td>
                    <td style="text-align: center;" uib-tooltip="{{ fulls_list[selected.full].lock_ttl ? lang.t('Locked until %s', lang.d(fulls_list[selected.full].lock_ttl)) : lang.t('Locked with unlimited time') }}"  tooltip-enable="fulls_list[selected.full].lock" tooltip-append-to-body="true">
                        <em ng-show="selected.full" class="fas" ng-class="{ 'fa-lock': fulls_list[selected.full].lock, 'fa-lock-open': !fulls_list[selected.full].lock }"></em>
                        <span ng-hide="selected.full">-</span>
                    </td>
                    <td ng-if="perm.isRoot" style="text-align: center;">
                        <a href="" uib-tooltip="{{ lang.t('Delete Snapshot') }}" ng-show="selected.full" ng-click="deleteSnapshot()"><em class="fas fa-trash"></em></a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <p class="help-block" ng-show="selected.full"><a href="" class="btn btn-primary" ng-click="advanced = !advanced;">{{ advanced ? lang.t("Show simple settings") : lang.t("Show advanced settings") }}</a></p>



            <!--form data-parsley-validate="" class="form-horizontal form-label-left" novalidate>
            <div class="form-group">
                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="fulls">{{ lang.t("Full Backup") }}</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <select id="fulls" class="form-control" data-ng-options="full._id as full.display for full in fulls" data-ng-model="selected.full" ng-change="changeFullBackup()"></select>
                    <p class="help-block"><a href="" ng-click="advanced = !advanced;">{{ lang.t("Show advanced settings") }}</a></p>
                </div>
            </div>
        </form-->

        <div ng-show="advanced || !selected.full" style="margin-top: 40px;">
            <h3>{{lang.t("Backup Items")}}</h3>
            <div class="tabs tabs-style-topline" style="margin-bottom: 10px;" ng-hide="currentSection.standAlone">
                <nav>
                    <ul>
                        <li ng-repeat="section in sections" ng-class="{ 'tab-current': currentSection._id == section._id }" ng-hide="!section.permissions || section.hidden">
                            <a href="" ng-click="changeSection(section)">
                                <em aria-hidden="true" class="fas {{section.icon}}"></em>
                                <span>{{ section.name }}</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="tab-content">
                <div class="row search-page-container">
                    <div class="col-xs-12 col-sm-5 col-md-4 col-lg-6">
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-2">
                    </div>
                    <div class="col-xs-12 col-sm-3 col-md-4 col-lg-4">
                        <search ng-model="searchFilterValue" 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="static.isAllChecked" ng-checked="static.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" ng-show="currentSection._id == const.BACKUP_TYPE_ACCOUNT_HOMEDIR">
                                {{ lang.t("Selected Files") }}
                            </th>
                            <th class="col-sm-4 col-md-4 col-lg-4 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>
                        </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()" />
                                    <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 }} <span class="label label-info" ng-show="backup.backup_contains == const.BACKUP_TYPE_ACCOUNT_DATABASES || backup.backup_contains == const.BACKUP_TYPE_ACCOUNT_DATABASE_USERS">{{ const.DATABASE_ENGINE_NAMES[backup.params.engine] }}</span>
                                <div ng-show="backup.disabled">
                                    <span class="label label-danger" tooltip="right|Restore/download this backup will fail in some cases while the destination is disabled"><span class="fas fa-exclamation-triangle"></span> {{lang.t("Destination Disabled")}}</span>
                                </div>
                                <div ng-show="backup.damaged">
                                    <span class="label label-danger" tooltip="right|The backup may not be complete"><span class="fas fa-exclamation-triangle"></span> {{lang.t("Damaged")}}</span>
                                </div>
                            </td>
                            <td data-title="{{ lang.t('Selected Backup') }}">
                                <strong ng-hide="backup.options.length">{{ lang.d(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) }}
                                    <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') }}" ng-show="backup.backup_contains == const.BACKUP_TYPE_ACCOUNT_HOMEDIR">
                                <strong ng-show="totalFiles(backup) === null">{{ lang.t("All Files/Directories Selected") }}</strong>
                                <strong ng-show="totalFiles(backup) !== null">{{ lang.t("%s Files/Directories Selected", totalFiles(backup)) }}</strong>
                                <div style="font-weight: inherit;" ng-show="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>
                            </td>
                            <td data-title="{{ lang.t('Notes') }}" ng-dblclick="backup.editing = true;">
                                <div class="editable" ng-hide="backup.editing">{{ backup.notes ? 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.notes" ng-keypress="saveNotes(backup, $event)" ng-blur="saveNotes(backup)" placeholder="{{ lang.t('Enter Notes...') }}" value="" />
                            </td>
                            <td data-title="{{ lang.t('Size') }}">
                                {{ backup.size >= 0 ? util.sizeToHumanReadable(backup.size) : lang.t("N/A") }}
                            </td>
                            <td data-title="{{ lang.t('Lock Status') }}"  uib-tooltip="{{ backup.lock_ttl ? lang.t('Locked until %s', lang.d(backup.lock_ttl)) : lang.t('Locked with unlimited time') }}" tooltip-enable="backup.lock" style="text-align: center;" >
                                <!-- uib-tooltip-template="'lockStatus.ptt'" tooltip-enable="account.backup.locked"-->
                                <em aria-hidden="true" class="fas" ng-class="{ 'fa-lock': backup.lock, 'fa-lock-open': !backup.lock }"></em>
                            </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>
            <pagination fetch="fetch" meta="meta"></pagination>
        </div>
    </div>
    <div ng-show="summary.enabled && summary.tpl" ng-include="includePath(summary.tpl)"></div>
</div>
<div class="modal-footer">
    <div ng-show="summary.enabled">
        <div  ng-show="summary.type == 'Restore' || summary.type == 'Download'" style="padding: 5px 0;">
            <div class="pretty p-default p-curve p-smooth" style="margin: 0;">
                <input type="checkbox" ng-model="summary.gotoqueue" id="gotoqueue" />
                <div class="state p-primary"><label for="gotoqueue">{{ lang.t("Go to Queue after I click %s.", summary.type) }}</label></div>
            </div>
        </div>
        <button class="btn btn-primary" ng-click="restore()" ng-show="summary.type == 'Restore'">
            <em  class="fas fa-sync"></em>
            {{ lang.t("Restore Selected Items") }}
        </button>
        <button class="btn btn-primary" ng-click="download()" ng-show="summary.type == 'Download'">
            <em class="fas fa-download"></em>
            {{ lang.t("Download Selected Items") }}
        </button>
        <button class="btn btn-primary" ng-click="lock()" ng-show="perm.isRoot && summary.type == 'Lock'">
            <em class="fas fa-lock"></em>
            {{ lang.t("Lock Selected Items") }}
        </button>
        <button class="btn btn-primary" ng-click="unlock()" ng-show="perm.isRoot && summary.type == 'Unlock'">
            <em class="fas fa-lock-open"></em>
            {{ lang.t("Unlock Selected Items") }}
        </button>
        <button class="btn btn-danger" type="button" ng-click="summary.enabled = false; conditions.restore = {}; options = {};">
            <em class="fas fa-times"></em>
            {{ lang.t("Cancel") }}
        </button>
    </div>

    <div ng-hide="summary.enabled" class="buttons-container">
        <div style="display: inline-block;" tooltip-enable="!isChecked()" tooltip="top|Please select at least one item to restore">
            <button class="btn btn-primary" ng-click="showSummary('Restore')" ng-disabled="!isChecked()">
                <em  class="fas fa-sync"></em>
                {{ lang.t("Restore") }}
            </button>
        </div>
        <div style="display: inline-block;" tooltip-enable="!isChecked()" tooltip="top|Please select at least one item to download">
            <button class="btn btn-primary" ng-click="showSummary('Download')" ng-disabled="!isChecked()">
                <em class="fas fa-download"></em>
                {{ lang.t("Download") }}
            </button>
        </div>
        <div style="display: inline-block;" tooltip-enable="!isChecked()" tooltip="top|Please select at least one item to lock">
            <button class="btn btn-primary" ng-click="showSummary('Lock')" ng-show="perm.isRoot" ng-disabled="!isChecked()">
                <em class="fas fa-lock"></em>
                {{ lang.t("Lock Backups") }}
            </button>
        </div>
        <div style="display: inline-block;" tooltip-enable="!isChecked()" tooltip="top|Please select at least one item to unlock">
            <button class="btn btn-primary" ng-click="showSummary('Unlock')" ng-show="perm.isRoot" ng-disabled="!isChecked()">
                <em class="fas fa-lock-open"></em>
                {{ lang.t("Unlock Backups") }}
            </button>
        </div>
        <button class="btn btn-danger" type="button" ng-click="ok()">
            <em class="fas fa-times"></em>
            {{ lang.t("Cancel") }}
        </button>
    </div>
</div>
<script type="text/ng-template" id="itemsList.htm">
    <div style="text-align: left; padding: 10px 0;">
        <ul style="margin: 0 0 0 10px; padding: 0;">
            <li ng-repeat="item in items" style="white-space: nowrap;">{{ lang.t("\"%s\" created on %s%s", item.name, lang.d(item.created, 'shorttime'), item.encrypted ? " - " + lang.t("Encrypted") : '')}}</li>
        </ul>

    </div>
</script>