Improve app display configuration

This commit is contained in:
Johannes Zellner
2019-09-12 16:28:21 +02:00
parent aafa698776
commit fd73b28d66
3 changed files with 48 additions and 38 deletions

View File

@@ -9,7 +9,7 @@
<div class="content">
<div class="task-indicator animateMe" ng-show="app.taskId">
<div class="task-indicator animateMe hand" ng-show="app.taskId" ng-click="scrollTo('overview')">
<i class="fa fa-circle-notch fa-spin"></i>
<span>{{ app | installationStateLabel:user }}</span>
</div>
@@ -25,16 +25,17 @@
<div ng-click="scrollTo('backups')">Backups</div>
</div>
<div id="overview">
<h1>
<img ng-src="{{ app.iconUrl || 'img/appicon_fallback.png' }}" fallback-icon="img/appicon_fallback.png" onerror="imageErrorHandler(this)" class="app-icon"/>
{{ app.label || app.location || app.fqdn }}
</h1>
</div>
<br/>
<div id="overview"></div>
<div class="card">
<div class="row">
<div class="col-md-12">
<h1>
<img ng-src="{{ app.iconUrl || 'img/appicon_fallback.png' }}" fallback-icon="img/appicon_fallback.png" onerror="imageErrorHandler(this)" class="app-icon"/>
{{ app.label || app.location || app.fqdn }}
</h1>
<br/>
<br/>
<table width="100%">
<tr>
<td class="text-muted" style="vertical-align: top;">Status</td>
@@ -91,18 +92,14 @@
<input type="file" id="iconFileInput" style="display: none" accept="image/png"/>
</div>
<input class="ng-hide" type="submit" ng-disabled="displayForm.$invalid || display.busy"/>
<input class="ng-hide" type="submit" ng-disabled="(!display.icon.data && !displayForm.$dirty) || displayForm.$invalid || display.busy"/>
</form>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-md-6">
<span class="text-success text-bold" ng-show="display.success">Saved</span>
</div>
<div class="col-md-6 text-right">
<button class="btn btn-outline btn-primary pull-right" ng-click="display.submit()" ng-disabled="display.$invalid || display.busy"><i class="fa fa-circle-notch fa-spin" ng-show="display.busy"></i> Save</button>
<div class="col-md-12 text-right">
<button class="btn btn-outline btn-primary pull-right" ng-click="display.submit()" ng-disabled="(!display.icon.data && !displayForm.$dirty) || display.$invalid || display.busy"><i class="fa fa-circle-notch fa-spin" ng-show="display.busy"></i> Save</button>
</div>
</div>
</div>