askbot-dragon 1.1.2 → 1.1.4

package/src/assets/js/script.js

@@ -1,37 +1,37 @@
-const displays = document.querySelectorAll('.note-display');
-const transitionDuration = 900;
-function displasss(){
-    displays.forEach(display => {
-        let note = parseFloat(display.dataset.note);
-        let [int, dec] = display.dataset.note.split('.');
-        [int, dec] = [Number(int), Number(dec)];
-        strokeTransition(display, note);
-        increaseNumber(display, int, 'int');
-        increaseNumber(display, dec, 'dec');
-    })
-}
-
-function strokeTransition(display, note) {
-       let progress = display.querySelector('.circle__progress--fill');
-       let radius = progress.r.baseVal.value;
-       let circumference = 2 * Math.PI * radius;
-       let offset = circumference * (10 - note) / 10;
-       progress.style.setProperty('--initialStroke', circumference);
-       progress.style.setProperty('--transitionDuration', `${transitionDuration}ms`);
-
-       setTimeout(() => progress.style.strokeDashoffset = offset, 100);
-     }
-function increaseNumber(display, number, className) {
-    let element = display.querySelector(`.percent__${className}`),
-        decPoint = className === 'int' ? '.' : '',
-        interval = transitionDuration / number,
-        counter = 0;
-
-    let increaseInterval = setInterval(() => {
-        if (counter === number) { window.clearInterval(increaseInterval); }
-
-        element.textContent = counter + decPoint;
-        counter++;
-    }, interval);
-}
+const displays = document.querySelectorAll('.note-display');
+const transitionDuration = 900;
+function displasss(){
+    displays.forEach(display => {
+        let note = parseFloat(display.dataset.note);
+        let [int, dec] = display.dataset.note.split('.');
+        [int, dec] = [Number(int), Number(dec)];
+        strokeTransition(display, note);
+        increaseNumber(display, int, 'int');
+        increaseNumber(display, dec, 'dec');
+    })
+}
+
+function strokeTransition(display, note) {
+       let progress = display.querySelector('.circle__progress--fill');
+       let radius = progress.r.baseVal.value;
+       let circumference = 2 * Math.PI * radius;
+       let offset = circumference * (10 - note) / 10;
+       progress.style.setProperty('--initialStroke', circumference);
+       progress.style.setProperty('--transitionDuration', `${transitionDuration}ms`);
+
+       setTimeout(() => progress.style.strokeDashoffset = offset, 100);
+     }
+function increaseNumber(display, number, className) {
+    let element = display.querySelector(`.percent__${className}`),
+        decPoint = className === 'int' ? '.' : '',
+        interval = transitionDuration / number,
+        counter = 0;
+
+    let increaseInterval = setInterval(() => {
+        if (counter === number) { window.clearInterval(increaseInterval); }
+
+        element.textContent = counter + decPoint;
+        counter++;
+    }, interval);
+}
 export {displasss}