diff --git a/Thermo.Active/wwwroot/assets/styles/base/dashboard.less b/Thermo.Active/wwwroot/assets/styles/base/dashboard.less
index 18ee1dde..f771f748 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/dashboard.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/dashboard.less
@@ -256,6 +256,46 @@
     display          : flex;
     flex-flow        : column;
 
+    .piece_time{
+      display: grid;
+      grid-template-rows   : repeat(2,auto);
+      grid-template-columns: repeat(2,auto);
+
+      .piece_hours{
+        grid-row: 1;
+        grid-column: 1;
+      }
+
+      .time_cycle{
+        grid-row: 1;
+        grid-column: 2;
+      }
+
+      div{
+        display: flex;
+        flex-flow: column;
+
+        span{
+          font-family: "Work Sans";
+          font-weight: 500;
+          text-align: center;
+          color:#4b4b4b;
+
+          &:first-of-type{
+            font-size: 26px;
+            text-transform: uppercase;
+          }
+
+          &:last-of-type{
+            font-size: 120px;
+          }
+
+        }
+
+      }
+
+    }
+
     .pieces {
       height: 400px;
 
diff --git a/Thermo.Active/wwwroot/assets/styles/base/opzioni.less b/Thermo.Active/wwwroot/assets/styles/base/opzioni.less
index 1aa3fe71..c09b64b8 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/opzioni.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/opzioni.less
@@ -1,3 +1,26 @@
+// out: false, sourceMap: false, main: ../style.less
+
+.modal.opzioni-info{
+  section{
+    aside{
+      button{
+        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
+        width: 547px;
+        height: 72px;
+        background-color: #bbbcbc;
+        border:none;
+        text-align: left;
+        color: @color-darkish-blue;
+        font-size: 20px;
+      
+        &.active{
+          background-color: white;
+        }
+      }
+    }
+  }
+}
+
 .opzionilavorazione {
   display: grid;
   grid-template-columns: 1fr 1fr;
diff --git a/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less b/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less
index 09c703ee..1fbe3fa0 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/progrprerisc.less
@@ -6,6 +6,8 @@
 @heightmeridian: 300px;
 
 .modal.progr-preriscaldo-info {
+  margin-top: 200px;
+  height: 565px;
 
   header {
     padding-left: 31px;
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index 5baf2ce4..2df5cf5f 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -4412,6 +4412,36 @@ article .box .body {
   display: flex;
   flex-flow: column;
 }
+.dashboard .third_col .piece_time {
+  display: grid;
+  grid-template-rows: repeat(2, auto);
+  grid-template-columns: repeat(2, auto);
+}
+.dashboard .third_col .piece_time .piece_hours {
+  grid-row: 1;
+  grid-column: 1;
+}
+.dashboard .third_col .piece_time .time_cycle {
+  grid-row: 1;
+  grid-column: 2;
+}
+.dashboard .third_col .piece_time div {
+  display: flex;
+  flex-flow: column;
+}
+.dashboard .third_col .piece_time div span {
+  font-family: "Work Sans";
+  font-weight: 500;
+  text-align: center;
+  color: #4b4b4b;
+}
+.dashboard .third_col .piece_time div span:first-of-type {
+  font-size: 26px;
+  text-transform: uppercase;
+}
+.dashboard .third_col .piece_time div span:last-of-type {
+  font-size: 120px;
+}
 .dashboard .third_col .pieces {
   height: 400px;
 }
@@ -5000,6 +5030,10 @@ article .box .body {
   font-size: 32px;
   line-height: 1;
 }
+.modal.progr-preriscaldo-info {
+  margin-top: 200px;
+  height: 565px;
+}
 .modal.progr-preriscaldo-info header {
   padding-left: 31px;
   display: flex;
@@ -5540,6 +5574,19 @@ select:focus {
   padding: 0 20px;
   font-size: 1rem;
 }
+.modal.opzioni-info section aside button {
+  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
+  width: 547px;
+  height: 72px;
+  background-color: #bbbcbc;
+  border: none;
+  text-align: left;
+  color: #002680;
+  font-size: 20px;
+}
+.modal.opzioni-info section aside button.active {
+  background-color: white;
+}
 .opzionilavorazione {
   display: grid;
   grid-template-columns: 1fr 1fr;
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/base-components/piece.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/base-components/piece.ts
index c8450480..b7772e09 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/base-components/piece.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/base-components/piece.ts
@@ -2,10 +2,13 @@ import Vue from 'vue';
 import Component from 'vue-class-component';
 import { Prop } from 'vue-property-decorator';
 import PieceSubMenu from "./piece-sub-menu.vue";
+import { ProdActions } from '@/store/prod.store';
 
 @Component({components:{submenu:PieceSubMenu}})
 export default class Piece extends Vue{
 
+    prod: Prod.IProd = this.$store.getters.getProd();
+
     @Prop({default:0})
     number:number;
     @Prop({default:0})
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.ts
index 1d188e81..43b707f0 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.ts
@@ -22,6 +22,10 @@ import Piece from "./base-components/piece.vue";
 })
 export default class Dashboard extends Vue {
 
+  @Prop({ default: "18,2" })
+  piece_hours: string;
+  @Prop({ default: "3'12''" })
+  time_cycle: string;
   @Prop({ default: 10 })
   pieces:number;
   @Prop({ default: 280 })
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.vue
index 63811fb9..e400d7da 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/dashboard/dashboard.vue
@@ -124,6 +124,18 @@
     </div>
 
     <div class="third_col">
+
+      <div class="piece_time">
+        <div class="piece_hours">
+          <span>{{'dashboard-piece-hours' | localize('pezzi/ora')}}</span>
+          <span>{{piece_hours}}</span>
+        </div>
+        <div class="time_cycle">
+          <span>{{'dashboard-time-cycle' | localize('tempo/ciclo')}}</span>
+          <span>{{time_cycle}}</span>
+        </div>
+      </div>
+      
       <div class="pieces">
         <piece></piece>
         <aside class="scrollable auto">
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 54333c5c..8a93aa8b 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
@@ -1,7 +1,6 @@
 <template>
-	<div class="section">
+	<div class="option-row" @click="$emit('click')">
 		<label>{{numSottoSq}}</label>
-		<label>{{status}}</label>
 		<template v-if="modalita.status.visible">
 			<select class="form-control" v-model="modalita"></select>
 		</template>
@@ -16,4 +15,9 @@
 		</template>
 	</div>
 </template>
+<style scoped>
+label {
+	text-align: center;
+}
+</style>
 <script src="./setupSottosquadra.ts" lang="ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.ts
index dcd7fa41..a495e73a 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.ts
@@ -13,6 +13,6 @@ export default class SottosqaudraControstampo extends Vue{
 
     @Prop()
     recipe:Recipe.IRecipe;
+    selectedItem: number = 1;
 
-    showSottosquadra: string = "sottosquadra-1";
 }
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.vue
index 15414803..cfe44822 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-controstampo.vue
@@ -1,203 +1,28 @@
 <template>
-    <section>
-        <div class="specific">
-				<button :class="{'active':showSottosquadra == 'sottosquadra-1'}" @click="showSottosquadra='sottosquadra-1'">
-					<setup-sottosquadra
-						:numSottoSq="1"
-						status="On"
-						:modalita="recipe.options_undercutupperplate_1_mode"
-						:quota="recipe.options_undercutupperplate_1_position"
-						:ritardoAtt="recipe.options_undercutupperplate_1_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_1_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-2'}" @click="showSottosquadra='sottosquadra-2'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="2"
-						status="On"
-						:modalita="recipe.options_undercutupperplate_2_mode"
-						:quota="recipe.options_undercutupperplate_2_position"
-						:ritardoAtt="recipe.options_undercutupperplate_2_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_2_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-3'}" @click="showSottosquadra='sottosquadra-3'">
-					<setup-sottosquadra
-						:numSottoSq="3"
-						status="On"
-						:modalita="recipe.options_undercutupperplate_3_mode"
-						:quota="recipe.options_undercutupperplate_3_position"
-						:ritardoAtt="recipe.options_undercutupperplate_3_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_3_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-4'}" @click="showSottosquadra='sottosquadra-4'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="4"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_4_mode"
-						:quota="recipe.options_undercutupperplate_4_position"
-						:ritardoAtt="recipe.options_undercutupperplate_4_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_4_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-5'}" @click="showSottosquadra='sottosquadra-5'">
-					<setup-sottosquadra
-						:numSottoSq="5"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_5_mode"
-						:quota="recipe.options_undercutupperplate_5_position"
-						:ritardoAtt="recipe.options_undercutupperplate_5_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_5_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-6'}" @click="showSottosquadra='sottosquadra-6'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="6"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_6_mode"
-						:quota="recipe.options_undercutupperplate_6_position"
-						:ritardoAtt="recipe.options_undercutupperplate_6_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_6_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-7'}" @click="showSottosquadra='sottosquadra-7'">
-					<setup-sottosquadra
-						:numSottoSq="7"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_7_mode"
-						:quota="recipe.options_undercutupperplate_7_position"
-						:ritardoAtt="recipe.options_undercutupperplate_7_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_7_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-8'}" @click="showSottosquadra='sottosquadra-8'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="8"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_8_mode"
-						:quota="recipe.options_undercutupperplate_8_position"
-						:ritardoAtt="recipe.options_undercutupperplate_8_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_8_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-9'}" @click="showSottosquadra='sottosquadra-9'">
-					<setup-sottosquadra
-						:numSottoSq="9"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_9_mode"
-						:quota="recipe.options_undercutupperplate_9_position"
-						:ritardoAtt="recipe.options_undercutupperplate_9_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_9_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-10'}" @click="showSottosquadra='sottosquadra-10'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="10"
-						status="Off"
-						:modalita="recipe.options_undercutupperplate_10_mode"
-						:quota="recipe.options_undercutupperplate_10_position"
-						:ritardoAtt="recipe.options_undercutupperplate_10_delay_acti"
-						:ritardoDisatt="recipe.options_undercutupperplate_10_delay_dis"
-					></setup-sottosquadra>
-				</button>																
-			</div>
+	<div class="opzionilavorazione">
+		<div class="list">
+			<setupSottosquadra
+				:class="{'active': selectedItem == i}"
+				v-for="i in 10"
+				:key="i"
+				@click="selectedItem=i"
+				:numTermo="i"
+				:modalita="recipe[`options_undercutupperplate_${i}_mode`]"
+				:quota="recipe[`options_undercutupperplate_${i}_position`]"
+				:ritardoAtt="recipe[`options_undercutupperplate_${i}_delay_acti`]"
+				:ritardoDisatt="recipe[`options_undercutupperplate_${i}_delay_dis`]"
+			></setupSottosquadra>
+		</div>
 
-			<hr>
-			
-			<div class="specific">
-				<div v-if="showSottosquadra=='sottosquadra-1'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_1_mode"
-					:quota="recipe.options_undercutupperplate_1_position"
-					:ritardoAtt="recipe.options_undercutupperplate_1_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_1_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-2'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_2_mode"
-					:quota="recipe.options_undercutupperplate_2_position"
-					:ritardoAtt="recipe.options_undercutupperplate_2_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_2_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-3'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_3_mode"
-					:quota="recipe.options_undercutupperplate_3_position"
-					:ritardoAtt="recipe.options_undercutupperplate_3_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_3_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-4'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_4_mode"
-					:quota="recipe.options_undercutupperplate_4_position"
-					:ritardoAtt="recipe.options_undercutupperplate_4_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_4_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-5'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_5_mode"
-					:quota="recipe.options_undercutupperplate_5_position"
-					:ritardoAtt="recipe.options_undercutupperplate_5_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_5_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-6'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_6_mode"
-					:quota="recipe.options_undercutupperplate_6_position"
-					:ritardoAtt="recipe.options_undercutupperplate_6_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_6_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-7'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_7_mode"
-					:quota="recipe.options_undercutupperplate_7_position"
-					:ritardoAtt="recipe.options_undercutupperplate_7_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_7_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-8'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_8_mode"
-					:quota="recipe.options_undercutupperplate_8_position"
-					:ritardoAtt="recipe.options_undercutupperplate_8_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_8_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-9'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_9_mode"
-					:quota="recipe.options_undercutupperplate_9_position"
-					:ritardoAtt="recipe.options_undercutupperplate_9_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_9_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-10'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutupperplate_10_mode"
-					:quota="recipe.options_undercutupperplate_10_position"
-					:ritardoAtt="recipe.options_undercutupperplate_10_delay_acti"
-					:ritardoDisatt="recipe.options_undercutupperplate_10_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>																				
-			</div>
-    </section>
+		<div>
+			<inputSottosquadra
+				:modalita="recipe[`options_undercutupperplate_${selectedItem}_mode`]"
+				:quota="recipe[`options_undercutupperplate_${selectedItem}_position`]"
+				:ritardoAtt="recipe[`options_undercutupperplate_${selectedItem}_delay_acti`]"
+				:ritardoDisatt="recipe[`options_undercutupperplate_${selectedItem}_delay_dis`]"
+			></inputSottosquadra>
+		</div>
+	</div>			
 </template>
 
 <script lang="ts" src="./sottosquadra-controstampo.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.ts
index 1c361b57..9f8e3f49 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.ts
@@ -13,6 +13,6 @@ export default class SottosqaudraStampo extends Vue{
 
     @Prop()
     recipe:Recipe.IRecipe;
+    selectedItem: number = 1;
 
-    showSottosquadra: string = "sottosquadra-1";
 }
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.vue
index e97e0fb1..19630db6 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/opzioni/components/sottosquadra-stampo.vue
@@ -1,203 +1,27 @@
 <template>
-    <section>
-        <div class="specific">
-				<button :class="{'active':showSottosquadra == 'sottosquadra-1'}" @click="showSottosquadra='sottosquadra-1'">
-					<setup-sottosquadra
-						:numSottoSq="1"
-						status="On"
-						:modalita="recipe.options_undercutmould_1_mode"
-						:quota="recipe.options_undercutmould_1_position"
-						:ritardoAtt="recipe.options_undercutmould_1_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_1_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-2'}" @click="showSottosquadra='sottosquadra-2'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="2"
-						status="On"
-						:modalita="recipe.options_undercutmould_2_mode"
-						:quota="recipe.options_undercutmould_2_position"
-						:ritardoAtt="recipe.options_undercutmould_2_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_2_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-3'}" @click="showSottosquadra='sottosquadra-3'">
-					<setup-sottosquadra
-						:numSottoSq="3"
-						status="On"
-						:modalita="recipe.options_undercutmould_3_mode"
-						:quota="recipe.options_undercutmould_3_position"
-						:ritardoAtt="recipe.options_undercutmould_3_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_3_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-4'}" @click="showSottosquadra='sottosquadra-4'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="4"
-						status="Off"
-						:modalita="recipe.options_undercutmould_4_mode"
-						:quota="recipe.options_undercutmould_4_position"
-						:ritardoAtt="recipe.options_undercutmould_4_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_4_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-5'}" @click="showSottosquadra='sottosquadra-5'">
-					<setup-sottosquadra
-						:numSottoSq="5"
-						status="Off"
-						:modalita="recipe.options_undercutmould_5_mode"
-						:quota="recipe.options_undercutmould_5_position"
-						:ritardoAtt="recipe.options_undercutmould_5_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_5_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-6'}" @click="showSottosquadra='sottosquadra-6'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="6"
-						status="Off"
-						:modalita="recipe.options_undercutmould_6_mode"
-						:quota="recipe.options_undercutmould_6_position"
-						:ritardoAtt="recipe.options_undercutmould_6_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_6_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-7'}" @click="showSottosquadra='sottosquadra-7'">
-					<setup-sottosquadra
-						:numSottoSq="7"
-						status="Off"
-						:modalita="recipe.options_undercutmould_7_mode"
-						:quota="recipe.options_undercutmould_7_position"
-						:ritardoAtt="recipe.options_undercutmould_7_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_7_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-8'}" @click="showSottosquadra='sottosquadra-8'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="8"
-						status="Off"
-						:modalita="recipe.options_undercutmould_8_mode"
-						:quota="recipe.options_undercutmould_8_position"
-						:ritardoAtt="recipe.options_undercutmould_8_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_8_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-9'}" @click="showSottosquadra='sottosquadra-9'">
-					<setup-sottosquadra
-						:numSottoSq="9"
-						status="Off"
-						:modalita="recipe.options_undercutmould_9_mode"
-						:quota="recipe.options_undercutmould_9_position"
-						:ritardoAtt="recipe.options_undercutmould_9_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_9_delay_dis"
-					></setup-sottosquadra>
-				</button>
-				<button :class="{'active':showSottosquadra == 'sottosquadra-10'}" @click="showSottosquadra='sottosquadra-10'" class="box-color">
-					<setup-sottosquadra
-						:numSottoSq="10"
-						status="Off"
-						:modalita="recipe.options_undercutmould_10_mode"
-						:quota="recipe.options_undercutmould_10_position"
-						:ritardoAtt="recipe.options_undercutmould_10_delay_acti"
-						:ritardoDisatt="recipe.options_undercutmould_10_delay_dis"
-					></setup-sottosquadra>
-				</button>																
-			</div>
+	<div class="opzionilavorazione">
+		<div class="list">
+			<setupSottosquadra
+				:class="{'active': selectedItem == i}"
+				v-for="i in 10"
+				:key="i"
+				@click="selectedItem=i"
+				:numTermo="i"
+				:modalita="recipe[`options_undercutmould_${i}_mode`]"
+				:quota="recipe[`options_undercutmould_${i}_position`]"
+				:ritardoAtt="recipe[`options_undercutmould_${i}_delay_acti`]"
+				:ritardoDisatt="recipe[`options_undercutmould_${i}_delay_dis`]"
+			></setupSottosquadra>
+		</div>
 
-			<hr>
-			
-			<div class="specific">
-				<div v-if="showSottosquadra=='sottosquadra-1'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_1_mode"
-					:quota="recipe.options_undercutmould_1_position"
-					:ritardoAtt="recipe.options_undercutmould_1_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_1_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-2'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_2_mode"
-					:quota="recipe.options_undercutmould_2_position"
-					:ritardoAtt="recipe.options_undercutmould_2_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_2_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-3'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_3_mode"
-					:quota="recipe.options_undercutmould_3_position"
-					:ritardoAtt="recipe.options_undercutmould_3_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_3_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-4'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_4_mode"
-					:quota="recipe.options_undercutmould_4_position"
-					:ritardoAtt="recipe.options_undercutmould_4_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_4_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-5'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_5_mode"
-					:quota="recipe.options_undercutmould_5_position"
-					:ritardoAtt="recipe.options_undercutmould_5_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_5_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-6'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_6_mode"
-					:quota="recipe.options_undercutmould_6_position"
-					:ritardoAtt="recipe.options_undercutmould_6_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_6_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-7'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_7_mode"
-					:quota="recipe.options_undercutmould_7_position"
-					:ritardoAtt="recipe.options_undercutmould_7_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_7_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-8'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_8_mode"
-					:quota="recipe.options_undercutmould_8_position"
-					:ritardoAtt="recipe.options_undercutmould_8_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_8_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-9'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_9_mode"
-					:quota="recipe.options_undercutmould_9_position"
-					:ritardoAtt="recipe.options_undercutmould_9_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_9_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>
-				<div v-if="showSottosquadra=='sottosquadra-10'">
-					<input-sottosquadra
-					:modalita="recipe.options_undercutmould_10_mode"
-					:quota="recipe.options_undercutmould_10_position"
-					:ritardoAtt="recipe.options_undercutmould_10_delay_acti"
-					:ritardoDisatt="recipe.options_undercutmould_10_delay_dis"
-					>
-					</input-sottosquadra>
-				</div>																				
-			</div>
-    </section>
+		<div>
+			<inputSottosquadra
+				:modalita="recipe[`options_undercutmould_${selectedItem}_mode`]"
+				:quota="recipe[`options_undercutmould_${selectedItem}_position`]"
+				:ritardoAtt="recipe[`options_undercutmould_${selectedItem}_delay_acti`]"
+				:ritardoDisatt="recipe[`options_undercutmould_${selectedItem}_delay_dis`]"
+			></inputSottosquadra>
+		</div>
+	</div>									
 </template>
-
 <script lang="ts" src="./sottosquadra-stampo.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/main.ts b/Thermo.Active/wwwroot/src/main.ts
index 72cb94af..b71e7660 100644
--- a/Thermo.Active/wwwroot/src/main.ts
+++ b/Thermo.Active/wwwroot/src/main.ts
@@ -30,6 +30,9 @@ import { warmersService } from "./services/warmersService";
 warmersService.GetChannels();
 warmersService.GetResistances();
 
+import { prodService } from "./services/prodService";
+prodService.GetProd();
+
 // import VueDragDrop from 'vue-drag-drop';
 // Vue.use(VueDragDrop);