24 lines
1.1 KiB
HTML
Raw Normal View History

2015-10-09 15:27:40 -07:00
<div ng-controller="BannerController" ng-show="active.notification"
class="l-message-banner s-message-banner" ng-class="{
2015-10-14 11:45:39 -07:00
'info': active.notification.severity===MessageSeverity.INFO,
'alert': active.notification.severity===MessageSeverity.ALERT,
'error': active.notification.severity===MessageSeverity.ERROR,
'minimized': active.notification.minimized,
'new': !active.notification.minimized}"
ng-click="maximize(active.notification)">
2015-10-09 15:27:40 -07:00
<span class="banner-elem label">
{{active.notification.title}}
</span>
2015-10-10 11:28:19 -07:00
<span ng-show="active.notification.progress !== undefined || active.notification.unknownProgress">
2015-10-09 15:27:40 -07:00
<mct-include key="'progress-bar'" class="banner-elem"
ng-model="active.notification">
</mct-include>
</span>
<a ng-hide="active.notification.primaryAction === undefined"
class="banner-elem l-action s-action"
ng-click="active.notification.primaryAction.action()">
{{active.notification.primaryAction.label}}
</a>
<a class="banner-elem ui-symbol close" ng-click="dismiss(active.notification)">
&#x78;</a>
</div>