Added dots to slider

themes/tsc_vfl/static/js/slider.js

@@ -3,9 +3,14 @@ $(function () {
     const maxIndex = 5
     const delay = 7000
     function showImage(idx) {
+        // console.log("switching to index", idx)
         const imgs = $('#header .slider img')
         imgs.eq(idx).removeClass('hidden')
         imgs.filter((i, e) => {return i != idx}).addClass('hidden')
+        const dots = $('#header .slider .dots .dot')
+        dots.removeClass('active')
+        dots.eq(idx).addClass('active')
+        index = idx
     }
     function getNextIndex() {
         const ret = index + 1
@@ -17,10 +22,13 @@ $(function () {
     }
     function nextImage() {
         const newIdx = getNextIndex()
-        console.log("switching to index", newIdx)
         showImage(newIdx)
-        index = newIdx
         setTimeout(nextImage, delay)
     }
     setTimeout(nextImage, delay)
+    $('#header .slider .dots .dot').click(function (evt) {
+        // console.log(evt)
+        const newIdx = $(evt.target).data('index')
+        showImage(newIdx)
+    })
 })