This repository has been archived by the owner on May 4, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 31
/
notifications-full.html
28 lines (27 loc) · 1.79 KB
/
notifications-full.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div class="portlet-frame" ng-controller="PortalNotificationController as notificationCtrl">
<app-header app-title="Notifications" app-icon='fa-bell'></app-header>
<div class="portlet-body notifications">
<div class="inner-nav-container">
<ul class="inner-nav">
<li ng-class="{ active : mode === 'new' }"><a href='javascript:;' ng-click="switch('new')" aria-label='switch to see new notifications'>New</a></li>
<li ng-class="{ active : mode === 'old' }"><a href='javascript:;' ng-click="switch('old')" aria-label='switch to see old and dismissed notifications'>Dismissed</a></li>
</ul>
</div>
<div>
<ul class="notifications-list">
<li class="notification-item" ng-repeat="notification in notifications" ng-if='shouldShow(notification)'>
<a class="content" ng-href='{{notification.actionURL}}' target='_blank' aria-label='{{notification.actionAlt}}'>
<p>{{ notification.title }}</p>
</a>
<div class="action" ng-click='dismiss(notification)' ng-hide="!notification.dismissable || isDismissed(notification)">
<i class='fa fa-times'tooltip="Dismiss notification" tooltip-placement="top" tooltip-popup-delay="300" tooltip-trigger="mouseenter"></i>
</div>
<div class="action" ng-click="undismiss(notification)" ng-hide="!(mode === 'old')">
<i class='fa fa-undo'tooltip="Revert Dismiss of notification" tooltip-placement="left" tooltip-popup-delay="300" tooltip-trigger="mouseenter"></i>
</div>
</li>
<li class="notification-item read" ng-if="isEmpty || (countWithDismissed() === 0 && mode === 'new') || (mode === 'old' && dismissedCount() === 0)">You have no <span ng-show='dismissedCount() === 0'>dismissed</span> notifications at this time.</li>
</ul>
</div>
</div>
</div>