From b40503b28db90f4e7603f4b705af7ff139d9fb07 Mon Sep 17 00:00:00 2001
From: Nicola Carminati <nicola.carminati@cms.it>
Date: Thu, 12 Apr 2018 12:41:26 +0200
Subject: [PATCH] Fix ui Styles

---
 Step.Utils/languages/IT.xml                  |  2 +-
 Step.Utils/languages/en.xml                  |  2 +-
 Step/wwwroot/assets/styles/base/header.less  |  3 +++
 Step/wwwroot/assets/styles/base/ribbons.less |  1 +
 Step/wwwroot/assets/styles/style.css         |  4 ++++
 Step/wwwroot/src/modules/app-header.vue      | 16 ++++++++--------
 6 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/Step.Utils/languages/IT.xml b/Step.Utils/languages/IT.xml
index a779dc09..07baf0d1 100644
--- a/Step.Utils/languages/IT.xml
+++ b/Step.Utils/languages/IT.xml
@@ -22,7 +22,7 @@
   <warning_ribbon_title_1_item>Warning</warning_ribbon_title_1_item>
   <warning_ribbon_title_more_items>Ci sono %d warning attivi</warning_ribbon_title_more_items>
   <alarm_detail_lbl_status>Stato</alarm_detail_lbl_status>
-  <alarm_manual_lbl_title>Procedura guidata</alarm_manual_lbl_title>
+  <alarm_manual_lbl_title>Procedura ripristino</alarm_manual_lbl_title>
   <alarm_manual_lbl_description>Risoluzione dell'allarme</alarm_manual_lbl_description>
   <alarm_manual_btn_start>Avvia</alarm_manual_btn_start>  
   <alarm_detail_btn_show_manual>Vedi Manuale</alarm_detail_btn_show_manual>
diff --git a/Step.Utils/languages/en.xml b/Step.Utils/languages/en.xml
index 9b466e1a..561a5ab9 100644
--- a/Step.Utils/languages/en.xml
+++ b/Step.Utils/languages/en.xml
@@ -22,7 +22,7 @@
   <warning_ribbon_title_1_item>Warning</warning_ribbon_title_1_item>
   <warning_ribbon_title_more_items>There are %d active warnings</warning_ribbon_title_more_items>
   <alarm_detail_lbl_status>Status</alarm_detail_lbl_status>
-  <alarm_manual_lbl_title>Wizard</alarm_manual_lbl_title>
+  <alarm_manual_lbl_title>Restore procedure</alarm_manual_lbl_title>
   <alarm_manual_lbl_description>Alarm resolution</alarm_manual_lbl_description>
   <alarm_manual_btn_start>Start</alarm_manual_btn_start>
   <alarm_detail_btn_show_manual>Show Manual</alarm_detail_btn_show_manual>
diff --git a/Step/wwwroot/assets/styles/base/header.less b/Step/wwwroot/assets/styles/base/header.less
index c407fde0..03953402 100644
--- a/Step/wwwroot/assets/styles/base/header.less
+++ b/Step/wwwroot/assets/styles/base/header.less
@@ -74,6 +74,9 @@
         width: @header-button-size; // background-image: url(../profile.png);
         // background-size: cover;
     }
+    button.unclickable {
+        cursor: default;
+    }
     &.turn-up .user-info time {
         color: #fff;
     }
diff --git a/Step/wwwroot/assets/styles/base/ribbons.less b/Step/wwwroot/assets/styles/base/ribbons.less
index 85042e8c..e4569bca 100644
--- a/Step/wwwroot/assets/styles/base/ribbons.less
+++ b/Step/wwwroot/assets/styles/base/ribbons.less
@@ -48,6 +48,7 @@
             height: 100%;
             width: 100%;
             margin: 0px;
+            white-space: nowrap;
             .content {
                 display: flex;
                 flex-flow: column;
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index bdd8f572..5cbd2bcb 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -661,6 +661,9 @@ fieldset[disabled] .form-group.is-focused .togglebutton label {
 #app > header button.profile {
   width: 44px;
 }
+#app > header button.unclickable {
+  cursor: default;
+}
 #app > header.turn-up .user-info time {
   color: #fff;
 }
@@ -780,6 +783,7 @@ fieldset[disabled] .form-group.is-focused .togglebutton label {
   height: 100%;
   width: 100%;
   margin: 0px;
+  white-space: nowrap;
 }
 .ribbon-container .app-ribbon .status-content .content {
   display: flex;
diff --git a/Step/wwwroot/src/modules/app-header.vue b/Step/wwwroot/src/modules/app-header.vue
index bd90f699..c72c1e3e 100644
--- a/Step/wwwroot/src/modules/app-header.vue
+++ b/Step/wwwroot/src/modules/app-header.vue
@@ -25,28 +25,28 @@
       </div>
     </app-ribbon>
 
-    <button :class="{ red: mainStatus, blue: !mainStatus }">
+    <button class="unclickable"  :class="{ red: mainStatus, blue: !mainStatus }">
       <img class="h-24" src="assets/icons/png/switch-icon@2x.png">
     </button>
-    <button class="power-on" :disabled="!state.powerOnAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="power-on unclickable" :disabled="!state.powerOnAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.powerOnAlarm && state.powerOnAlarm.active" @click="manageClick(state.powerOnAlarm)"><img src="assets/icons/png/control-icon-error@2x.png"></button>
 
-    <button class="airflow" :disabled="!state.airPressureAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="airflow unclickable" :disabled="!state.airPressureAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.airPressureAlarm && state.airPressureAlarm.active" @click="manageClick(state.airPressureAlarm)"><img src="assets/icons/png/air-icon@2x.png"></button>
 
-    <button class="protections" :disabled="!state.protectionsAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="protections unclickable" :disabled="!state.protectionsAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.protectionsAlarm && state.protectionsAlarm.active" @click="manageClick(state.protectionsAlarm)"><img src="assets/icons/png/lock-icon-error@2x.png"></button>
 
-    <button class="emergency" :disabled="!state.emergencyAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="emergency unclickable" :disabled="!state.emergencyAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.emergencyAlarm && state.emergencyAlarm.active" @click="manageClick(state.emergencyAlarm)"><img src="assets/icons/png/refresh-icon-error@2x.png"></button>
 
-    <button class="settings-mode" :disabled="!state.settingsModeAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="settings-mode unclickable" :disabled="!state.settingsModeAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.settingsModeAlarm && state.settingsModeAlarm.active" @click="manageClick(state.settingsModeAlarm)"><img src="assets/icons/png/no-settings@2x.png"></button>
 
-    <button class="key" :disabled="!state.keyReadyAlarm.clickable || checkSecurityDisabled('startupIcons')"
+    <button class="key unclickable" :disabled="!state.keyReadyAlarm.clickable || checkSecurityDisabled('startupIcons')"
             v-if="state.keyReadyAlarm && state.keyReadyAlarm.active" @click="manageClick(state.keyReadyAlarm)"><img src="assets/icons/png/key-icon-error@2x.png"></button>
 
-    <button :class="{ red: powerOnStatus, blue: !powerOnStatus }">
+    <button class="unclickable" :class="{ red: powerOnStatus, blue: !powerOnStatus }">
       <img src="assets/icons/png/ok-white.png" class="h-20" v-if="!powerOnStatus">
       <img src="assets/icons/png/not-ok-white.png" class="h-20" v-if="powerOnStatus">
       </button>