Merging in Andrew's work so far on progress and blocking dialogs
open #163 open #170 Squashed commit of the following: commitec7edb58caAuthor: Henry <akhenry@aitutaki.ndc.nasa.gov> Date: Mon Oct 5 10:39:06 2015 -0700 Rename dialogSeverity to messageServity for reuse with notifications commitd20abe01ddAuthor: Henry <akhenry@aitutaki.ndc.nasa.gov> Date: Fri Oct 2 16:40:29 2015 -0700 Fixed docs commit227da18498Author: Henry <akhenry@aitutaki.ndc.nasa.gov> Date: Fri Oct 2 16:27:41 2015 -0700 Added semicolon commit22d424f96eAuthor: Henry <akhenry@aitutaki.ndc.nasa.gov> Date: Fri Oct 2 16:26:29 2015 -0700 Fixed code errors commit2c77c3647cAuthor: Henry <akhenry@aitutaki.ndc.nasa.gov> Date: Fri Oct 2 16:24:01 2015 -0700 Initial commit of blocking dialog service with test code to demonstrate usage
This commit is contained in:
30
platform/commonUI/dialog/res/templates/blocking-message.html
Normal file
30
platform/commonUI/dialog/res/templates/blocking-message.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<style>
|
||||
.severity-error {
|
||||
color: #d9534f;
|
||||
}
|
||||
.severity-info {
|
||||
|
||||
}
|
||||
.time-estimate {
|
||||
color: darkgray;
|
||||
}
|
||||
.dialog-content {
|
||||
margin-top: 5em;
|
||||
}
|
||||
</style>
|
||||
<mct-container key="overlay">
|
||||
<div class="abs top-bar severity-{{ngModel.dialog.severity}}">
|
||||
<div class="title">{{ngModel.dialog.title}}</div>
|
||||
</div>
|
||||
<div class="abs outline">
|
||||
<div class='abs contents l-dialog dialog-content'>
|
||||
<div class="hint">{{ngModel.dialog.hint}}</div>
|
||||
<br />
|
||||
<div ng-hide="ngModel.dialog.progress === undefined" style="background-color: darkgray; width: 100%; height: 1em;"><div ng-show="ngModel.dialog.progress > 0" style="color: #2e2e2e; background-color: lightgray; text-align: center; min-width: 2em; width: {{ngModel.dialog.progress}}%">{{ngModel.dialog.progress}} %</div></div>
|
||||
<div class="time-estimate" ng-hide="ngModel.dialog.progressText === undefined">{{ngModel.dialog.progressText}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="abs bottom-bar">
|
||||
<span ng-repeat="dialogAction in ngModel.dialog.actions"><input type="button" value="{{dialogAction.label}}" ng-click="dialogAction.action()"></span>
|
||||
</div>
|
||||
</mct-container>
|
||||
Reference in New Issue
Block a user