]> git.scottworley.com Git - voter/commitdiff
Spinning animation while vote request is processing
authorScott Worley <scottworley@scottworley.com>
Sat, 19 Nov 2022 08:49:45 +0000 (00:49 -0800)
committerScott Worley <scottworley@scottworley.com>
Sat, 19 Nov 2022 08:49:45 +0000 (00:49 -0800)
src/main.rs

index bd329fab9f9c864679d5e988e94fbc7cecceee8f..5c4ad9095733785c0f2f0bf936447ffdca5de97e 100644 (file)
@@ -82,10 +82,23 @@ const HTML_HEADER: &str = "<!DOCTYPE html>
     <title>Vote!</title>
     <style>
       input { transform: scale(1.5) }
     <title>Vote!</title>
     <style>
       input { transform: scale(1.5) }
+      div { animation: 2s infinite linear spin }
+      @keyframes spin {
+        from { transform:rotate(0) }
+        to { transform:rotate(1turn) }
+      }
     </style>
     <script>
       window.onload = function() {
         for (cb of document.getElementsByTagName('input')) {
     </style>
     <script>
       window.onload = function() {
         for (cb of document.getElementsByTagName('input')) {
+          cb.addEventListener('click', (function(cb) {
+            return function() {
+              cb.style.display = 'none'
+              const spin = document.createElement('div')
+              spin.appendChild(document.createTextNode('⏳'))
+              cb.parentElement.insertBefore(spin, cb)
+            }
+          })(cb))
           cb.disabled = false
         }
       }
           cb.disabled = false
         }
       }