From 13ac953e911e2136be1739c96597b613dd18d1f9 Mon Sep 17 00:00:00 2001
From: Philipp Lang <privat@zoomyboy.de>
Date: Tue, 19 Dec 2023 11:33:13 +0100
Subject: [PATCH] fix slider

---
 assets/js/Stepper.vue   | 11 ++++-------
 templates/overwrite.htm |  5 +++++
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/assets/js/Stepper.vue b/assets/js/Stepper.vue
index 968b7dc..4b9d8fb 100644
--- a/assets/js/Stepper.vue
+++ b/assets/js/Stepper.vue
@@ -67,10 +67,7 @@
             <slide v-if="value.category == 'Gewerbe'" :key="4" class="py-8 sm:py-16 px-3 sm:px-6">
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 5</div>
                 <heading>Wann wurde das<br />Gewerbe <span class="text-primary">erbaut?</span></heading>
-                <!--
-                                                                                                                                                                                <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
-                                                                                                                                                                                    v-model="value.construction_year" />
-                                                                                                                                                                -->
+                <v-slider :min="1900" :max="maxYear" v-model="value.construction_year"></v-slider>
                 <pagination v-model="innerStep" class="mt-24"></pagination>
             </slide>
             <slide v-if="value.category == 'Gewerbe'" :key="5" class="py-8 sm:py-16 px-3 sm:px-6">
@@ -99,9 +96,9 @@
                 <div class="text-center font-semibold text-gray-700 text-sm">Frage 4</div>
                 <heading>Wann wurde die<br />Wohnung <span class="text-primary">erbaut?</span></heading>
                 <!--
-                                                                                                                                                                                <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
-                                                                                                                                                                                    v-model="value.construction_year" />
-                                                                                                                                                                -->
+                                                                                                                                                                                    <veeno :pipsy="pipsy" :tooltips="tooltips" :handles="[1950]" class="w-4/5 mx-auto" :range="range"
+                                                                                                                                                                                        v-model="value.construction_year" />
+                                                                                                                                                                    -->
                 <pagination v-model="innerStep" class="mt-24"></pagination>
             </slide>
             <slide v-if="value.category == 'Wohnung'" class="py-8 sm:py-16 px-3 sm:px-6" :key="5">
diff --git a/templates/overwrite.htm b/templates/overwrite.htm
index dd50965..966cf7c 100644
--- a/templates/overwrite.htm
+++ b/templates/overwrite.htm
@@ -2,4 +2,9 @@
 :root {
     --iw-slider-primary-color: #ff0000;
 }
+.slider-custom {
+    --slider-connect-bg: var(--iw-slider-primary-color);
+    --slider-tooltip-bg: var(--iw-slider-primary-color);
+    --slider-handle-ring-color: var(--iw-slider-primary-color);
+}
 </style>