[Frontend] Progress bar as include; progress dialog

open #163
open #170
Progress bar now mct-include;
Progress dialog sanded;
Dialog launcher modded;

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

@@ -104,14 +104,14 @@
 	height: auto; width: auto;
 	line-height: $lh;
 	max-width: 300px;
-	padding: 0 $interiorMargin 0 $interiorMarginLg;
+	padding: 0 $interiorMargin 0 $interiorMargin;
 	@include transform(translateX(-50%));
 
 	a, span {
 		@include flex(0 1 auto);
 		margin-left: $interiorMargin;
 		&:first-child {
-			margin-left: 0;
+			//margin-left: 0;
 		}
 	}
 	a {

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

@@ -45,6 +45,7 @@
     .title {
 	    @include ellipsize();
         font-size: 1.2em;
+        line-height: 120%;
 	    margin-bottom: $interiorMargin;
     }
     
@@ -57,6 +58,15 @@
         bottom: $ovrFooterH + $interiorMargin * 2;
         left: 0; right: 0;
     }
+
+	.l-progress-bar {
+		$h: $progressBarHOverlay;
+        display: block;
+		height: $h;
+		line-height: $h;
+        margin: .5em 0;
+		width: 100%;
+	}
     
     .bottom-bar {
         top: auto; right: 0; bottom: 0; left: 0;

platform/commonUI/general/res/templates/indicator.html

@@ -31,7 +31,7 @@
 	</span><span class="label"
 		  ng-class='ngModel.getTextClass()'>
 		{{ngModel.getText()}}
-	</span><span class="count">
+	</span><span class="count">5
 		<!-- Add count value here if this type of indicator has one or more messages associated with it -->
 	</span><a href=''
 	   class="ui-symbol"

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

@@ -1,11 +1,9 @@
 <div class="l-message-banner s-message-banner">
     <span class="label">
         Objects not saved
-    </span><span
-        class="l-progress-bar s-progress-bar"
-        ng-class="{ indeterminate:true }"><span class="progress-amt-holder">
-        <span class="progress-amt" style="width: 35%"></span></span>
-    </span><a class="l-action s-action">
+    </span><mct-include key="'progress-bar'"
+                        ng-model="ngModel"
+                        ng-hide-x="ngModel.dialog.progress === undefined"></mct-include><a class="l-action s-action">
     Try Again
 </a><a class="ui-symbol close">
     &#x78;