From de4dfdcbb057ec6f7c2705bbde78af2f970d5326 Mon Sep 17 00:00:00 2001
From: = <paolo@teamdev.it>
Date: Fri, 19 Jun 2020 12:03:19 +0200
Subject: [PATCH] fix grafici

---
 .../wwwroot/assets/styles/base/piece.less     | 124 ++++++------
 .../base-components/aria-controstampo.vue     |  48 ++---
 .../estrazione-controstampo.vue               |  39 ++--
 .../base-components/vuoto-controstampo.vue    |  47 ++---
 .../base-components/estrazione-principale.vue |  47 ++---
 .../base-components/estrazione-secondaria.vue |  37 ++--
 .../setup/imbutitura/show-imbutitura-info.vue | 177 +++++++++---------
 .../setup/vuoto/base-components/prevuoto.vue  |  37 ++--
 .../base-components/vuoto-ausiliario.vue      |  47 ++---
 .../base-components/vuoto-principale.vue      |  47 ++---
 10 files changed, 348 insertions(+), 302 deletions(-)

diff --git a/Thermo.Active/wwwroot/assets/styles/base/piece.less b/Thermo.Active/wwwroot/assets/styles/base/piece.less
index a670c6c3..19bd6c33 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/piece.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/piece.less
@@ -1,79 +1,79 @@
 // out: false, sourceMap: false, main: ../style.less
 
