From 040eed1fcd79bbd6c0b4e9769dd10b5f5c0b7189 Mon Sep 17 00:00:00 2001
From: Alessio <alessiogiombetti@live.it>
Date: Mon, 15 Jun 2020 16:55:36 +0200
Subject: [PATCH] autoscroll and focus on formato and pirometro

---
 .../components/SVG_Components/controstampoSVG.vue      |  2 +-
 .../formato/components/SVG_Components/corniceSVG.vue   |  4 ++--
 .../formato/components/SVG_Components/lastraSVG.vue    |  6 +++---
 .../formato/components/SVG_Components/piastraSVG.vue   |  4 ++--
 .../formato/components/SVG_Components/stampoSVG.vue    |  8 ++++----
 .../setup/formato/components/controstampo.vue          |  2 +-
 .../setup/formato/components/cornice.vue               |  4 ++--
 .../setup/formato/components/lastra.vue                |  6 +++---
 .../setup/formato/components/piastra_riduzione.vue     |  4 ++--
 .../setup/formato/components/stampo.vue                |  8 ++++----
 .../SVG_Components/SVG-termo-inferiore.vue             | 10 +++++-----
 .../SVG_Components/SVG-termo-superiore.vue             | 10 +++++-----
 .../components/base-components/termo-inferiore.vue     | 10 +++++-----
 .../components/base-components/termo-superiore.vue     | 10 +++++-----
 14 files changed, 44 insertions(+), 44 deletions(-)

diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/controstampoSVG.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/controstampoSVG.vue
index 8371d378..cfb6d606 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/controstampoSVG.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/controstampoSVG.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-controstampo.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" v-focus-on="general_sizes_upperplate_max_height">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_upperplate_max_height.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/corniceSVG.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/corniceSVG.vue
index 6912af06..532faa4f 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/corniceSVG.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/corniceSVG.vue
@@ -1,14 +1,14 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-cornice.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" v-focus-on="general_sizes_frame_dim_y">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_frame_dim_y.valueAct}}</span>
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" v-focus-on="general_sizes_frame_dim_x">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_frame_dim_x.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/lastraSVG.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/lastraSVG.vue
index a66d2198..6769179a 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/lastraSVG.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/lastraSVG.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="svg-area">
     <img src="assets/svg/disegno-lastra.svg" />
-    <div class="borded_label" id="quota1">
+    <div class="borded_label" id="quota1" v-focus-on="general_sizes_sheet_dim_x">
       <div>
         <img src="assets/icons/png/quota.png" />
         <span>{{recipe.general_sizes_sheet_dim_x.valueAct}}</span>
         <small>mm</small>
       </div>
     </div>
-    <div class="borded_label" id="quota2">
+    <div class="borded_label" id="quota2" v-focus-on="general_sizes_sheet_dim_y">
       <div>
         <img src="assets/icons/png/quota.png" />
         <span>{{recipe.general_sizes_sheet_dim_y.valueAct}}</span>
         <small>mm</small>
       </div>
     </div>
-    <div class="borded_label" id="quota3">
+    <div class="borded_label" id="quota3" v-focus-on="general_sizes_sheet_thickness">
       <div>
         <img src="assets/icons/png/quota.png" />
         <span>{{recipe.general_sizes_sheet_thickness.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/piastraSVG.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/piastraSVG.vue
index d9a38422..fa57273b 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/piastraSVG.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/piastraSVG.vue
@@ -1,14 +1,14 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-piastra-riduzione.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" v-focus-on="general_sizes_plate_dim_y">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_plate_dim_y.valueAct}}</span>
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" v-focus-on="general_sizes_plate_dim_x">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_plate_dim_x.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/stampoSVG.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/stampoSVG.vue
index f7257727..4d7780f9 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/stampoSVG.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/SVG_Components/stampoSVG.vue
@@ -8,28 +8,28 @@
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" v-focus-on="general_sizes_mould_dim_y">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_mould_dim_y.valueAct}}</span>
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota3">
+		<div class="borded_label" id="quota3" v-focus-on="general_sizes_mould_max_height">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_mould_max_height.valueAct}}</span>
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota4">
+		<div class="borded_label" id="quota4" v-focus-on="general_sizes_mould_base_height">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_mould_base_height.valueAct}}</span>
 				<small>mm</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota5">
