Another take on this layout

This commit is contained in:
Girish Ramakrishnan
2018-05-24 13:43:25 -07:00
parent caa59dd9a9
commit 0b5bd0b4cd

View File

@@ -173,14 +173,8 @@
<div class="modal-body">
<h4>Take Backup</h4>
<hr style="margin: 3px 0px 5px 0px"/>
<div class="row">
<div class="col-md-10">
This takes a live snapshot of this application. App will continue to run during the backup process.
</div>
<div class="col-md-2">
<button type="button" class="btn btn-success pull-right" ng-click="appRestore.createBackup()"> Backup</button>
</div>
</div>
<o>This takes a live snapshot of this application.</p>
<div><button type="button" class="btn btn-success" ng-click="appRestore.createBackup()"> Backup</button></div>
<br/>
@@ -192,15 +186,13 @@
<div ng-show="appRestore.backups.length !== 0">
<p>Restoring the app will lose all content generated since the backup.</p>
<label class="control-label">Select Backup</label>
<div class="row">
<div class="dropdown col-md-8">
<button type="button" class="btn btn-block btn-default" data-toggle="dropdown">{{ appRestore.selectedBackup.creationTime | prettyDate }} - v{{appRestore.selectedBackup.version}} <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="backup in appRestore.backups | orderBy:'-creationTime'">
<a href="" ng-click="appRestore.selectBackup(backup)">{{backup.creationTime}} {{ backup.creationTime | prettyDate }} - v{{backup.version}}</a>
</li>
</ul>
</div>
<div>
<button type="button" class="btn btn-block btn-default" data-toggle="dropdown">{{ appRestore.selectedBackup.creationTime | prettyDate }} - v{{appRestore.selectedBackup.version}} <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="backup in appRestore.backups | orderBy:'-creationTime'">
<a href="" ng-click="appRestore.selectBackup(backup)">{{backup.creationTime}} {{ backup.creationTime | prettyDate }} - v{{backup.version}}</a>
</li>
</ul>
</div>
<br/>
<fieldset>
@@ -217,7 +209,7 @@
<input class="ng-hide" type="submit" ng-disabled="appRestoreForm.$invalid || busy"/>
</form>
</fieldset>
<button type="button" class="btn btn-danger pull-right" ng-click="appRestore.restore()" ng-show="appRestore.backups.length !== 0" ng-disabled="appRestoreForm.$invalid || appRestore.busy || !appRestore.selectedBackup"><i class="fa fa-circle-o-notch fa-spin" ng-show="appRestore.busy"></i> Restore</button>
<button type="button" class="btn btn-danger" ng-click="appRestore.restore()" ng-show="appRestore.backups.length !== 0" ng-disabled="appRestoreForm.$invalid || appRestore.busy || !appRestore.selectedBackup"><i class="fa fa-circle-o-notch fa-spin" ng-show="appRestore.busy"></i> Restore</button>
</div>
</div>