feat: indicate that work is in progress

dessant · Dec 8, 2018 · fdb4cca · fdb4cca
1 parent 58f9106
commit fdb4cca
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/src/solve/main.js b/src/solve/main.js
@@ -8,7 +8,19 @@ import {
   captchaIbmSpeechApiLangCodes
 } from 'utils/data';
 
-let solverRunning = false;
+let solverWorking = false;
+
+function setSolverState({working = true} = {}) {
+  solverWorking = working;
+  const button = document.querySelector('#buster-button');
+  if (button) {
+    if (working) {
+      button.classList.add('working');
+    } else {
+      button.classList.remove('working');
+    }
+  }
+}
 
 function setButton() {
   const infoButton = document.body.querySelector(
@@ -25,6 +37,9 @@ function setButton() {
     button.setAttribute('tabindex', '0');
     button.setAttribute('title', getText('buttonText_solve'));
     button.id = 'buster-button';
+    if (solverWorking) {
+      button.classList.add('working');
+    }
 
     button.addEventListener('click', start);
     button.addEventListener('keydown', e => {
@@ -230,17 +245,17 @@ function start(e) {
   e.preventDefault();
   e.stopImmediatePropagation();
 
-  if (solverRunning) {
+  if (solverWorking) {
     return;
   }
-  solverRunning = true;
+  setSolverState({working: true});
 
   solve()
     .then(() => {
-      solverRunning = false;
+      setSolverState({working: false});
     })
     .catch(err => {
-      solverRunning = false;
+      setSolverState({working: false});
       console.log(err.toString());
       browser.runtime.sendMessage({
         id: 'notification',

diff --git a/src/solve/style.css b/src/solve/style.css