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

Make app documentation a dropdown to show postinstall and upstream project link

Browse Source
This commit is contained in:
Johannes Zellner
2019-09-26 20:48:04 +02:00
parent f3c2a3c025
commit 17771ccecd
3 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/app.html
View File

@@ -151,6 +151,23 @@
</div>
</div>
<!-- Modal postinstall -->
<div class="modal fade" id="postInstallModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4>First Time Setup</h4>
</div>
<div class="modal-body">
<div ng-bind-html="app.manifest.postInstallMessage | postInstallMessage:app | markdown2html"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal update app -->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
@@ -251,8 +268,19 @@
<span class="text-small">{{ app | installationStateLabel:user }}</span>
</h1>
<div>
<a class="btn btn-sm btn-outline btn-primary" ng-href="{{ app.manifest.documentationUrl }}" target="_blank">Documentation</a>
<a class="btn btn-sm btn-outline btn-primary" ng-href="{{ app | applicationLink }}" target="_blank" ng-disabled="!(app | appIsInstalledAndHealthy)" ng-click="user.admin && ((app | installError) === true && setView('debug')) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && postInstallConfirm.show())"><i class="fas fa-external-link-alt"></i> Open App</a>
<div class="dropdown">
<button class="btn btn-sm btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
Documentation
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li ng-class="{ 'disabled': !app.manifest.postInstallMessage }"><a href="" ng-click="showPostInstall()"><i class="fas fa-star-of-life fa-fw"></i> First Time Setup</a></li>
<li><a ng-href="{{ app.manifest.documentationUrl }}" target="_blank"><i class="fas fa-book fa-fw"></i> Documentation</a></li>
<li role="separator" class="divider"></li>
<li><a ng-href="{{ app.manifest.website }}" target="_blank"><i class="fas fa-external-link-alt fa-fw"></i> Project Website</a></li>
</ul>
</div>
<a class="btn btn-sm btn-outline btn-primary" style="margin-top: 10px;" ng-href="{{ app | applicationLink }}" target="_blank" ng-disabled="!(app | appIsInstalledAndHealthy)" ng-click="user.admin && ((app | installError) === true && setView('debug')) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && postInstallConfirm.show())"><i class="fas fa-external-link-alt"></i> Open App</a>
</div>
</div>
</div>