From 60bddba24f7833a94f5875477055cfa6628ed49a Mon Sep 17 00:00:00 2001
From: Thermo_SIM <fbolis@SIMPRDWINCMS>
Date: Thu, 25 Feb 2021 17:01:31 +0100
Subject: [PATCH] added error in labels

---
 Thermo.Active/wwwroot/assets/styles/base/input.less  |  2 +-
 Thermo.Active/wwwroot/assets/styles/base/setup.less  |  4 ++++
 Thermo.Active/wwwroot/assets/styles/style.css        |  5 ++++-
 .../components/SVG_Components/quote-velocita.vue     | 10 +++++-----
 .../components/SVG_Components/stampo.vue             | 12 ++++++------
 .../components/SVG_Components/svgcontrostampo.vue    |  8 ++++----
 6 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/Thermo.Active/wwwroot/assets/styles/base/input.less b/Thermo.Active/wwwroot/assets/styles/base/input.less
index e9cb2b01..d76a7cbe 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/input.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/input.less
@@ -278,7 +278,7 @@ select:focus {
     }
 
     &.error {
-      outline: 2px red auto;
+      outline: 2px #d0021b auto !important;
     }
 
     &.focused {
diff --git a/Thermo.Active/wwwroot/assets/styles/base/setup.less b/Thermo.Active/wwwroot/assets/styles/base/setup.less
index 77e52630..4433241a 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/setup.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/setup.less
@@ -290,6 +290,10 @@
                 color: white;
               }
 
+              &.error{
+                border-color: #d0021b;
+              }
+
               div {
                 display: grid;
                 grid-template-columns: auto 1fr auto;
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index 6e9f8bef..2ab05743 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -265,6 +265,9 @@
   background-color: #9b9b9b;
   color: white;
 }
+.setup .modal section.body section article .svg-area .borded_label.error {
+  border-color: #d0021b;
+}
 .setup .modal section.body section article .svg-area .borded_label div {
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -6008,7 +6011,7 @@ select:focus {
   background-color: rgba(0, 0, 0, 0.15);
 }
 .input-area .numeric.error {
-  outline: 2px red auto;
+  outline: 2px #d0021b auto !important;
 }
 .input-area .numeric.focused {
   background-color: #1791ff33;
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/quote-velocita.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/quote-velocita.vue
index 24b3a627..a3b749e9 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/quote-velocita.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/quote-velocita.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-quote-velocita.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" :class="{error:recipe.positions_frame_intermediate_position.status.hasError || recipe.positions_frame_intermediate_speed.status.hasError}">
 			<div v-focus-on:positions_frame_intermediate_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_frame_intermediate_position.valueAct}}</span>
@@ -13,7 +13,7 @@
 				<small>{{recipe.positions_frame_intermediate_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota5">
+		<div class="borded_label" id="quota5" :class="{error:recipe.positions_frame_lower_position.status.hasError || recipe.positions_frame_lower_speed.status.hasError}">
 			<div v-focus-on:positions_frame_lower_position>
 				<img src="assets/icons/png/discesa.png" />
 				<span>{{recipe.positions_frame_lower_position.valueAct}}</span>
@@ -25,7 +25,7 @@
 				<small>{{recipe.positions_frame_lower_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" :class="{error:recipe.positions_frame_upper_position.status.hasError || recipe.positions_frame_upper_speed.status.hasError}">
 			<div v-focus-on:positions_frame_upper_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_frame_upper_position.setpointHMI}}</span>
@@ -37,8 +37,8 @@
 				<small>{{recipe.positions_frame_upper_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota6" v-focus-on:positions_frame_unload_position>
-			<div>
+		<div class="borded_label" id="quota6" :class="{error:recipe.positions_frame_unload_position.status.hasError}"> 
+			<div v-focus-on:positions_frame_unload_position>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.positions_frame_unload_position.setpointHMI}}</span>
 				<small>{{recipe.positions_frame_unload_position.unitMeasure}}</small>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
index 0140ef74..eb11ea30 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/stampo.vue
@@ -2,8 +2,8 @@
 	<div class="svg-area">
 		<img src="assets/svg/disegno-quote-velocita-stampo.svg" />
 		<img class="small-img" src="assets/svg/disegno-quote-velocita-stampo-2.svg" />
-		<div class="borded_label" id="quota1" v-focus-on:positions_mould_intermediate_position>
-			<div>
+		<div class="borded_label" id="quota1" :class="{error:recipe.positions_mould_intermediate_position.status.hasError}"> 
+			<div v-focus-on:positions_mould_intermediate_position>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.positions_mould_intermediate_position.valueAct}}</span>
 				<small>{{recipe.positions_mould_intermediate_position.unitMeasure}}</small>
