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

Improve inline update progress layout

Browse Source
This commit is contained in:
Johannes Zellner
2018-12-10 16:50:40 +01:00
parent fbc399f5fa
commit 5cd696792b
2 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/settings.html
View File

@@ -168,20 +168,20 @@
<tr>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</td>
<tr ng-show="!update.busy && update.errorMessage">
<td class="text-muted" style="vertical-align: top;">Update Error:</td>
<td class="text-right has-error" style="vertical-align: top; white-space: nowrap;">{{ update.errorMessage }}</td>
</tr>
<tr>
<td class="text-muted" style="vertical-align: top;">
<div ng-show="update.busy" class="progress progress-striped active animateMe">
<tr ng-show="update.busy">
<td colspan="2">
<div class="progress progress-striped active animateMe" style="margin-bottom: 10px;">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{update.percent}}%"></div>
</div>
<div>
<div ng-show="update.busy">{{ update.message }}</div>
<div class="has-error" ng-show="!update.busy && update.errorMessage">{{ update.errorMessage }}</div>
</div>
<div>{{ update.message }}</div>
</td>
<td class="text-right" style="vertical-align: bottom;">
</tr>
<tr>
<td colspan="2" style="padding-top: 10px;">
<button class="btn btn-primary pull-right" ng-show="!config.update.box && !update.busy" ng-disabled="autoUpdate.busy" ng-click="autoUpdate.checkNow()"><i class="fa fa-circle-notch fa-spin" ng-show="autoUpdate.busy"></i> Check for Updates</button>
<button class="btn btn-success pull-right" ng-show="config.update.box && !update.busy" ng-click="update.show()">Update Available</button>
<button class="btn btn-danger pull-right" ng-show="config.update.box && update.busy" ng-click="update.stopUpdate()">Stop Update</button>