From daf9c93309f2149aa512e7e680d06ef491fe7ca2 Mon Sep 17 00:00:00 2001
From: = <paolo@teamdev.it>
Date: Fri, 19 Jun 2020 10:45:48 +0200
Subject: [PATCH] fix pirometro inferiore

---
 .../SVG_Components/SVG-termo-inferiore.ts     |   3 +-
 .../SVG_Components/SVG-termo-inferiore.vue    | 104 ++++++++----------
 .../SVG_Components/SVG-termo-superiore.ts     |   2 +-
 3 files changed, 47 insertions(+), 62 deletions(-)

diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.ts
index 24356fe9..b8e215d5 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.ts
@@ -2,8 +2,9 @@ import Vue from 'vue';
 import Component from 'vue-class-component';
 import { Prop } from 'vue-property-decorator';
 import termoChart from "./termoChart.vue";
+import controlBox from "./controlBox.vue";
 
-@Component({ name: 'svgtermoinferiore', components: { termoChart } })
+@Component({ components: { termoChart, controlBox } })
 export default class SVGTermoregolazioneInferiore extends Vue {
 
   @Prop()
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
index 156d7ec1..93444c63 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-inferiore.vue
@@ -1,68 +1,52 @@
 <template>
-	<div class="svg-area">
-		<termo-chart></termo-chart>
-		<div
-			class="borded_label"
-			id="quota1"
-			v-focus-on="pyrometer_lowerthermoregulator_sleep_percentage"
+	<div class="svg-area pirometro">
+		<termo-chart
+			:max-y="recipe.pyrometer_lowerthermoregulator_max_percentage.range.max"
+			:max-x="recipe.pyrometer_lowerthermoregulator_end_adjustment.range.max"
+			:y1="recipe.pyrometer_lowerthermoregulator_sleep_percentage.setpointHMI"
+			:y2="recipe.pyrometer_lowerthermoregulator_min_percentage.setpointHMI"
+			:y3="recipe.pyrometer_lowerthermoregulator_max_percentage.setpointHMI"
+			:x1="10"
+			:x2="recipe.pyrometer_lowerthermoregulator_start_adjustment.setpointHMI"
+			:x3="recipe.pyrometer_lowerthermoregulator_end_adjustment.setpointHMI"
 		>
-			<div>
-				<span>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.setpointHMI}}</span>
-				<small>{{recipe.pyrometer_lowerthermoregulator_sleep_percentage.unitMeasure}}</small>
-			</div>
-		</div>
-		<div class="borded_label" id="quota2" v-focus-on="pyrometer_lowerthermoregulator_min_percentage">
-			<div>
-				<span>{{recipe.pyrometer_lowerthermoregulator_min_percentage.setpointHMI}}</span>
-				<small>{{recipe.pyrometer_lowerthermoregulator_min_percentage.unitMeasure}}</small>
-			</div>
-		</div>
-		<div class="borded_label" id="quota3" v-focus-on="pyrometer_lowerthermoregulator_max_percentage">
-			<div>
-				<span>{{recipe.pyrometer_lowerthermoregulator_max_percentage.setpointHMI}}</span>
-				<small>{{recipe.pyrometer_lowerthermoregulator_max_percentage.unitMeasure}}</small>
-			</div>
-		</div>
-		<div
-			class="borded_label"
-			id="quota4"
-			v-focus-on="pyrometer_lowerthermoregulator_start_adjustment"
-		>
-			<div>
-				<img src="assets/icons/png/temperatura.png" />
-				<span>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.setpointHMI}}</span>
-				<small>{{recipe.pyrometer_lowerthermoregulator_start_adjustment.unitMeasure}}</small>
-			</div>
-		</div>
-		<div class="borded_label" id="quota5" v-focus-on="pyrometer_lowerthermoregulator_end_adjustment">
-			<div>
-				<img src="assets/icons/png/temperatura.png" />
-				<span>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.setpointHMI}}</span>
-				<small>{{recipe.pyrometer_lowerthermoregulator_end_adjustment.unitMeasure}}</small>
-			</div>
-		</div>
+			<control-box
+				v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
+				slot="y1"
+				:move-vertical="true"
+				:scale="0.2"
+			></control-box>
+			<control-box
+				v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
+				slot="y2"
+				:move-vertical="true"
+				:scale="0.2"
+			></control-box>
+			<control-box
+				v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
+				slot="y3"
+				:move-vertical="true"
+				:scale="0.2"
+			></control-box>
+			<control-box
+				v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
+				slot="x2"
+				:move-horizontal="true"
+				:scale="0.3"
+			></control-box>
+			<control-box
+				v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
+				slot="x3"
+				:move-horizontal="true"
+				:scale="0.3"
+			></control-box>
+		</termo-chart>
 	</div>
 </template>
 <style scoped>
-#quota1 {
-	top: 605px;
-	left: 0px;
-}
-#quota2 {
-	top: 455px;
-	left: 0px;
-}
-#quota3 {
-	top: 145px;
-	left: 0px;
-}
-#quota4 {
-	top: 718px;
-	left: 548px;
-}
-#quota5 {
-	top: 718px;
-	left: 953px;
+.svg-area.pirometro {
+	padding: 50px;
+	width: calc(100% - 100px) !important;
 }
 </style>
 <script lang="ts" src="./SVG-termo-inferiore.ts"></script>
\ No newline at end of file
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.ts
index 4afe110b..9791bb8c 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/SVG_Components/SVG-termo-superiore.ts
@@ -4,7 +4,7 @@ import { Prop } from 'vue-property-decorator';
 import termoChart from "./termoChart.vue";
 import controlBox from "./controlBox.vue";
 
-@Component({ name: 'svgtermosuperiore', components: { termoChart, controlBox } })
+@Component({ components: { termoChart, controlBox } })
 export default class SVGTermoregolazioneSuperiore extends Vue {
 
   @Prop()