[Frontend] Mods to DialogService model and dialogs

open #159
open #170
Properly re-cast model.hint and added model.actionText;
Moved progressText into progress-bar.html;
Tweaks to dialog styles;
Tweaked styles for progress bar;
Normalized various dialog templates markup;

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -329,16 +329,19 @@ label.checkbox.custom {
 
     &:not(.indeterminate) {
         .progress-amt:before {
-            // Slower, more subtle anim for determinate progress
-            @include animation(progress .3s linear infinite);
-            @include bgProgressAnim(#fff, 0.2, $progressBarStripeW);
+            // More subtle anim for determinate progress
+            @include animation(progress .4s linear infinite);
+            @include bgProgressAnim(#fff, 0.1, $progressBarStripeW);
         }
     }
 
-    &.indeterminate .progress-amt:before {
-        // Faster, more visible anim for indeterminate progress
-        @include animation(progress .6s linear infinite);
-        @include bgProgressAnim(#fff, 0.4, $progressBarStripeW);
+    &.indeterminate .progress-amt {
+        &:before {
+            // More visible std diag stripe anim for indeterminate progress
+            @include animation(progress .6s linear infinite);
+            @include bgDiagonalStripes(#fff, 0.2, $progressBarStripeW);
+        }
+        &:after { display: none; }
     }
 }
 

platform/commonUI/general/res/sass/controls/_messages.scss

@@ -107,12 +107,9 @@
 	padding: 0 $interiorMargin 0 $interiorMargin;
 	@include transform(translateX(-50%));
 
-	a, span {
+	.banner-elem {
 		@include flex(0 1 auto);
 		margin-left: $interiorMargin;
-		&:first-child {
-			//margin-left: 0;
-		}
 	}
 	a {
 		display: inline-block;
@@ -133,6 +130,7 @@
 		line-height: $h;
 		width: 100px;
 	}
+    .progress-info.progress-estimate { display: none; }
 	z-index: 2;
 }
 

platform/commonUI/general/res/sass/overlay/_overlay.scss

@@ -48,6 +48,10 @@
         line-height: 120%;
 	    margin-bottom: $interiorMargin;
     }
+
+    .hint {
+        color: pushBack($colorOvrFg, 20%);
+    }
     
     .top-bar {
         height: $ovrTopBarH;

platform/commonUI/general/res/templates/message-banner.html

@@ -1,11 +1,12 @@
 <div class="l-message-banner s-message-banner">
-    <span class="label">
+    <span class="banner-elem label">
         Objects not saved
     </span><mct-include key="'progress-bar'"
+                        class="banner-elem"
                         ng-model="ngModel"
-                        ng-hide-x="ngModel.dialog.progress === undefined"></mct-include><a class="l-action s-action">
+                        ng-hide-x="ngModel.dialog.progress === undefined"></mct-include><a class="banner-elem l-action s-action">
     Try Again
-</a><a class="ui-symbol close">
+</a><a class="banner-elem ui-symbol close">
     &#x78;
 </a>
 </div>

platform/commonUI/general/res/templates/progress-bar.html

@@ -1,7 +1,9 @@
-<span
-    class="l-progress-bar s-progress-bar"
-    ng-class="{ indeterminate:ngModel.dialog.unknownProgress }">
+<span class="l-progress-bar s-progress-bar"
+      ng-class="{ indeterminate:ngModel.dialog.unknownProgress }">
     <span class="progress-amt-holder">
         <span class="progress-amt" style="width: {{ngModel.dialog.progress}}%"></span>
     </span>
-</span>
+</span>
+<div class="progress-info progress-estimate hint" ng-hide="ngModel.dialog.progressText === undefined">
+    {{ngModel.dialog.progressText}}
+</div>