Show backup progress inline

This commit is contained in:
Girish Ramakrishnan
2019-09-05 11:30:27 -07:00
parent 3e1e704a7f
commit c7d434a091

View File

@@ -264,13 +264,21 @@
<div class="modal-header">
<h4 class="modal-title">
Backups - {{ appRestore.app.fqdn }}
<button type="button" class="btn btn-primary pull-right" ng-click="appRestore.createBackup()" ng-hide="appRestore.busyFetching" ng-disabled="appRestore.app.installationState === 'pending_backup'"><i class="fa fa-circle-notch fa-spin" ng-show="appRestore.app.installationState === 'pending_backup'"></i> Create Backup</button>
<button type="button" class="btn btn-sm btn-primary pull-right" ng-click="appRestore.createBackup()" ng-hide="appRestore.busyFetching" ng-disabled="appRestore.app.installationState === 'pending_backup'"><i class="fa fa-circle-notch fa-spin" ng-show="appRestore.app.installationState === 'pending_backup'"></i> Create Backup</button>
</h4>
</div>
<div class="modal-body" style="padding: 0 15px">
<p class="text-center" ng-show="appRestore.busyFetching"><i class="fa fa-circle-notch fa-spin"></i> Fetching backups</p>
<p ng-hide="appRestore.backups.length">This app has no backups yet.</p>
<div ng-show="appRestore.app.installationState === 'pending_backup'">
<div class="progress progress-striped active animateMe" style="margin-bottom: 10px;">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{appRestore.app.progress}}%"></div>
</div>
<div><center>{{ appRestore.app.message }}</center></div>
<br>
</div>
<!-- backup id copy helper -->
<input type="text" class="offscreen" aria-hidden="true" id="appRestoreBackupIdHelper" value="">