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

Improve app overview and add restart action

Browse Source
This commit is contained in:
Johannes Zellner
2019-09-12 17:42:33 +02:00
parent 96bb293c1f
commit 2027f8052b
4 changed files with 75 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/app.html
View File

@@ -30,38 +30,44 @@
<div class="card">
<div class="row">
<div class="col-md-12">
<h1>
<h2 style="margin-top: 10px;">
<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>
</h2>
<br/>
<p>
{{ app.manifest.title }}
<span class="app-info-meta text-small">{{ app.upstreamVersion }} (Package <a ng-href="/#/appstore/{{app.manifest.id}}?version={{app.manifest.version}}">v{{ app.manifest.version }}</a>) </span>
<br/>
App ID <span class="app-info-meta text-small">{{ app.id }}</a> </span>
<br/>
Last updated <span class="app-info-meta text-small">{{ app.updateTime | prettyDate }}</span>
</p>
<br/>
<table width="100%">
<tr>
<td class="text-muted" style="vertical-align: top;">Status</td>
<td class="text-right" style="vertical-align: top;">{{ app | installationStateLabel:user }}</td>
</tr>
<tr>
<td class="text-muted" style="vertical-align: top;">App ID</td>
<td class="text-right" style="vertical-align: top;">{{ app.id }}</td>
</tr>
<tr>
<td class="text-muted" style="vertical-align: top;">Upstream Version</td>
<td class="text-right" style="vertical-align: top;">{{ app.upstreamVersion }}</td>
</tr>
<tr>
<td class="text-muted" style="vertical-align: top;">App Package</td>
<td class="text-right" style="vertical-align: top;">{{ app.manifest.title }}</td>
</tr>
<tr>
<td class="text-muted" style="vertical-align: top;">App Package Version</td>
<td class="text-right" style="vertical-align: top;">{{ app.manifest.version }}</td>
</tr>
</table>
<p ng-show="app.manifest && app.manifest.postInstallMessage">
<b>Usage Information</b><br/>
<div ng-bind-html="app.manifest.postInstallMessage | postInstallMessage:app | markdown2html"></div>
</p>
<br/>
<a class="btn btn-outline btn-primary" ng-href="{{ app.manifest.documentationUrl }}" target="_blank">Documentation</a>
<a class="btn btn-outline btn-primary" ng-href="{{ '/logs.html?appId=' + app.id }}" target="_blank">Logs</a>
<button class="btn btn-danger pull-right" ng-show="app.taskId" ng-click="stopAppTask(app.taskId)">Cancel Current Task</button>
<p ng-show="app.manifest.addons.localstorage.ftp">
<b>SFTP</b> <sup><a ng-href="{{ config.webServerOrigin }}/documentation/apps/#ftp-access" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup><br/>
Server: {{ config.adminFqdn }}<br/>
Port: 222<br/>
Username: {{ user.username }}@{{ app.fqdn }}<br/>
</p>
<br/>
<div>
<button class="btn btn-warning" ng-hide="app.taskId" ng-click="restartApp()" ng-disabled="appIsRestarting"><i class="fa fa-circle-notch fa-spin" ng-show="appIsRestarting"></i> Restart App</button>
<button class="btn btn-danger" ng-show="app.taskId" ng-click="stopAppTask(app.taskId)">Cancel Current Task</button>
<a class="btn btn-outline btn-primary pull-right" ng-href="{{ '/logs.html?appId=' + app.id }}" target="_blank">Logs</a>
<a class="btn btn-outline btn-primary pull-right" ng-href="{{ app.manifest.documentationUrl }}" target="_blank">Documentation</a>
</div>
</div>
</div>
</div>