add skip roll animation toggle

Author: mgerni

static/js/task.js

@@ -9,6 +9,26 @@ function isSpecialRollUser() {
   return SPECIAL_ROLL_USERNAMES.has(getCurrentUsername());
 }
 
+function isShaduKatUser() {
+  return getCurrentUsername() === 'shadukat';
+}
+
+function getCookieValue(name) {
+  const encodedName = `${encodeURIComponent(name)}=`;
+  const cookies = document.cookie ? document.cookie.split(';') : [];
+  for (let i = 0; i < cookies.length; i += 1) {
+    const cookie = cookies[i].trim();
+    if (cookie.indexOf(encodedName) === 0) {
+      return decodeURIComponent(cookie.substring(encodedName.length));
+    }
+  }
+  return null;
+}
+
+function shouldSkipRollAnimation() {
+  return getCookieValue('skip_roll_animation') === 'true';
+}
+
 function shuffleArray(items) {
   const cloned = items.slice();
   for (let i = cloned.length - 1; i > 0; i -= 1) {
@@ -109,6 +129,7 @@ function rollTaskModal(options) {
     finalName,
     finalImage,
     instant = false,
+    showSpecialMessage = false,
     candidates = []
   } = options;
 
@@ -142,7 +163,7 @@ function rollTaskModal(options) {
     }
 
     const finalImageSource = resolveTaskImageSource(finalImage);
-    specialNode.hidden = !instant;
+    specialNode.hidden = !showSpecialMessage;
 
     if (instant) {
       imageNode.src = finalImageSource;
@@ -184,7 +205,8 @@ $(document).on('click', '#start', function(){
     await rollTaskModal({
       finalName: data.name,
       finalImage: data.image,
-      instant: isSpecialRollUser(),
+      instant: isSpecialRollUser() || shouldSkipRollAnimation(),
+      showSpecialMessage: isShaduKatUser() && shouldSkipRollAnimation(),
       candidates: rollCandidates
     });
 
@@ -242,7 +264,8 @@ $(document).on('click', '#generate_unofficial', function(){
     await rollTaskModal({
       finalName: data.name,
       finalImage: data.image,
-      instant: isSpecialRollUser(),
+      instant: isSpecialRollUser() || shouldSkipRollAnimation(),
+      showSpecialMessage: isShaduKatUser() && shouldSkipRollAnimation(),
       candidates: rollCandidates.length > 0 ? rollCandidates : getOfficialRollCandidates()
     });
 

templates/profile.html

@@ -85,6 +85,11 @@ <h3>{{username}} Profile</h3>
                             {% endif %}
                             <span class="slider round"></span>
                             </label>
+                                <p>Skip Roll Animation</p>
+                                <label class="switch">
+                                <input type="checkbox" id="skip_roll_animation">
+                                <span class="slider round"></span>
+                                </label>
                     </div>
                     <div class="warning-section">
                         <p id="warning"style="display: none;" class="incomplete">!!!YOU CANNOT RE-ENABLE OFFICIAL STATUS!!!</p>
@@ -232,7 +237,40 @@ <h3>{{username}} Profile</h3>
 </script>
 
 <script>
+function getCookieValue(name) {
+    const encodedName = `${encodeURIComponent(name)}=`;
+    const cookies = document.cookie ? document.cookie.split(';') : [];
+    for (let i = 0; i < cookies.length; i++) {
+        const cookie = cookies[i].trim();
+        if (cookie.indexOf(encodedName) === 0) {
+            return decodeURIComponent(cookie.substring(encodedName.length));
+        }
+    }
+    return null;
+}
+
+function setCookieValue(name, value, maxAgeSeconds) {
+    document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}; path=/; max-age=${maxAgeSeconds}; SameSite=Lax`;
+}
+
     $(document).ready(function() {
+    const skipRollToggle = document.getElementById('skip_roll_animation');
+    if (skipRollToggle) {
+        const cookieValue = getCookieValue('skip_roll_animation');
+        skipRollToggle.checked = cookieValue === 'true';
+
+        skipRollToggle.addEventListener('change', function(e) {
+            const enabled = e.target.checked;
+            setCookieValue('skip_roll_animation', enabled ? 'true' : 'false', 31536000);
+            if (enabled) {
+                alert('Roll animation will now be skipped when generating tasks.');
+            }
+            else {
+                alert('Roll animation is now enabled when generating tasks.');
+            }
+        });
+    }
+
 
     $('#lms_status').on('change', function(e) {
         var lms_status = e.target.checked;