From 65543fc44dca21d8f5e823b8a02ff3313b2bc308 Mon Sep 17 00:00:00 2001
From: = <paolo@teamdev.it>
Date: Tue, 30 Jun 2020 11:45:54 +0200
Subject: [PATCH] inserimento combo in luogo delle select

---
 Thermo.Active/wwwroot/config.development.json |  3 +-
 .../wwwroot/src/@types/recipe-current.d.ts    |  3 +-
 .../app_modules_thermo/components/combo.ts    | 17 +++++
 .../app_modules_thermo/components/combo.vue   |  6 ++
 .../app_modules_thermo/components/index.ts    |  4 +-
 .../base-components/ciclo-formatura.vue       | 32 ++++-----
 .../formatura-cristallizzazione.vue           | 18 ++---
 .../base-components/ciclo-controstampo.vue    | 30 ++++-----
 .../base-components/estrazione-principale.vue |  2 +-
 .../setup/formato/components/cornice.vue      | 33 +++++-----
 .../setup/formato/components/lastra.vue       | 39 ++++++-----
 .../formato/components/piastra_riduzione.vue  | 33 +++++-----
 .../setup/imbutitura/show-imbutitura-info.vue |  4 +-
 .../base-components/inputSottosquadra.vue     |  2 +-
 .../base-components/setupSottosquadra.vue     |  4 +-
 .../base-components/nebulizzatori.vue         | 30 ++++-----
 .../base-components/ventilatori.vue           | 30 ++++-----
 .../base-components/riscaldi-inferiori.vue    |  4 +-
 .../base-components/riscaldi-superiori.vue    |  4 +-
 .../sostentamento-decompressione.vue          | 66 +++++++++----------
 .../base-components/vuoto-principale.vue      |  2 +-
 Thermo.Active/wwwroot/src/config.ts           |  3 +-
 .../wwwroot/src/store/recipe.store.ts         | 17 ++++-
 23 files changed, 212 insertions(+), 174 deletions(-)
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.ts
 create mode 100644 Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.vue

