jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Move the buttons to dialog footer

Browse Source
This commit is contained in:
Girish Ramakrishnan
2018-05-28 10:00:12 -07:00
parent 5ce658125c
commit a671e6acf7
2 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/apps.html
View File

@@ -181,28 +181,29 @@
<h4 class="modal-title">Backups - {{ appRestore.app.fqdn }}</h4>
</div>
<div class="modal-body">
<!-- new backup -->
<div id="appRestoreAccordion" class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<label class="radio-inline panel-title">
<input type="radio" class="control-label" name="appRestoreAction" value="backup" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreBackup">Backup</input>
<input type="radio" class="control-label" name="appRestoreAction" ng-model="appRestore.action" value="backup" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreBackup">Backup</input>
</label>
</div>
<div id="appRestoreBackup" class="panel-collapse collapse">
<div class="panel-body">
<p>This takes a live snapshot of this application.</p>
<div><button type="button" class="btn btn-success" ng-click="appRestore.createBackup()"> Backup</button></div>
</div>
</div>
</div>
<!-- restore -->
<div class="panel panel-default">
<div class="panel-heading">
<label class="radio-inline panel-title">
<input type="radio" class="control-label" name="appRestoreAction" value="restore" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreRestore">Restore</input>
<input type="radio" class="control-label" name="appRestoreAction" ng-model="appRestore.action" value="restore" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreRestore">Restore</input>
</label>
</div>
<div id="appRestoreRestore" class="panel-collapse collapse">
<div id="appRestoreRestore" class="panel-collapse collapse in">
<div class="panel-body">
<p class="text-center" ng-show="appRestore.busyFetching"><i class="fa fa-circle-o-notch fa-spin"></i> Fetching backups</p>
<p class="text-danger" ng-show="appRestore.backups.length === 0 && !appRestore.busyFetching">This app has no backups to restore from.</p>
@@ -233,16 +234,16 @@
<input class="ng-hide" type="submit" ng-disabled="appRestoreForm.$invalid || busy"/>
</form>
</fieldset>
<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>
</div>
</div>
<!-- clone -->
<div class="panel panel-default">
<div class="panel-heading">
<label class="radio-inline panel-title">
<input type="radio" class="control-label" name="appRestoreAction" value="clone" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreClone">Clone</input>
<input type="radio" class="control-label" name="appRestoreAction" ng-model="appRestore.action" value="clone" data-toggle="collapse" data-parent="#appRestoreAccordion" data-target="#appRestoreClone">Clone</input>
</label>
</div>
<div id="appRestoreClone" class="panel-collapse collapse">
@@ -297,8 +298,6 @@
</ng-form>
</div>
</form>
<button type="button" class="btn btn-danger" ng-click="appRestore.clone()" ng-show="appRestore.backups.length !== 0" ng-disabled="appCloneForm.$invalid || appRestore.busy || !appRestore.selectedBackup"><i class="fa fa-circle-o-notch fa-spin" ng-show="appRestore.busy"></i> Clone</button>
</div>
</div>
</div>
@@ -308,7 +307,11 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" ng-show="appRestore.action === 'backup'" ng-click="appRestore.createBackup()"> Backup</button>
<button type="button" class="btn btn-danger" ng-show="appRestore.action === 'restore'" 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-success" ng-show="appRestore.action === 'clone'" ng-click="appRestore.clone()" ng-show="appRestore.backups.length !== 0" ng-disabled="appCloneForm.$invalid || appRestore.busy || !appRestore.selectedBackup"><i class="fa fa-circle-o-notch fa-spin" ng-show="appRestore.busy"></i> Clone</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>