X-Git-Url: http://git.scottworley.com/voter/blobdiff_plain/9d82c13f6abc03482d4c669aa6c89a8c570fad49..f724d95fdf704f2480581d7de85f0198a5c049e8:/src/main.rs

diff --git a/src/main.rs b/src/main.rs
index bd329fa..920384e 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -82,10 +82,35 @@ 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)
+
+              const req = new XMLHttpRequest()
+              req.addEventListener('load', function(e) {
+                cb.parentElement.removeChild(cb.previousElementSibling)
+                if (req.status == 200) {
+                    cb.style.display = ''
+                } else {
+                   cb.parentElement.insertBefore(document.createTextNode('â'), cb)
+                }
+              })
+              req.open('PUT', window.location.href)
+              req.send((cb.checked ? 1 : 0) + ' ' + cb.parentElement.nextSibling.innerHTML)
+            }
+          })(cb))
           cb.disabled = false
         }
       }