+		<div class="borded_label" id="quota5" v-focus-on="general_sizes_mould_min_height">
 			<div>
 				<img src="assets/icons/png/quota.png" />
 				<span>{{recipe.general_sizes_mould_min_height.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/controstampo.vue
index e3bcc095..fb0ec13d 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/controstampo.vue
@@ -6,7 +6,7 @@
 		<div class="body">
 			<div class="input-area">
 				<label>{{'general_sizes_upperplate_max_height' | localize('Altezza massima')}}</label>
-				<numeric v-model="recipe.general_sizes_upperplate_max_height" />
+				<numeric v-model="recipe.general_sizes_upperplate_max_height" id="general_sizes_upperplate_max_height"/>
 			</div>
 			<slider v-model="recipe.general_sizes_upperplate_max_height"></slider>
 		</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/cornice.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/cornice.vue
index 81b9a905..a7720773 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/cornice.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/cornice.vue
@@ -13,14 +13,14 @@
 			<hr />
 			<div class="input-area">
 				<label>{{'general_sizes_frame_dim_x' | localize('Apertura X')}}</label>
-				<numeric v-model="recipe.general_sizes_frame_dim_x" />
+				<numeric v-model="recipe.general_sizes_frame_dim_x" id="general_sizes_frame_dim_x"/>
 			</div>
 			<slider v-model="recipe.general_sizes_frame_dim_x"></slider>
 			<button class="submit">Muovi</button>
 
 			<div class="input-area">
 				<label>{{'general_sizes_frame_dim_y' | localize('Apertura Y')}}</label>
-				<numeric v-model="recipe.general_sizes_frame_dim_y" />
+				<numeric v-model="recipe.general_sizes_frame_dim_y" id="general_sizes_frame_dim_y"/>
 			</div>
 			<slider v-model="recipe.general_sizes_frame_dim_y"></slider>
 			<button class="submit">Muovi</button>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/lastra.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/lastra.vue
index 9bae46fe..4ebab30f 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/lastra.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/lastra.vue
@@ -13,17 +13,17 @@
 			<hr />
 			<div class="input-area">
 				<label>{{'general_sizes_sheet_dim_x' | localize('Dimensione X')}}</label>
-				<numeric v-model="recipe.general_sizes_sheet_dim_x" />
+				<numeric v-model="recipe.general_sizes_sheet_dim_x" id="general_sizes_sheet_dim_x"/>
 			</div>
 			<slider v-model="recipe.general_sizes_sheet_dim_x"></slider>
 			<div class="input-area">
 				<label>{{'general_sizes_sheet_dim_y' | localize('Dimensione Y')}}</label>
-				<numeric v-model="recipe.general_sizes_sheet_dim_y" />
+				<numeric v-model="recipe.general_sizes_sheet_dim_y" id="general_sizes_sheet_dim_y"/>
 			</div>
 			<slider v-model="recipe.general_sizes_sheet_dim_y"></slider>
 			<div class="input-area">
 				<label>{{'general_sizes_sheet_thickness' | localize('Spessore')}}</label>
-				<numeric v-model="recipe.general_sizes_sheet_thickness" />
+				<numeric v-model="recipe.general_sizes_sheet_thickness" id="general_sizes_sheet_thickness"/>
 			</div>
 			<slider v-model="recipe.general_sizes_sheet_thickness"></slider>
 		</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/piastra_riduzione.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/piastra_riduzione.vue
index 91cfaed2..5cc7a949 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/piastra_riduzione.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/piastra_riduzione.vue
@@ -13,14 +13,14 @@
 			<hr />
 			<div class="input-area">
 				<label>{{'general_sizes_plate_dim_x' | localize('Apertura X')}}</label>
-				<numeric v-model="recipe.general_sizes_plate_dim_x" />
+				<numeric v-model="recipe.general_sizes_plate_dim_x" id="general_sizes_plate_dim_x"/>
 			</div>
 			<slider v-model="recipe.general_sizes_plate_dim_x"></slider>
 			<button class="submit">Muovi</button>
 
 			<div class="input-area">
 				<label>{{'general_sizes_plate_dim_y' | localize('Apertura Y')}}</label>
-				<numeric v-model="recipe.general_sizes_plate_dim_y" />
+				<numeric v-model="recipe.general_sizes_plate_dim_y" id="general_sizes_plate_dim_y"/>
 			</div>
 			<slider v-model="recipe.general_sizes_plate_dim_y"></slider>
 			<button class="submit">Muovi</button>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
index 81e6b74d..b8a42127 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
@@ -12,24 +12,24 @@
 
 			<div class="input-area">
 				<label>{{'general_sizes_mould_dim_y' | localize('Dimensione Y')}}</label>
-				<numeric v-model="recipe.general_sizes_mould_dim_y" />
+				<numeric v-model="recipe.general_sizes_mould_dim_y" id="general_sizes_mould_dim_y"/>
 			</div>
 			<slider v-model="recipe.general_sizes_mould_dim_y"></slider>
 			<div class="input-area">
 				<label>{{'general_sizes_mould_max_height' | localize("Altezza massima")}}</label>
-				<numeric v-model="recipe.general_sizes_mould_max_height" />
+				<numeric v-model="recipe.general_sizes_mould_max_height" id="general_sizes_mould_max_height"/>
 			</div>
 			<slider v-model="recipe.general_sizes_mould_max_height"></slider>
 
 			<div class="input-area">
 				<label>{{'general_sizes_mould_min_height' | localize("Altezza minima negativa")}}</label>
-				<numeric v-model="recipe.general_sizes_mould_min_height" />
+				<numeric v-model="recipe.general_sizes_mould_min_height" id="general_sizes_mould_min_height"/>
 			</div>
 			<slider v-model="recipe.general_sizes_mould_min_height"></slider>
 
 			<div class="input-area">
 				<label>{{'general_sizes_mould_base_height' | localize("Altezza base")}}</label>
-				<numeric v-model="recipe.general_sizes_mould_base_height" />
+				<numeric v-model="recipe.general_sizes_mould_base_height" id="general_sizes_mould_base_height"/>
 			</div>
 			<slider v-model="recipe.general_sizes_mould_base_height"></slider>
 		</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
index 378823ac..2b7e596a 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
@@ -1,32 +1,32 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-termo.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" v-focus-on="pyrometer_lowerthermoregulator_sleep_percentage">
 			<div>
 				<span>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" v-focus-on="pyrometer_lowerthermoregulator_min_percentage">
 			<div>
 				<span>{{recipe.pyrometer_lowerthermoregulator_min_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota3">
+		<div class="borded_label" id="quota3" v-focus-on="pyrometer_lowerthermoregulator_max_percentage">
 			<div>
 				<span>{{recipe.pyrometer_lowerthermoregulator_max_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota4">
+		<div class="borded_label" id="quota4" v-focus-on="pyrometer_lowerthermoregulator_start_adjustment">
 			<div>
 				<img src="assets/icons/png/temperatura.png" />
 				<span>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.valueAct}}</span>
 				<small>°C</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota5">
+		<div class="borded_label" id="quota5" v-focus-on="pyrometer_lowerthermoregulator_end_adjustment">
 			<div>
 				<img src="assets/icons/png/temperatura.png" />
 				<span>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.vue
index dc627c6d..7b7ac4cf 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.vue
@@ -1,32 +1,32 @@
 <template>
 	<div class="svg-area">
 		<img src="assets/svg/disegno-termo.svg" />
-		<div class="borded_label" id="quota1">
+		<div class="borded_label" id="quota1" v-focus-on="pyrometer_upperthermoregulator_sleep_percentage">
 			<div>
 				<span>{{recipe.pyrometer_upperthermoregulator_sleep_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota2">
+		<div class="borded_label" id="quota2" v-focus-on="pyrometer_upperthermoregulator_min_percentage">
 			<div>
 				<span>{{recipe.pyrometer_upperthermoregulator_min_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota3">
+		<div class="borded_label" id="quota3" v-focus-on="pyrometer_upperthermoregulator_max_percentage">
 			<div>
 				<span>{{recipe.pyrometer_upperthermoregulator_max_percentage.valueAct}}</span>
 				<small>%</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota4">
+		<div class="borded_label" id="quota4" v-focus-on="pyrometer_upperthermoregulator_start_adjustment">
 			<div>
 				<img src="assets/icons/png/temperatura.png" />
 				<span>{{recipe.pyrometer_upperthermoregulator_start_adjustment.valueAct}}</span>
 				<small>°C</small>
 			</div>
 		</div>
-		<div class="borded_label" id="quota5">
+		<div class="borded_label" id="quota5" v-focus-on="pyrometer_upperthermoregulator_end_adjustment">
 			<div>
 				<img src="assets/icons/png/temperatura.png" />
 				<span>{{recipe.pyrometer_upperthermoregulator_end_adjustment.valueAct}}</span>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
index b2bb08df..a86f9903 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
@@ -5,12 +5,12 @@
 				<div class="body">
 					<div class="input-area">
 						<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
-						<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" />
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" id="pyrometer_lowerthermoregulator_start_adjustment"/>
 					</div>
 					<slider v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"></slider>
 					<div class="input-area">
 						<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
-						<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" />
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" id="pyrometer_lowerthermoregulator_end_adjustment"/>
 					</div>
 					<slider v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"></slider>
 
@@ -18,12 +18,12 @@
 
 					<div class="input-area">
 						<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
-						<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" />
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" id="pyrometer_lowerthermoregulator_min_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"></slider>
 					<div class="input-area">
 						<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
-						<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" />
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" id="pyrometer_lowerthermoregulator_max_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"></slider>
 
@@ -35,7 +35,7 @@
 					</div>
 					<div class="input-area">
 						<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
-						<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" />
+						<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" id="pyrometer_lowerthermoregulator_sleep_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"></slider>
 					<div class="input-area">
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
index 41ec5030..6b3ac3cb 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
@@ -5,12 +5,12 @@
 				<div class="body">
 					<div class="input-area">
 						<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
-						<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" />
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" id="pyrometer_upperthermoregulator_start_adjustment"/>
 					</div>
 					<slider v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"></slider>
 					<div class="input-area">
 						<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
-						<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" />
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" id="pyrometer_upperthermoregulator_end_adjustment"/>
 					</div>
 					<slider v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"></slider>
 
@@ -18,12 +18,12 @@
 
 					<div class="input-area">
 						<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
-						<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" />
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" id="pyrometer_upperthermoregulator_min_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_upperthermoregulator_min_percentage"></slider>
 					<div class="input-area">
 						<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
-						<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" />
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" id="pyrometer_upperthermoregulator_max_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_upperthermoregulator_max_percentage"></slider>
 
@@ -35,7 +35,7 @@
 					</div>
 					<div class="input-area">
 						<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
-						<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" />
+						<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" id="pyrometer_upperthermoregulator_sleep_percentage"/>
 					</div>
 					<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"></slider>
 					<div class="input-area">