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

Move notifications into a separate view

Browse Source
This commit is contained in:
Johannes Zellner
2019-01-09 15:18:10 +01:00
parent e36c15f770
commit d2d75b8e41
6 changed files with 115 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/notifications.html Normal file
View File

@@ -0,0 +1,43 @@
<div class="content">
<div class="text-left">
<h1>Notifications <button class="btn btn-primary btn-outline pull-right" ng-click="notifications.clearAll()"><i class="fa fa-check"></i> Clear All</button></h1>
</div>
<div class="card">
<div class="grid-item-top">
<div class="row" ng-show="notifications.busy">
<div class="col-lg-12 text-center">
<h2><i class="fa fa-circle-notch fa-spin"></i></h2>
</div>
</div>
<div class="row" ng-hide="notifications.busy">
<div class="col-xs-12">
<div ng-hide="notifications.notifications.length" class="text-center">All Caught Up!</div>
<table class="table table-hover">
<tbody ng-repeat="notification in notifications.notifications">
<tr ng-class="{ 'notification-details': notifications.activeNotification === notification }">
<td class="text-left hand elide-table-cell" ng-click="notifications.clicked(notification)">
{{ notification.title }} <small class="text-muted" uib-tooltip="{{ notification.creationTime | prettyLongDate }}">{{ notification.creationTime | prettyDate }}</small>
</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<button class="btn btn-xs btn-success" ng-hide="notification.acknowledged" ng-click="notifications.ack(notification)" uib-tooltip="Clear"><i class="fa fa-check"></i></button>
</td>
</tr>
<tr ng-show="notifications.activeNotification === notification" class="notification-details">
<td>{{ notification.message }}</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<button class="btn btn-xs btn-primary" ng-show="notification.action" ng-click="notifications.action(notification)"><i class="fa fa-arrow-right"></i> Goto View</button>
</td>
</tr>
</tbody>
</table>
<div class="col-md-12 text-center" ng-hide="notifications.all">
<button class="btn btn-outline btn-xs btn-default" ng-click="notifications.showOld()">Show older Notifications</button>
</div>
</div>
</div>
</div>
</div>
</div>