noUiSlider html

js/tabler.js

@@ -118,19 +118,17 @@ $(document).ready(function() {
   // $('[data-toggle="tooltip"]').tooltip();
   // $('[data-toggle="popover"]').popover();
 
-/* NoUiSlider */
-
-if(window.noUiSlider){
-  let boi = document.getElementById("slider");
-  noUiSlider.create(boi,{
-    start: [20, 80],
-    connect: true,
-    range: {
-        'min': 0,
-        'max': 100
+  /*
+	NoUiSlider
+	*/
+	let sliders = document.querySelectorAll("[data-slider]");
+	for (let i = 0; i < sliders.length; i++) {
+		let dataSlider;
+		if (sliders[i].getAttribute("data-slider")) {
+			dataSlider = JSON.parse(sliders[i].getAttribute("data-slider"));
     }
-  });
-}
+		noUiSlider.create(sliders[i],dataSlider);
+	}
 
   /*
   Autosize plugin