From 4a17830c07f47f343a900fd522f1696808eac2fa Mon Sep 17 00:00:00 2001
From: = <paolo@teamdev.it>
Date: Fri, 12 Jun 2020 14:25:20 +0200
Subject: [PATCH] controstampo

---
 .../assets/styles/base/controstamposetup.less | 37 ------------
 .../wwwroot/assets/styles/base/layout.less    |  1 -
 Thermo.Active/wwwroot/assets/styles/style.css | 16 ------
 .../base-components/aria-controstampo.vue     | 57 ++++++++++---------
 .../base-components/ciclo-controstampo.vue    | 41 +++++++------
 5 files changed, 51 insertions(+), 101 deletions(-)
 delete mode 100644 Thermo.Active/wwwroot/assets/styles/base/controstamposetup.less

diff --git a/Thermo.Active/wwwroot/assets/styles/base/controstamposetup.less b/Thermo.Active/wwwroot/assets/styles/base/controstamposetup.less
deleted file mode 100644
index 2ab29f24..00000000
--- a/Thermo.Active/wwwroot/assets/styles/base/controstamposetup.less
+++ /dev/null
@@ -1,37 +0,0 @@
-// out: false, sourceMap: false, main: ../style.less
-@import "grid-system.less";
-@import "colors.less";
-@import "fonts.less";
-
-
-.modal.controstamposetup-info {
-
-  section {
-
-    .controstampo-cycle {
-      margin-left: 37%;
-    }
-
-    .specific {
-      padding-left: 5px;
-
-      .box {
-        margin-bottom: 5px;
-        background-color: #e5f3ff;
-
-        &:first-of-type {
-          background-color: white;
-        }
-
-        &:last-of-type {
-          background-color: #b3dbff;
-        }
-
-      }
-
-
-    }
-
-  }
-
-}
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/assets/styles/base/layout.less b/Thermo.Active/wwwroot/assets/styles/base/layout.less
index 3521b534..c76a2d6d 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/layout.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/layout.less
@@ -15,7 +15,6 @@
 @import "avvio-prod.less";
 @import "processo.less";
 @import "progrprerisc.less";
-@import "controstamposetup.less";
 @import "opzioni.less";
 @import "imbutitura.less";
 @import "estrazione.less";
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index 14083e4e..30a7808b 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -5365,22 +5365,6 @@ body {
   letter-spacing: normal;
   color: #002680;
 }
-.modal.controstamposetup-info section .controstampo-cycle {
-  margin-left: 37%;
-}
-.modal.controstamposetup-info section .specific {
-  padding-left: 5px;
-}
-.modal.controstamposetup-info section .specific .box {
-  margin-bottom: 5px;
-  background-color: #e5f3ff;
-}
-.modal.controstamposetup-info section .specific .box:first-of-type {
-  background-color: white;
-}
-.modal.controstamposetup-info section .specific .box:last-of-type {
-  background-color: #b3dbff;
-}
 .modal.opzioni-info hr {
   width: 2px;
   height: 830px;
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 1626383f..85bf3ab5 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
@@ -1,49 +1,54 @@
 <template>
 	<section>
 		<aside class="scrollable auto">
-			<div class="input-area">
-				<label>{{'upperplate_air_enable'|localize('Abilitazione')}}</label>
-				<toggle-button v-model="recipe.upperplate_air_enable.status.enabled"></toggle-button>
+			<div class="box transparent">
+				<div class="body">
+					<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">
+						<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">
+						<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>
 			</div>
-			<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">
-				<label>{{'upperplate_air_manual'|localize('Portata manuale')}}</label>
-				<numeric v-model="recipe.upperplate_air_manual" />
-			</div>
-			<slider
-				v-model="recipe.upperplate_air_delay"
-			></slider>
 		</aside>
 		<hr />
-		<div class="specific">
+		<article>
 			<scheda
+				class="box-500"
 				:portata="recipe.upperplate_air_1_chart_setpointx"
 				:durata="recipe.upperplate_air_1_chart_setpointy"
 			></scheda>
 			<scheda
+				class="box-500"
 				:portata="recipe.upperplate_air_2_chart_setpointx"
 				:durata="recipe.upperplate_air_2_chart_setpointy"
 			></scheda>
 			<scheda
+				class="box-500"
 				:portata="recipe.upperplate_air_3_chart_setpointx"
 				:durata="recipe.upperplate_air_3_chart_setpointy"
 			></scheda>
-		</div>
+		</article>
 		<div class="specific">
-			<div class="input-area">
-				<label>{{'upperplate_air_max_time'|localize('Durata massima')}}</label>
-				<numeric v-model="recipe.upperplate_air_max_time" />
+			<div class="box transparent">
+				<div class="body">
+					<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>
 			</div>
-			<slider
-				v-model="recipe.upperplate_air_max_time"
-			></slider>
 		</div>
 	</section>
 </template>
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 fea02418..d05bc364 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
@@ -1,27 +1,26 @@
 <template>
 	<section>
-		<div class="specific controstampo-cycle">
-			<div class="input-area">
-				<label>{{'upperplate_cycle_type'|localize('Tipo')}}</label>
-				<select v-model="recipe.upperplate_cycle_type">
-				</select>
+		<article>
+			<div class="box transparent box-500 center">
+				<div class="body">
+					<div class="input-area">
+						<label>{{'upperplate_cycle_type'|localize('Tipo')}}</label>
+						<select v-model="recipe.upperplate_cycle_type"></select>
+					</div>
+					<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">
+						<label>{{'upperplate_cycle_time'|localize('Durata')}}</label>
+						<numeric v-model="recipe.upperplate_cycle_time" />
+					</div>
+					<slider v-model="recipe.upperplate_cycle_time"></slider>
+				</div>
 			</div>
-			<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">
-				<label>{{'upperplate_cycle_time'|localize('Durata')}}</label>
-				<numeric v-model="recipe.upperplate_cycle_time" />
-			</div>
-			<slider
-				v-model="recipe.upperplate_cycle_time"
-			></slider>
-		</div>
+		</article>
 	</section>
 </template>