From 5f7941f4799922b2105d4a49fc293cebf6c95dff Mon Sep 17 00:00:00 2001
From: Alessio <alessiogiombetti@live.it>
Date: Wed, 10 Jun 2020 10:37:11 +0200
Subject: [PATCH] add sliders to stampo on formato modal

---
 .../setup/formato/components/stampo.ts        |  3 ++-
 .../setup/formato/components/stampo.vue       | 25 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.ts b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.ts
index 2607840b..7bc7f8d6 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.ts
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.ts
@@ -1,8 +1,9 @@
 import Vue from "vue";
 import Component from "vue-class-component";
 import { Prop } from 'vue-property-decorator';
+import Slider from "@/app_modules_thermo/components/slider.vue"
 
-@Component({name:"stampo" })
+@Component({name:"stampo", components:{slider:Slider} })
 export default class Stampo extends Vue {
 
     @Prop({default:0})
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
index 5a00dd47..6d754b4e 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/setup/formato/components/stampo.vue
@@ -8,22 +8,47 @@
 				<label>Dimensione X</label>
 				<input type="number" class="rect" v-model.number="x.valueAct" />
 			</div>
+			<slider
+				:min="x.range.min"
+				:max="x.range.max"
+				v-model.number="x.valueAct"
+			></slider>
 			<div class="input-area">
 				<label>Dimensione Y</label>
 				<input type="number" class="rect" v-model.number="y.valueAct" />
 			</div>
+			<slider
+				:min="y.range.min"
+				:max="y.range.max"
+				v-model.number="y.valueAct"
+			></slider>
 			<div class="input-area">
 				<label>Altezza</label>
 				<input type="number" class="rect" v-model.number="alt" />
 			</div>
+			<slider
+				:min="0"
+				:max="100"
+				v-model.number="alt"
+			></slider>
 			<div class="input-area">
 				<label>Altezza base</label>
 				<input type="number" class="rect" v-model.number="altB.valueAct" />
 			</div>
+			<slider
+				:min="altB.range.min"
+				:max="altB.range.max"
+				v-model.number="altB.valueAct"
+			></slider>
 			<div class="input-area">
 				<label>Stampo negativo</label>
 				<input type="number" class="rect" v-model.number="stampoNeg" />
 			</div>
+			<slider
+				:min="0"
+				:max="100"
+				v-model.number="stampoNeg"
+			></slider>
 		</div>
 	</div>
 </template>