-.piece_info{
+.piece_info {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  height: 84px;
+  border-bottom: 2px solid black;
+
+  label {
+    font-size: 54px;
+    font-weight: 500;
+    text-align: right;
+    color: #4b4b4b;
+  }
+
+  div {
     display: flex;
-    align-items: center;
-    justify-content: space-evenly;
-    height: 84px;
-    border-bottom: 2px solid black;
+    flex-flow: column;
+
+    span {
+      font-family: "Work Sans";
+      font-weight: 500;
+      line-height: 1;
+      letter-spacing: normal;
+      text-align: center;
+      color: #4b4b4b;
+
+      &:first-of-type {
+        font-size: 12px;
+        text-transform: uppercase;
+      }
+
+      &:last-of-type {
+        font-size: 25px;
+      }
 
-    label{
-        font-size: 54px;
-        font-weight: 500;
-        text-align: right;
-        color: #4b4b4b;
     }
+  }
 
-    div{
-        display: flex;
-        flex-flow: column;
-
-        span{
-            font-family: "Work Sans";
-            font-weight: 500;
-            line-height: 1;
-            letter-spacing: normal;
-            text-align: center;
-            color: #4b4b4b;
-
-            &:first-of-type{
-                font-size: 12px;
-                text-transform: uppercase;
-            }
-
-            &:last-of-type{
-                font-size: 25px;
-            }
-
-        }
-    }
-
-    button{
-        height: 16px;
-        width: 16px;
-        background-color: black;
-    }
+  button {
+    height: 16px;
+    width: 16px;
+    background-color: black;
+  }
 
 }
 
-.sub_menu{
-    margin-left: 250px;
-    display: grid;
-    grid-template-rows: repeat(3,60px);
+.sub_menu {
+  margin-left: 250px;
+  display: grid;
+  grid-template-rows: repeat(3, 60px);
 
-    .piece_info{
-        height: 60px;
-        
-        button{
-            background-color: white;
-            border-color: black;
-            border-radius: 50%;
-            width: 50px;
-            height: 50px;
-        }
+  .piece_info {
+    height: 60px;
 
+    button {
+      background-color: white;
+      border-color: black;
+      border-radius: 50%;
+      width: 50px;
+      height: 50px;
     }
 
-    .row_1{
-        grid-row: 1;
-    }
+  }
 
-    .row_2{
-        grid-row: 2;
-    }
+  .row_1 {
+    grid-row: 1;
+  }
 
-    .row_3{
-        grid-row: 3;
-    }
+  .row_2 {
+    grid-row: 2;
+  }
+
+  .row_3 {
+    grid-row: 3;
+  }
 
 }
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/aria-controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/aria-controstampo.vue
index ec2216f5..516e68e6 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/aria-controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/aria-controstampo.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.upperplate_air_enable.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.upperplate_air_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.upperplate_air_delay" />
-					</div>
-					<slider v-model="recipe.upperplate_air_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'upperplate_air_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.upperplate_air_delay" />
+						</div>
+						<slider v-model="recipe.upperplate_air_delay"></slider>
 					</template>
 					<template v-if="recipe.upperplate_air_delay.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.upperplate_air_manual" />
-					</div>
-					<slider v-model="recipe.upperplate_air_delay"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.upperplate_air_manual" />
+						</div>
+						<slider v-model="recipe.upperplate_air_delay"></slider>
 					</template>
 				</div>
 			</div>
@@ -46,15 +46,21 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars" :unitx="'s'"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:unitx="'s'"
+				:max-x="recipe.upperplate_air_1_chart_setpointy.range.max + recipe.upperplate_air_2_chart_setpointy.range.max +recipe.upperplate_air_3_chart_setpointy.range.max"
+				:max-y="Math.max(recipe.upperplate_air_1_chart_setpointx.range.max,recipe.upperplate_air_2_chart_setpointx.range.max,recipe.upperplate_air_3_chart_setpointx.range.max)"
+			></svg-chart>
 			<div class="box transparent center box-500">
 				<div class="body">
 					<template v-if="recipe.upperplate_air_max_time.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
-						<numeric v-model="recipe.upperplate_air_max_time" />
-					</div>
-					<slider v-model="recipe.upperplate_air_max_time"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
+							<numeric v-model="recipe.upperplate_air_max_time" />
+						</div>
+						<slider v-model="recipe.upperplate_air_max_time"></slider>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/estrazione-controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/estrazione-controstampo.vue
index a2f30077..6426a509 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/estrazione-controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/estrazione-controstampo.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.upperplate_extraction_enable.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'upperplate_extraction_enable'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.upperplate_extraction_enable.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.upperplate_extraction_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.upperplate_extraction_delay" />
-					</div>
-					<slider v-model="recipe.upperplate_extraction_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'upperplate_extraction_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.upperplate_extraction_delay" />
+						</div>
+						<slider v-model="recipe.upperplate_extraction_delay"></slider>
 					</template>
 					<template v-if="recipe.upperplate_extraction_delay.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.upperplate_extraction_manual" />
-					</div>
-					<slider v-model="recipe.upperplate_extraction_delay"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_extraction_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.upperplate_extraction_manual" />
+						</div>
+						<slider v-model="recipe.upperplate_extraction_delay"></slider>
 					</template>
 				</div>
 			</div>
@@ -30,13 +30,18 @@
 		<hr />
 		<article class="shrink ml-10">
 			<scheda
-				class="box-500  color_3"
+				class="box-500 color_3"
 				:portata="recipe.upperplate_extraction_1_chart_setpointx"
 				:durata="recipe.upperplate_extraction_1_chart_setpointy"
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.upperplate_extraction_1_chart_setpointy.range.max"
+				:max-y="recipe.upperplate_extraction_1_chart_setpointx.range.max"
+			></svg-chart>
 		</article>
 	</section>
 </template>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/vuoto-controstampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/vuoto-controstampo.vue
index a78fe214..d9dcc6a3 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/vuoto-controstampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/controstampo_setup/components/base-components/vuoto-controstampo.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.upperplate_vacuum_enable.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'upperplate_vacuum_enable'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.upperplate_vacuum_enable.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.upperplate_vacuum_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.upperplate_vacuum_delay" />
-					</div>
-					<slider v-model="recipe.upperplate_vacuum_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'upperplate_vacuum_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.upperplate_vacuum_delay" />
+						</div>
+						<slider v-model="recipe.upperplate_vacuum_delay"></slider>
 					</template>
 					<template v-if="recipe.upperplate_vacuum_delay.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.upperplate_vacuum_manual" />
-					</div>
-					<slider v-model="recipe.upperplate_vacuum_delay"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_vacuum_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.upperplate_vacuum_manual" />
+						</div>
+						<slider v-model="recipe.upperplate_vacuum_delay"></slider>
 					</template>
 				</div>
 			</div>
@@ -46,15 +46,20 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.upperplate_vacuum_1_chart_setpointy.range.max + recipe.upperplate_vacuum_2_chart_setpointy.range.max +recipe.upperplate_vacuum_3_chart_setpointy.range.max"
+				:max-y="Math.max(recipe.upperplate_vacuum_1_chart_setpointx.range.max,recipe.upperplate_vacuum_2_chart_setpointx.range.max,recipe.upperplate_vacuum_3_chart_setpointx.range.max)"
+			></svg-chart>
 			<div class="box transparent center box-500">
 				<div class="body">
 					<template v-if="recipe.upperplate_vacuum_max_time.status.visible">
-					<div class="input-area">
-						<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
-						<numeric v-model="recipe.upperplate_vacuum_max_time" />
-					</div>
-					<slider v-model="recipe.upperplate_vacuum_max_time"></slider>
+						<div class="input-area">
+							<label>{{'upperplate_vacuum_max_time'|localize('Durata massima')}}</label>
+							<numeric v-model="recipe.upperplate_vacuum_max_time" />
+						</div>
+						<slider v-model="recipe.upperplate_vacuum_max_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 187b60f2..2bdae603 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
@@ -4,32 +4,32 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.extraction_main_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.extraction_main_delay" />
-					</div>
-					<slider v-model="recipe.extraction_main_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'extraction_main_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.extraction_main_delay" />
+						</div>
+						<slider v-model="recipe.extraction_main_delay"></slider>
 					</template>
 					<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>
-					</div>
+						<div class="input-area">
+							<label>{{'extraction_main_type'|localize('Tipo')}}</label>
+							<select class="form-control" v-model="recipe.extraction_main_type"></select>
+						</div>
 					</template>
 					<template v-if="recipe.extraction_main_mould_dw_delay.status.visible">
-					<div class="input-area">
-						<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
-						<numeric v-model="recipe.extraction_main_mould_dw_delay" />
-					</div>
-					<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
+						<div class="input-area">
+							<label>{{'extraction_main_mould_dw_delay'|localize('Ritardo discesa stampo')}}</label>
+							<numeric v-model="recipe.extraction_main_mould_dw_delay" />
+						</div>
+						<slider v-model="recipe.extraction_main_mould_dw_delay"></slider>
 					</template>
 					<template v-if="recipe.extraction_main_manual.status.visible">
-					<div class="input-area">
-						<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.extraction_main_manual" />
-					</div>
-					<slider v-model="recipe.extraction_main_manual"></slider>
+						<div class="input-area">
+							<label>{{'extraction_main_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.extraction_main_manual" />
+						</div>
+						<slider v-model="recipe.extraction_main_manual"></slider>
 					</template>
 				</div>
 			</div>
@@ -43,7 +43,12 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.extraction_main_1_chart_setpointy.range.max"
+				:max-y="recipe.extraction_main_1_chart_setpointx.range.max"
+			></svg-chart>
 		</article>
 	</section>
 </template>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-secondaria.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-secondaria.vue
index 8d56539f..f63cc801 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-secondaria.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/estrazione/components/base-components/estrazione-secondaria.vue
@@ -4,25 +4,25 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.extraction_aux_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'extraction_aux_enabled'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.extraction_aux_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<template v-if="recipe.extraction_aux_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.extraction_aux_delay" />
-					</div>
-					<slider v-model="recipe.extraction_aux_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'extraction_aux_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.extraction_aux_delay" />
+						</div>
+						<slider v-model="recipe.extraction_aux_delay"></slider>
 					</template>
 					<template v-if="recipe.extraction_aux_manual.status.visible">
-					<div class="input-area">
-						<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.extraction_aux_manual" />
-					</div>
-					<slider v-model="recipe.extraction_aux_manual"></slider>
+						<div class="input-area">
+							<label>{{'extraction_aux_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.extraction_aux_manual" />
+						</div>
+						<slider v-model="recipe.extraction_aux_manual"></slider>
 					</template>
 				</div>
 			</div>
@@ -36,7 +36,12 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.extraction_aux_1_chart_setpointy.range.max"
+				:max-y="recipe.extraction_aux_1_chart_setpointx.range.max"
+			></svg-chart>
 		</article>
 	</section>
 </template>
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 95c6d0a5..42a29b08 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
@@ -1,90 +1,95 @@
 <template>
-  <div class="setup">
-    <modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
-      <div slot="header-buttons">
-        <button class="modal-close" @click="close()">
-          <i class="fa fa-remove"></i>
-        </button>
-      </div>
-      <section>
-        <aside class="scrollable auto">
-          <div class="box transparent">
-            <div class="body">
-              <template v-if="recipe.drawing_delay.status.visible">
-              <div class="input-area">
-                <img src="assets/icons/png/clessidra.png" />
-                <label>{{'drawing_delay'|localize('Ritardo')}}</label>
-                <numeric v-model="recipe.drawing_delay" />
-              </div>
-              <slider v-model="recipe.drawing_delay"></slider>
-              </template>
-              <hr />
-              <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>
-              </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>
-              </div>
-              </template>
-              <template v-if="recipe.drawing_height.status.visible">
-              <div class="input-area">
-                <label>{{'drawing_height'|localize('Altezza bolla')}}</label>
-                <numeric v-model="recipe.drawing_height" />
-              </div>
-              <slider v-model="recipe.drawing_height"></slider>
-              </template>
-              <template v-if="recipe.drawing_mantaining_flow.status.visible">
-              <div class="input-area">
-                <label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
-                <numeric v-model="recipe.drawing_mantaining_flow" />
-              </div>
-              <slider v-model="recipe.drawing_mantaining_flow"></slider>
-              </template>
-              <template v-if="recipe.drawing_manual.status.visible">
-              <div class="input-area">
-                <label>{{'drawing_manual'|localize('Portata manuale')}}</label>
-                <numeric v-model="recipe.drawing_manual" />
-              </div>
-              <slider v-model="recipe.drawing_manual"></slider>
-              </template>
-              <template v-if="recipe.drawing_mould_up_delay.status.visible">
-              <div class="input-area">
-                <label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
-                <numeric v-model="recipe.drawing_mould_up_delay" />
-              </div>
-              <slider v-model="recipe.drawing_mould_up_delay"></slider>
-              </template>
-            </div>
-          </div>
-        </aside>
-        <hr />
-        <article class="shrink ml-10">
-          <scheda
-            class="box-500 color_3"
-            :portata="recipe.drawing_1_chart_setpointx"
-            :durata="recipe.drawing_1_chart_setpointy"
-          ></scheda>
-        </article>
-        <article>
-          <svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
-        </article>
-      </section>
-      <footer>
-        <button class="btn" @click="annulla()">
-          <label>Annulla</label>
-        </button>
-        <button class="btn btn-success" @click="conferma()">
-          <label>Conferma</label>
-        </button>
-      </footer>
-    </modal>
-    <stepfooter :current="5" @click="goTo"></stepfooter>
-  </div>
+	<div class="setup">
+		<modal type="imbutitura-info" :title="'drawinginfo_lbl_title' | localize('Imbutitura')">
+			<div slot="header-buttons">
+				<button class="modal-close" @click="close()">
+					<i class="fa fa-remove"></i>
+				</button>
+			</div>
+			<section>
+				<aside class="scrollable auto">
+					<div class="box transparent">
+						<div class="body">
+							<template v-if="recipe.drawing_delay.status.visible">
+								<div class="input-area">
+									<img src="assets/icons/png/clessidra.png" />
+									<label>{{'drawing_delay'|localize('Ritardo')}}</label>
+									<numeric v-model="recipe.drawing_delay" />
+								</div>
+								<slider v-model="recipe.drawing_delay"></slider>
+							</template>
+							<hr />
+							<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>
+								</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>
+								</div>
+							</template>
+							<template v-if="recipe.drawing_height.status.visible">
+								<div class="input-area">
+									<label>{{'drawing_height'|localize('Altezza bolla')}}</label>
+									<numeric v-model="recipe.drawing_height" />
+								</div>
+								<slider v-model="recipe.drawing_height"></slider>
+							</template>
+							<template v-if="recipe.drawing_mantaining_flow.status.visible">
+								<div class="input-area">
+									<label>{{'drawing_mantaining_flow'|localize('Portata mantenimento')}}</label>
+									<numeric v-model="recipe.drawing_mantaining_flow" />
+								</div>
+								<slider v-model="recipe.drawing_mantaining_flow"></slider>
+							</template>
+							<template v-if="recipe.drawing_manual.status.visible">
+								<div class="input-area">
+									<label>{{'drawing_manual'|localize('Portata manuale')}}</label>
+									<numeric v-model="recipe.drawing_manual" />
+								</div>
+								<slider v-model="recipe.drawing_manual"></slider>
+							</template>
+							<template v-if="recipe.drawing_mould_up_delay.status.visible">
+								<div class="input-area">
+									<label>{{'drawing_mould_up_delay'|localize('Ritardo salita stampo')}}</label>
+									<numeric v-model="recipe.drawing_mould_up_delay" />
+								</div>
+								<slider v-model="recipe.drawing_mould_up_delay"></slider>
+							</template>
+						</div>
+					</div>
+				</aside>
+				<hr />
+				<article class="shrink ml-10">
+					<scheda
+						class="box-500 color_3"
+						:portata="recipe.drawing_1_chart_setpointx"
+						:durata="recipe.drawing_1_chart_setpointy"
+					></scheda>
+				</article>
+				<article>
+					<svg-chart
+						line-bar-color="#848484"
+						:bars="bars"
+						:max-x="recipe.drawing_1_chart_setpointy.range.max"
+						:max-y="recipe.drawing_1_chart_setpointx.range.max"
+					></svg-chart>
+				</article>
+			</section>
+			<footer>
+				<button class="btn" @click="annulla()">
+					<label>Annulla</label>
+				</button>
+				<button class="btn btn-success" @click="conferma()">
+					<label>Conferma</label>
+				</button>
+			</footer>
+		</modal>
+		<stepfooter :current="5" @click="goTo"></stepfooter>
+	</div>
 </template>
 
 <script lang="ts" src="./show-imbutitura-info.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/prevuoto.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/prevuoto.vue
index 041b2080..ea0686a8 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/prevuoto.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/prevuoto.vue
@@ -4,19 +4,19 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.vacuum_pre_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'vacuum_pre_enabled'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.vacuum_pre_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<hr />
 					<template v-if="recipe.vacuum_pre_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.vacuum_pre_delay" />
-					</div>
-					<slider v-model="recipe.vacuum_pre_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'vacuum_pre_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.vacuum_pre_delay" />
+						</div>
+						<slider v-model="recipe.vacuum_pre_delay"></slider>
 					</template>
 				</div>
 			</div>
@@ -40,15 +40,20 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.vacuum_pre_1_chart_setpointy.range.max + recipe.vacuum_pre_2_chart_setpointy.range.max +recipe.vacuum_pre_3_chart_setpointy.range.max"
+				:max-y="Math.max(recipe.vacuum_pre_1_chart_setpointx.range.max,recipe.vacuum_pre_2_chart_setpointx.range.max,recipe.vacuum_pre_3_chart_setpointx.range.max)"
+			></svg-chart>
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.vacuum_pre_max_time.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
-						<numeric v-model="recipe.vacuum_pre_max_time" />
-					</div>
-					<slider v-model="recipe.vacuum_pre_max_time"></slider>
+						<div class="input-area">
+							<label>{{'vacuum_pre_max_time'|localize('Durata massima')}}</label>
+							<numeric v-model="recipe.vacuum_pre_max_time" />
+						</div>
+						<slider v-model="recipe.vacuum_pre_max_time"></slider>
 					</template>
 				</div>
 			</div>
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-ausiliario.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-ausiliario.vue
index 6600f09c..2cce7608 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-ausiliario.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/vuoto/base-components/vuoto-ausiliario.vue
@@ -4,27 +4,27 @@
 			<div class="box transparent">
 				<div class="body">
 					<template v-if="recipe.vacuum_aux_enabled.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
-						<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
-					</div>
+						<div class="input-area">
+							<label>{{'vacuum_aux_enabled'|localize('Abilitazione')}}</label>
+							<toggle-button v-model="recipe.vacuum_aux_enabled.status.enabled"></toggle-button>
+						</div>
 					</template>
 					<hr />
 					<template v-if="recipe.vacuum_aux_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.vacuum_aux_delay" />
-					</div>
-					<slider v-model="recipe.vacuum_aux_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'vacuum_aux_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.vacuum_aux_delay" />
+						</div>
+						<slider v-model="recipe.vacuum_aux_delay"></slider>
 					</template>
 					<hr />
 					<template v-if="recipe.vacuum_aux_manual.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.vacuum_aux_manual" />
-					</div>
-					<slider v-model="recipe.vacuum_aux_manual"></slider>
+						<div class="input-area">
+							<label>{{'vacuum_aux_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.vacuum_aux_manual" />
+						</div>
+						<slider v-model="recipe.vacuum_aux_manual"></slider>
 					</template>
 				</div>
 			</div>
@@ -48,15 +48,20 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.vacuum_aux_1_chart_setpointy.range.max + recipe.vacuum_aux_2_chart_setpointy.range.max +recipe.vacuum_aux_3_chart_setpointy.range.max"
+				:max-y="Math.max(recipe.vacuum_aux_1_chart_setpointx.range.max,recipe.vacuum_aux_2_chart_setpointx.range.max,recipe.vacuum_aux_3_chart_setpointx.range.max)"
+			></svg-chart>
 			<div class="box box-500 transparent center">
 				<div class="body">
 					<template v-if="recipe.vacuum_aux_max_time.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
-						<numeric v-model="recipe.vacuum_aux_max_time" />
-					</div>
-					<slider v-model="recipe.vacuum_aux_max_time"></slider>
+						<div class="input-area">
+							<label>{{'vacuum_aux_max_time'|localize('Durata massima')}}</label>
+							<numeric v-model="recipe.vacuum_aux_max_time" />
+						</div>
+						<slider v-model="recipe.vacuum_aux_max_time"></slider>
 					</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 8f9948bb..5129abec 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
@@ -4,27 +4,27 @@
 			<div class="box transparent">
 				<div class="body">
 					<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>
-					</div>
+						<div class="input-area">
+							<label>{{'vacuum_main_start'|localize('Partenza')}}</label>
+							<select class="form-control" v-model="recipe.vacuum_main_start"></select>
+						</div>
 					</template>
 					<hr />
 					<template v-if="recipe.vacuum_main_delay.status.visible">
-					<div class="input-area">
-						<img src="assets/icons/png/clessidra.png" />
-						<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
-						<numeric v-model="recipe.vacuum_main_delay" />
-					</div>
-					<slider v-model="recipe.vacuum_main_delay"></slider>
+						<div class="input-area">
+							<img src="assets/icons/png/clessidra.png" />
+							<label>{{'vacuum_main_delay'|localize('Ritardo')}}</label>
+							<numeric v-model="recipe.vacuum_main_delay" />
+						</div>
+						<slider v-model="recipe.vacuum_main_delay"></slider>
 					</template>
 					<hr />
 					<template v-if="recipe.vacuum_main_manual.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
-						<numeric v-model="recipe.vacuum_main_manual" />
-					</div>
-					<slider v-model="recipe.vacuum_main_manual"></slider>
+						<div class="input-area">
+							<label>{{'vacuum_main_manual'|localize('Portata manuale')}}</label>
+							<numeric v-model="recipe.vacuum_main_manual" />
+						</div>
+						<slider v-model="recipe.vacuum_main_manual"></slider>
 					</template>
 				</div>
 			</div>
@@ -48,15 +48,20 @@
 			></scheda>
 		</article>
 		<article>
-			<svg-chart line-bar-color="#848484" :bars="bars"></svg-chart>
+			<svg-chart
+				line-bar-color="#848484"
+				:bars="bars"
+				:max-x="recipe.vacuum_main_1_chart_setpointy.range.max + recipe.vacuum_main_2_chart_setpointy.range.max +recipe.vacuum_main_3_chart_setpointy.range.max"
+				:max-y="Math.max(recipe.vacuum_main_1_chart_setpointx.range.max,recipe.vacuum_main_2_chart_setpointx.range.max,recipe.vacuum_main_3_chart_setpointx.range.max)"
+			></svg-chart>
 			<div class="box transparent box-500 center">
 				<div class="body">
 					<template v-if="recipe.vacuum_main_max_time.status.visible">
-					<div class="input-area">
-						<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
-						<numeric v-model="recipe.vacuum_main_max_time" />
-					</div>
-					<slider v-model="recipe.vacuum_main_max_time"></slider>
+						<div class="input-area">
+							<label>{{'vacuum_main_max_time'|localize('Durata massima')}}</label>
+							<numeric v-model="recipe.vacuum_main_max_time" />
+						</div>
+						<slider v-model="recipe.vacuum_main_max_time"></slider>
 					</template>
 				</div>
 			</div>