@@ -24,7 +24,7 @@
 		</div>
 
 
-		<div class="borded_label" id="quota6">
+		<div class="borded_label" id="quota6"  :class="{error:recipe.positions_mould_upperdeceleration_position.status.hasError || recipe.positions_mould_upperdeceleration_speed.status.hasError}"> >
 			<div v-focus-on:positions_mould_upperdeceleration_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_mould_upperdeceleration_position.valueAct}}</span>
@@ -36,7 +36,7 @@
 				<small>{{recipe.positions_mould_upperdeceleration_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota7">
+		<div class="borded_label" id="quota7" :class="{error:recipe.positions_mould_upper_position.status.hasError || recipe.positions_mould_upper_speed.status.hasError}">
 			<div v-focus-on:positions_mould_upper_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_mould_upper_position.valueAct}}</span>
@@ -48,7 +48,7 @@
 				<small>{{recipe.positions_mould_upper_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota8">
+		<div class="borded_label" id="quota8" :class="{error:recipe.positions_mould_lowerdeceleration_position.status.hasError || recipe.positions_mould_lowerdeceleration_speed.status.hasError}">
 			<div v-focus-on:positions_mould_lowerdeceleration_position>
 				<img src="assets/icons/png/discesa.png" />
 				<span>{{recipe.positions_mould_lowerdeceleration_position.valueAct}}</span>
@@ -60,7 +60,7 @@
 				<small>{{recipe.positions_mould_lowerdeceleration_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota9">
+		<div class="borded_label" id="quota9" :class="{error:recipe.positions_mould_lower_position.status.hasError || recipe.positions_mould_lower_speed.status.hasError}">
 			<div v-focus-on:positions_mould_lower_position>
 				<img src="assets/icons/png/discesa.png" />
 				<span>{{recipe.positions_mould_lower_position.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/svgcontrostampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/svgcontrostampo.vue
index a19a9a1b..09ad553b 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/svgcontrostampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/SVG_Components/svgcontrostampo.vue
@@ -2,7 +2,7 @@ e<template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-controstampo-quote-velocita.svg" />
 		<img class="small-img" src="assets/svg/disegno-controstampo-quote-velocita-2.svg" />
-		<div class="borded_label" id="quota3">
+		<div class="borded_label" id="quota3" :class="{error:recipe.positions_upperplate_lower_position.status.hasError || recipe.positions_upperplate_lower_speed.status.hasError}">
 			<div v-focus-on:positions_upperplate_lower_position>
 				<img src="assets/icons/png/discesa.png" />
 				<span>{{recipe.positions_upperplate_lower_position.valueAct}}</span>
@@ -14,7 +14,7 @@ e<template>
 				<small>{{recipe.positions_upperplate_lower_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota4">
+		<div class="borded_label" id="quota4" :class="{error:recipe.positions_upperplate_lowerdeceleration_position.status.hasError || recipe.positions_upperplate_lowerdeceleration_speed.status.hasError}">
 			<div v-focus-on:positions_upperplate_lowerdeceleration_position>
 				<img src="assets/icons/png/discesa.png" />
 				<span>{{recipe.positions_upperplate_lowerdeceleration_position.valueAct}}</span>
@@ -26,7 +26,7 @@ e<template>
 				<small>{{recipe.positions_upperplate_lowerdeceleration_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" :class="{error:recipe.positions_upperplate_upper_position.status.hasError || recipe.positions_upperplate_upper_speed.status.hasError}">
 			<div v-focus-on:positions_upperplate_upper_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_upperplate_upper_position.valueAct}}</span>
@@ -38,7 +38,7 @@ e<template>
 				<small>{{recipe.positions_upperplate_upper_speed.unitMeasure}}</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" :class="{error:recipe.positions_upperplate_upperdeceleration_position.status.hasError || recipe.positions_upperplate_upperdeceleration_speed.status.hasError}">
 			<div v-focus-on:positions_upperplate_upperdeceleration_position>
 				<img src="assets/icons/png/salita.png" />
 				<span>{{recipe.positions_upperplate_upperdeceleration_position.valueAct}}</span>