test

ADF/index.html

@@ -49,6 +49,90 @@
       <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
       <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-slider-pips/1.11.4/jquery-ui-slider-pips.min.js"></script>
-      <script src="/scripts/script.js"></script>
+      <script>
+                  $(function() {
+             var slider = $("#slider");
+
+             slider.slider({
+                 range: "max",
+                 min: 1,
+                 max: 6,
+                 value: 3,
+                 slide: function(event, ui) {
+                     $("#text_ad").text(getText(ui.value));
+                     $("#amount").text(ui.value);
+                     localStorage.setItem("sliderValue", ui.value.toString());
+                     updateFace(ui.value);
+                 }
+             });
+
+             var savedValue = localStorage.getItem("sliderValue");
+             if (savedValue) {
+                 slider.slider("value", parseInt(savedValue));
+                 $("#text_ad").text(getText(savedValue));
+                 $("#amount").text(savedValue);
+             }
+
+             // Manuální spuštění funkce updateFace při načítání stránky
+             updateFace(slider.slider("value"));
+
+             slider.slider('pips', {
+                 first: 'pip',
+                 last: 'pip',
+             });
+
+             function updateFace(value) {
+                 var face = $(".face-wrapper").children();
+
+                 switch (value) {
+                     case 1:
+                         removeClass();
+                         $(face).addClass("case1");
+                         break;
+                     case 2:
+                         removeClass();
+                         $(face).addClass("case2");
+                         break;
+                     case 3:
+                         removeClass();
+                         $(face).addClass("case3");
+                         break;
+                     case 4:
+                         removeClass();
+                         $(face).addClass("case4");
+                         break;
+                     case 5:
+                         removeClass();
+                         $(face).addClass("case5");
+                         break;
+                     case 6:
+                         removeClass();
+                         $(face).addClass("case6");
+                         break;
+                 }
+             }
+
+             function removeClass() {
+                 $(".face-wrapper").children().removeClass("case1 case2 case3 case4 case5 case6");
+             }
+
+             function getText(value) {
+                 switch (parseInt(value)) {
+                     case 1:
+                         return "1 test";
+                     case 2:
+                         return "2 test";
+                     case 3:
+                         return "3 test";
+                     case 4:
+                         return "4 test";
+                     case 5:
+                         return "5 test";
+                     case 6:
+                         return "6 test";
+                 }
+             }
+         });
+      </script>
    </body>
 </html>