diff --git a/Thermo.Active/wwwroot/config.development.json b/Thermo.Active/wwwroot/config.development.json
index 3f9529d8..58ce0f2f 100644
--- a/Thermo.Active/wwwroot/config.development.json
+++ b/Thermo.Active/wwwroot/config.development.json
@@ -3,5 +3,6 @@
   "api": {
     "enabled": true,
     "apiServerUrl": "http://seriate.steamware.net:9000/"
-  }
+  },
+  "allUIVisible": true
 }
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/@types/recipe-current.d.ts b/Thermo.Active/wwwroot/src/@types/recipe-current.d.ts
index 1ee8b8d9..bb3c5da3 100644
--- a/Thermo.Active/wwwroot/src/@types/recipe-current.d.ts
+++ b/Thermo.Active/wwwroot/src/@types/recipe-current.d.ts
@@ -17,7 +17,8 @@ declare module Recipe {
     unitMeasure: string,
     setpointHMI: number,
     setpointPLC: number,
-    valueAct: number
+    valueAct: number,
+    enumVal: { [id: string]: number }
   }
 
   interface IRecipe {
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.ts
new file mode 100644
index 00000000..f9311868
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.ts
@@ -0,0 +1,17 @@
+import Component from "vue-class-component";
+import Vue from "vue";
+import { Prop } from "vue-property-decorator";
+
+@Component({})
+export default class Combo extends Vue {
+
+  @Prop()
+  value: Recipe.IValue;
+
+  get options() {
+    let result: { id: number, label: string, animation: string }[] = [];
+    this.value.enumVal
+    return result;
+  }
+
+}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.vue
new file mode 100644
index 00000000..06b46d18
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/components/combo.vue
@@ -0,0 +1,6 @@
+<template>
+	<select v-model="value.setpointHMI" class="form-control">
+		<option v-for="opt in options" :key="opt.id" :value="opt.id">{{opt.label}}</option>
+	</select>
+</template>
+<script src="./combo.ts" lang="ts"/>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/components/index.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/components/index.ts
index c14e9efe..63c85329 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/components/index.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/components/index.ts
@@ -3,12 +3,14 @@ import slider from "./slider.vue";
 import Vue from "vue";
 import keyboard from "./keyboard.vue";
 import clock from "./clock.vue";
+import combo from "./combo.vue"
 
 export default {
   numeric,
   slider,
   keyboard,
-  clock
+  clock,
+  combo
 }
 
 Vue.directive('focusOn', {
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/ciclo-formatura.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/ciclo-formatura.vue
index 0962d5ac..804e6bd7 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/ciclo-formatura.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/ciclo-formatura.vue
@@ -4,28 +4,28 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.cycle_forming_type.status.visible">
-					<div class="input-area">
-						<label>{{'cycle_forming_type'|localize('Tipo')}}</label>
-						<select class="form-control" v-model="recipe.cycle_forming_type"></select>
-					</div>
+						<div class="input-area">
+							<label>{{'cycle_forming_type'|localize('Tipo')}}</label>
+							<combo v-model="recipe.cycle_forming_type"></combo>
+						</div>
 					</template>
 					<template v-if="recipe.cycle_forming_pause_cycle.status.visible">
-					<div class="input-area">
-						<label>{{'cycle_forming_pause_cycle'|localize('Pausa ciclo')}}</label>
-						<toggle-button v-model="recipe.cycle_forming_pause_cycle.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'cycle_forming_pause_cycle'|localize('Pausa ciclo')}}</label>
+							<toggle-button v-model="recipe.cycle_forming_pause_cycle.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.cycle_forming_cooling_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'cycle_forming_cooling_enabled'|localize('Raffreddamento fine ciclo')}}</label>
-						<toggle-button v-model="recipe.cycle_forming_cooling_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'cycle_forming_cooling_enabled'|localize('Raffreddamento fine ciclo')}}</label>
+							<toggle-button v-model="recipe.cycle_forming_cooling_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.cycle_forming_blowingbox_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'cycle_forming_blowingbox_enabled'|localize('Ventilazione cassone fine ciclo')}}</label>
-						<toggle-button v-model="recipe.cycle_forming_blowingbox_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'cycle_forming_blowingbox_enabled'|localize('Ventilazione cassone fine ciclo')}}</label>
+							<toggle-button v-model="recipe.cycle_forming_blowingbox_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/formatura-cristallizzazione.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/formatura-cristallizzazione.vue
index b7540a4c..86cb1474 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/formatura-cristallizzazione.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/ciclo/components/base-components/formatura-cristallizzazione.vue
@@ -5,17 +5,17 @@
 		</div>
 		<div class="body">
 			<template v-if="recipe.cycle_crystallisation_type.status.visible">
-			<div class="input-area">
-				<label>{{'cycle_crystallisation_type'|localize('Tipo')}}</label>
-				<select class="form-control" v-model="recipe.cycle_crystallisation_type"></select>
-			</div>
+				<div class="input-area">
+					<label>{{'cycle_crystallisation_type'|localize('Tipo')}}</label>
+					<combo v-model="recipe.cycle_crystallisation_type"></combo>
+				</div>
 			</template>
 			<template v-if="recipe.cycle_crystallisation_time.status.visible">
-			<div class="input-area">
-				<label>{{'cycle_crystallisation_time'|localize('Durata')}}</label>
-				<numeric v-model="recipe.cycle_crystallisation_time" />
-			</div>
-			<slider v-model="recipe.cycle_crystallisation_time"></slider>
+				<div class="input-area">
+					<label>{{'cycle_crystallisation_time'|localize('Durata')}}</label>
+					<numeric v-model="recipe.cycle_crystallisation_time" />
+				</div>
+				<slider v-model="recipe.cycle_crystallisation_time"></slider>
 			</template>
 		</div>
 	</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/ciclo-controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/ciclo-controstampo.vue
index 7945cf31..ea620d2f 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/ciclo-controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/ciclo-controstampo.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.upperplate_cycle_type.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_cycle_type'|localize('Tipo')}}</label>
-						<select class="form-control" v-model="recipe.upperplate_cycle_type"></select>
-					</div>
+						<div class="input-area">
+							<label>{{'upperplate_cycle_type'|localize('Tipo')}}</label>
+							<combo v-model="recipe.upperplate_cycle_type"></combo>
+						</div>
 					</template>
 					<template v-if="recipe.upperplate_cycle_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'upperplate_cycle_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.upperplate_cycle_delay" />
-					</div>
-					<slider v-model.number="recipe.upperplate_cycle_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'upperplate_cycle_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.upperplate_cycle_delay" />
+						</div>
+						<slider v-model.number="recipe.upperplate_cycle_delay"></slider>
 					</template>
 					<template v-if="recipe.upperplate_cycle_time.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_cycle_time'|localize('Durata')}}</label>
-						<numeric v-model="recipe.upperplate_cycle_time" />
-					</div>
-					<slider v-model="recipe.upperplate_cycle_time"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_cycle_time'|localize('Durata')}}</label>
+							<numeric v-model="recipe.upperplate_cycle_time" />
+						</div>
+						<slider v-model="recipe.upperplate_cycle_time"></slider>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-principale.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-principale.vue
index 9f08b10f..0961e26b 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-principale.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-principale.vue
@@ -14,7 +14,7 @@
 					<template v-if="recipe.extraction_main_type.status.visible">
 						<div class="input-area">
 							<label>{{'extraction_main_type'|localize('Tipo')}}</label>
-							<select class="form-control" v-model="recipe.extraction_main_type"></select>
+							<combo v-model="recipe.extraction_main_type"></combo>
 						</div>
 					</template>
 					<template v-if="recipe.extraction_main_mould_dw_delay.status.visible">
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 6a1a47bd..b86eefe8 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
@@ -5,28 +5,27 @@
 		</div>
 		<div class="body">
 			<template v-if="recipe.general_sizes_frame_traverses.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_frame_traverses' | localize("Traversini")}}</label>
-				<select class="form-control" v-model="recipe.general_sizes_frame_traverses.setpointHMI">
-				</select>
-			</div>
+				<div class="input-area">
+					<label>{{'general_sizes_frame_traverses' | localize("Traversini")}}</label>
+					<combo v-model="recipe.general_sizes_frame_traverses.setpointHMI"></combo>
+				</div>
 			</template>
 			<hr />
 			<template v-if="recipe.general_sizes_frame_dim_x.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_frame_dim_x' | localize('Apertura X')}}</label>
-				<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_x' | localize('Apertura X')}}</label>
+					<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>
 			</template>
 			<template v-if="recipe.general_sizes_frame_dim_y.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_frame_dim_y' | localize('Apertura Y')}}</label>
-				<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>
+				<div class="input-area">
+					<label>{{'general_sizes_frame_dim_y' | localize('Apertura Y')}}</label>
+					<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>
 			</template>
 		</div>
 	</div>
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 44c61346..17031acb 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
@@ -5,33 +5,32 @@
 		</div>
 		<div class="body">
 			<template v-if="recipe.general_sizes_sheet_material.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_sheet_material' | localize("Materiale")}}</label>
-				<select class="form-control" v-model="recipe.general_sizes_sheet_material.setpointHMI">
-				</select>
-			</div>
+				<div class="input-area">
+					<label>{{'general_sizes_sheet_material' | localize("Materiale")}}</label>
+					<combo v-model="recipe.general_sizes_sheet_material.setpointHMI"></combo>
+				</div>
 			</template>
 			<hr />
 			<template v-if="recipe.general_sizes_sheet_dim_x.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_sheet_dim_x' | localize('Dimensione X')}}</label>
-				<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_x' | localize('Dimensione X')}}</label>
+					<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>
 			</template>
 			<template v-if="recipe.general_sizes_sheet_dim_y.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_sheet_dim_y' | localize('Dimensione Y')}}</label>
-				<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_dim_y' | localize('Dimensione Y')}}</label>
+					<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>
 			</template>
 			<template v-if="recipe.general_sizes_sheet_thickness.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_sheet_thickness' | localize('Spessore')}}</label>
-				<numeric v-model="recipe.general_sizes_sheet_thickness" id="general_sizes_sheet_thickness"/>
-			</div>
-			<slider v-model="recipe.general_sizes_sheet_thickness"></slider>
+				<div class="input-area">
+					<label>{{'general_sizes_sheet_thickness' | localize('Spessore')}}</label>
+					<numeric v-model="recipe.general_sizes_sheet_thickness" id="general_sizes_sheet_thickness" />
+				</div>
+				<slider v-model="recipe.general_sizes_sheet_thickness"></slider>
 			</template>
 		</div>
 	</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 9edb48f7..932f901b 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
@@ -5,28 +5,27 @@
 		</div>
 		<div class="body">
 			<template v-if="recipe.general_sizes_plate_type.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_plate_type' | localize("Tipo")}}</label>
-				<select class="form-control" v-model="recipe.general_sizes_plate_type.setpointHMI">
-				</select>
-			</div>
+				<div class="input-area">
+					<label>{{'general_sizes_plate_type' | localize("Tipo")}}</label>
+					<combo v-model="recipe.general_sizes_plate_type.setpointHMI"></combo>
+				</div>
 			</template>
 			<hr />
 			<template v-if="recipe.general_sizes_plate_dim_x.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_plate_dim_x' | localize('Apertura X')}}</label>
-				<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_x' | localize('Apertura X')}}</label>
+					<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>
 			</template>
 			<template v-if="recipe.general_sizes_plate_dim_y.status.visible">
-			<div class="input-area">
-				<label>{{'general_sizes_plate_dim_y' | localize('Apertura Y')}}</label>
-				<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>
+				<div class="input-area">
+					<label>{{'general_sizes_plate_dim_y' | localize('Apertura Y')}}</label>
+					<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>
 			</template>
 		</div>
 	</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/imbutitura/show-imbutitura-info.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/imbutitura/show-imbutitura-info.vue
index 84a9ac97..d8740b12 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/imbutitura/show-imbutitura-info.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/imbutitura/show-imbutitura-info.vue
@@ -22,13 +22,13 @@
 							<template v-if="recipe.drawing_type.status.visible">
 								<div class="input-area">
 									<label>{{'drawing_type'|localize('Tipo')}}</label>
-									<select class="form-control" v-model="recipe.drawing_type"></select>
+									<combo v-model="recipe.drawing_type"></combo>
 								</div>
 							</template>
 							<template v-if="recipe.drawing_photocell.status.visible">
 								<div class="input-area">
 									<label>{{'drawing_photocell'|localize('Scelta fotocellula')}}</label>
-									<select class="form-control" v-model="recipe.drawing_photocell"></select>
+									<combo v-model="recipe.drawing_photocell"></combo>
 								</div>
 							</template>
 							<template v-if="recipe.drawing_height.status.visible">
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/inputSottosquadra.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/inputSottosquadra.vue
index a0c47325..f6a8fbdf 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/inputSottosquadra.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/inputSottosquadra.vue
@@ -4,7 +4,7 @@
 			<template v-if="modalita.status.visible">
 				<div class="input-area">
 					<label>{{'options_undercutmould__mode'|localize('Modalità')}}</label>
-					<select class="form-control" v-model="modalita"></select>
+					<combo v-model="modalita"></combo>
 				</div>
 			</template>
 			<template v-if="quota.status.visible">
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/setupSottosquadra.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/setupSottosquadra.vue
index 4790c16e..c60a31e0 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/setupSottosquadra.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/base-components/setupSottosquadra.vue
@@ -2,8 +2,8 @@
 	<div class="option-row" @click="$emit('click')">
 		<label>{{numSottoSq}}</label>
 		<!-- <template v-if="modalita.status.visible">
-			<select class="form-control" v-model="modalita"></select>
-		</template> va inserito il valore della select di modalità -->
+			<combo v-model="modalita"></combo>
+		</template> va inserito il valore della combo di modalità-->
 		<template v-if="quota.status.visible">
 			<label>{{quota.setpointHMI}} mm</label>
 		</template>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/nebulizzatori.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/nebulizzatori.vue
index f2f40790..6548838b 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/nebulizzatori.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/nebulizzatori.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.cooling_nebulizer_type.status.visible">
-					<div class="input-area">
-						<label>{{'cooling_nebulizer_type'|localize('Tipo')}}</label>
-						<select class="form-control" v-model="recipe.cooling_nebulizer_type"></select>
-					</div>
+						<div class="input-area">
+							<label>{{'cooling_nebulizer_type'|localize('Tipo')}}</label>
+							<combo v-model="recipe.cooling_nebulizer_type"></combo>
+						</div>
 					</template>
 					<template v-if="recipe.cooling_nebulizer_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'cooling_nebulizer_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.cooling_nebulizer_delay" />
-					</div>
-					<slider v-model="recipe.cooling_nebulizer_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'cooling_nebulizer_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.cooling_nebulizer_delay" />
+						</div>
+						<slider v-model="recipe.cooling_nebulizer_delay"></slider>
 					</template>
 					<template v-if="recipe.cooling_nebulizer_time.status.visible">
-					<div class="input-area">
-						<label>{{'cooling_nebulizer_time'|localize('Durata')}}</label>
-						<numeric v-model="recipe.cooling_nebulizer_time" />
-					</div>
-					<slider v-model="recipe.cooling_nebulizer_time"></slider>
+						<div class="input-area">
+							<label>{{'cooling_nebulizer_time'|localize('Durata')}}</label>
+							<numeric v-model="recipe.cooling_nebulizer_time" />
+						</div>
+						<slider v-model="recipe.cooling_nebulizer_time"></slider>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/ventilatori.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/ventilatori.vue
index 1329df9a..f4c790ae 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/ventilatori.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/raffreddamento/components/base-components/ventilatori.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.cooling_blowing_type.status.visible">
-					<div class="input-area">
-						<label>{{'cooling_blowing_type'|localize('Tipo')}}</label>
-						<select class="form-control" v-model="recipe.cooling_blowing_type"></select>
-					</div>
+						<div class="input-area">
+							<label>{{'cooling_blowing_type'|localize('Tipo')}}</label>
+							<combo v-model="recipe.cooling_blowing_type"></combo>
+						</div>
 					</template>
 					<template v-if="recipe.cooling_blowing_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'cooling_blowing_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.cooling_blowing_delay" />
-					</div>
-					<slider v-model="recipe.cooling_blowing_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'cooling_blowing_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.cooling_blowing_delay" />
+						</div>
+						<slider v-model="recipe.cooling_blowing_delay"></slider>
 					</template>
 					<template v-if="recipe.cooling_blowing_time.status.visible">
-					<div class="input-area">
-						<label>{{'cooling_blowing_time'|localize('Durata')}}</label>
-						<numeric v-model="recipe.cooling_blowing_time" />
-					</div>
-					<slider v-model="recipe.cooling_blowing_time"></slider>
+						<div class="input-area">
+							<label>{{'cooling_blowing_time'|localize('Durata')}}</label>
+							<numeric v-model="recipe.cooling_blowing_time" />
+						</div>
+						<slider v-model="recipe.cooling_blowing_time"></slider>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-inferiori.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-inferiori.vue
index ab2e2774..357c02b8 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-inferiori.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-inferiori.vue
@@ -47,12 +47,12 @@
 						<button class="btn btn-info square" @click="add5()">
 							<img src="assets/icons/png/piu5.png" />
 						</button>
-						<select class="form-control" v-model="uniformChannelValue">
+						<combo v-model="uniformChannelValue">
 							<option :value="0">0%</option>
 							<option :value="25">25%</option>
 							<option :value="50">50%</option>
 							<option :value="100">100%</option>
-						</select>
+						</combo>
 					</div>
 
 					<div class="input-area grid left">
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-superiori.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-superiori.vue
index 37b9a225..dd965b2a 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-superiori.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/riscaldi-superiori.vue
@@ -47,12 +47,12 @@
 						<button class="btn btn-info square" @click="add5()">
 							<img src="assets/icons/png/piu5.png" />
 						</button>
-						<select class="form-control" v-model="uniformChannelValue">
+						<combo v-model="uniformChannelValue">
 							<option :value="0">0%</option>
 							<option :value="25">25%</option>
 							<option :value="50">50%</option>
 							<option :value="100">100%</option>
-						</select>
+						</combo>
 					</div>
 
 					<div class="input-area grid left">
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/sostentamento-decompressione.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/sostentamento-decompressione.vue
index 634fdd59..9b6af84a 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/sostentamento-decompressione.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/riscaldi/components/base-components/sostentamento-decompressione.vue
@@ -4,51 +4,51 @@
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.heats_decomsustain_type.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_type'|localize('Tipo')}}</label>
-						<select class="form-control" v-model="recipe.heats_decomsustain_type"></select>
-					</div>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_type'|localize('Tipo')}}</label>
+							<combo v-model="recipe.heats_decomsustain_type"></combo>
+						</div>
 					</template>
 					<template v-if="recipe.heats_decomsustain_decompression_flow.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_decompression_flow'|localize('Portata sostentamento')}}</label>
-						<numeric v-model="recipe.heats_decomsustain_decompression_flow" />
-					</div>
-					<slider v-model="recipe.heats_decomsustain_decompression_flow"></slider>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_decompression_flow'|localize('Portata sostentamento')}}</label>
+							<numeric v-model="recipe.heats_decomsustain_decompression_flow" />
+						</div>
+						<slider v-model="recipe.heats_decomsustain_decompression_flow"></slider>
 					</template>
 					<template v-if="recipe.heats_decomsustain_min_blowing_time.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_min_blowing_time'|localize('Durata minima soffio')}}</label>
-						<numeric v-model="recipe.heats_decomsustain_min_blowing_time" />
-					</div>
-					<slider v-model="recipe.heats_decomsustain_min_blowing_time"></slider>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_min_blowing_time'|localize('Durata minima soffio')}}</label>
+							<numeric v-model="recipe.heats_decomsustain_min_blowing_time" />
+						</div>
+						<slider v-model="recipe.heats_decomsustain_min_blowing_time"></slider>
 					</template>
 					<template v-if="recipe.heats_decomsustain_sustain_delay.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_sustain_delay'|localize('Ritardo sostentamento')}}</label>
-						<numeric v-model="recipe.heats_decomsustain_sustain_delay" />
-					</div>
-					<slider v-model="recipe.heats_decomsustain_sustain_delay"></slider>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_sustain_delay'|localize('Ritardo sostentamento')}}</label>
+							<numeric v-model="recipe.heats_decomsustain_sustain_delay" />
+						</div>
+						<slider v-model="recipe.heats_decomsustain_sustain_delay"></slider>
 					</template>
 					<template v-if="recipe.heats_decomsustain_decompression_delay.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_decompression_delay'|localize('Ritardo decompressione')}}</label>
-						<numeric v-model="recipe.heats_decomsustain_decompression_delay" />
-					</div>
-					<slider v-model="recipe.heats_decomsustain_decompression_delay"></slider>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_decompression_delay'|localize('Ritardo decompressione')}}</label>
+							<numeric v-model="recipe.heats_decomsustain_decompression_delay" />
+						</div>
+						<slider v-model="recipe.heats_decomsustain_decompression_delay"></slider>
 					</template>
 					<template v-if="recipe.heats_decomsustain_decompression_duration.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_decompression_duration'|localize('Durata decompressione')}}</label>
-						<numeric v-model="recipe.heats_decomsustain_decompression_duration" />
-					</div>
-					<slider v-model="recipe.heats_decomsustain_decompression_duration"></slider>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_decompression_duration'|localize('Durata decompressione')}}</label>
+							<numeric v-model="recipe.heats_decomsustain_decompression_duration" />
+						</div>
+						<slider v-model="recipe.heats_decomsustain_decompression_duration"></slider>
 					</template>
 					<template v-if="recipe.heats_decomsustain_smoke_function_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'heats_decomsustain_smoke_function_enabled'|localize('Funzione "fumo"')}}</label>
-						<toggle-button v-model="recipe.heats_decomsustain_smoke_function_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'heats_decomsustain_smoke_function_enabled'|localize('Funzione "fumo"')}}</label>
+							<toggle-button v-model="recipe.heats_decomsustain_smoke_function_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-principale.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-principale.vue
index 99c0fb63..fd2cbc92 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-principale.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-principale.vue
@@ -6,7 +6,7 @@
 					<template v-if="recipe.vacuum_main_start.status.visible">
 						<div class="input-area">
 							<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
-							<select class="form-control" v-model="recipe.vacuum_main_start"></select>
+							<combo v-model="recipe.vacuum_main_start"></combo>
 						</div>
 					</template>
 					<hr />
diff --git a/Thermo.Active/wwwroot/src/config.ts b/Thermo.Active/wwwroot/src/config.ts
index dfd3d614..57b58fe9 100644
--- a/Thermo.Active/wwwroot/src/config.ts
+++ b/Thermo.Active/wwwroot/src/config.ts
@@ -36,5 +36,6 @@ export interface IConfiguration {
   api: {
     enabled: boolean,
     apiServerUrl: string
-  }
+  },
+  allUIVisible: boolean
 }
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/store/recipe.store.ts b/Thermo.Active/wwwroot/src/store/recipe.store.ts
index aaa4ba46..ec814ca2 100644
--- a/Thermo.Active/wwwroot/src/store/recipe.store.ts
+++ b/Thermo.Active/wwwroot/src/store/recipe.store.ts
@@ -1,4 +1,5 @@
 import Vue from "vue";
+import { CONFIGURATION } from "@/config";
 
 export interface RecipeStoreModel {
   current: Recipe.IRecipe;
@@ -45,8 +46,9 @@ export const recipeStore = {
     SetCurrent(state, model: Recipe.IRecipe) {
       for (const key in model) {
         if (model.hasOwnProperty(key)) {
-          if (model[key])
+          if (model[key]) {
             Vue.set(state.current, key, model[key]);
+          }
         }
       }
     },
@@ -59,13 +61,24 @@ export const recipeStore = {
         }
       }
     },
+    SetAllVisible(state) {
+      for (const key in state.current) {
+        if (state.current.hasOwnProperty(key)) {
+          state.current[key].status.visible = true;
+        }
+      }
+
+    }
 
   },
 
   actions: {
 
-    setCurrent(context, model: Recipe.IRecipe) {
+    async setCurrent(context, model: Recipe.IRecipe) {
       context.commit("SetCurrent", model);
+
+      var c = await CONFIGURATION;
+      if (c.allUIVisible) context.commit("SetAllVisible")
     },
 
     setOverview(context, model: Overview.IOverview) {