Fatal message styling.

res/app/components/stf/common-ui/fatal-message/fatal-message-service.js

@@ -35,5 +35,6 @@ module.exports = function FatalMessageServiceFactory($modal, $location, $route)
     })
   }
 
+
   return FatalMessageService
 }

res/app/components/stf/common-ui/fatal-message/fatal-message.css

@@ -0,0 +1,24 @@
+.stf-fatal-message .dialog-header-error {
+  background-color: #d2322d;
+}
+
+.stf-fatal-message .dialog-header-wait {
+  background-color: #428bca;
+}
+
+.stf-fatal-message .dialog-header-notify {
+  background-color: #eeeeee;
+}
+
+.stf-fatal-message .dialog-header-confirm {
+  background-color: #333333;
+}
+
+.stf-fatal-message .dialog-header-error span,
+.stf-fatal-message .dialog-header-error h4,
+.stf-fatal-message .dialog-header-wait span,
+.stf-fatal-message .dialog-header-wait h4,
+.stf-fatal-message .dialog-header-confirm span,
+.stf-fatal-message .dialog-header-confirm h4 {
+  color: #ffffff;
+}

res/app/components/stf/common-ui/fatal-message/fatal-message.jade

@@ -1,8 +1,29 @@
-.modal-header
-  h3.modal-title(translate) Device was disconnected
-  .modal-body
-    h4 Device is not in use anymore
+.stf-fatal-message
+  .modal-header.dialog-header-error
+    button(type='button', ng-click='cancel()').close ×
+    h4.modal-title.text-danger
+      i.fa.fa-warning
+      span  Device was disconnected
+  .modal-body.text-danger Device is not in use anymore
   .modal-footer
-    button.btn.btn-primary(translate, ng-click='ok()') Try to reconnect
-    button.btn.btn-success(translate, ng-click='second()') Go to Device List
-    button.btn.btn-warning(translate, ng-click='cancel()') Close
+    button.btn.btn-primary(type='button', ng-click='ok()')
+      i.fa.fa-refresh
+      span Try to reconnect
+    button.btn.btn-success(ng-click='second()')
+      i.fa.fa-sitemap
+      span Go to Device List
+    //button.btn.btn-warning(translate, ng-click='cancel()') Close
+
+      //'<div class="modal-header dialog-header-error">
+      //  <button type="button" class="close" ng-click="close()">&times;</button>
+      //  <h4 class="modal-title text-danger">
+      //    <span class="glyphicon glyphicon-warning-sign"></span>
+      //    <span ng-bind-html="header"></span>
+      //  </h4>
+      //</div>
+      //
+      //<div class="modal-body text-danger" ng-bind-html="msg"></div>
+      //<div class="modal-footer">
+      //  <button type="button" class="btn btn-default" ng-click="close()">
+      //'+startSym+'"DIALOGS_CLOSE" | translate'+endSym+'</button>
+      //</div>'

res/app/components/stf/common-ui/fatal-message/index.js

@@ -1,3 +1,5 @@
+require('./fatal-message.css')
+
 module.exports = angular.module('stf.fatal-message', [
 
 ])