From: Scott Worley <scottworley@scottworley.com>
Date: Sat, 19 Nov 2022 08:49:45 +0000 (-0800)
Subject: Spinning animation while vote request is processing
X-Git-Tag: v0.2.0~8
X-Git-Url: http://git.scottworley.com/voter/commitdiff_plain/9543206967816cd9427588a2c29468fff133a65e?hp=9d82c13f6abc03482d4c669aa6c89a8c570fad49

Spinning animation while vote request is processing
---

diff --git a/src/main.rs b/src/main.rs
index bd329fa..5c4ad90 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -82,10 +82,23 @@ const HTML_HEADER: &str = "<!DOCTYPE html>
     <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')) {
+          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
         }
       }
