0e840ae003
open #159 open #170 CSS, markup and JS test files initially complete; Templates renamed for consistency; message-type icons styled; Added severity constant "alert"; TO-DO: check refactored CSS against mobile, see what's broken;
24 lines
1022 B
HTML
24 lines
1022 B
HTML
<div class="l-message message-severity-{{ngModel.dialog.severity}}">
|
|
<div class="ui-symbol type-icon message-type"></div>
|
|
<div class="message-contents">
|
|
<div class="top-bar">
|
|
<div class="title">{{ngModel.dialog.title}}</div>
|
|
<div class="hint" ng-hide="ngModel.dialog.hint === undefined">{{ngModel.dialog.hint}}</div>
|
|
</div>
|
|
<div class="message-body">
|
|
<div class="message-action">
|
|
{{ngModel.dialog.actionText}} message-severity-{{ngModel.dialog.severity}}
|
|
</div>
|
|
<mct-include key="'progress-bar'"
|
|
ng-model="ngModel"
|
|
ng-hide="ngModel.dialog.progress === undefined"></mct-include>
|
|
</div>
|
|
<div class="bottom-bar">
|
|
<a ng-repeat="dialogAction in ngModel.dialog.actions"
|
|
class="s-btn major"
|
|
ng-click="dialogAction.action()">
|
|
{{dialogAction.label}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div> |