From 36495fca34fbf5ab0f4a77a0ca9b0f0d545fa6d5 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Thu, 5 Oct 2023 15:57:23 -0700
Subject: [PATCH] Change style of button when clicked

Summary: Change style of the button once disabled.

Reviewed By: antonk52

Differential Revision: D49960254

fbshipit-source-id: 048fc3b8cc78d7f2a5b167bee30d664344cbe90d
---
 desktop/static/offline.html | 28 ++++++++++++++++++++++++++--
 1 file changed, 26 insertions(+), 2 deletions(-)

diff --git a/desktop/static/offline.html b/desktop/static/offline.html
index 075478aad..975c29049 100644
--- a/desktop/static/offline.html
+++ b/desktop/static/offline.html
@@ -85,6 +85,12 @@
       background-color: #722ed1;
     }
 
+    input[type="submit"]:disabled {
+      background-color: gray;
+      color: lightgray;
+      cursor: not-allowed;
+    }
+
   </style>
 </head>
 
@@ -94,8 +100,8 @@
       <b>Flipper is not running in the background</b>
 
       <p>It can be started by clicking the button below.</p>
-      <form action="flipper-launcher://start-server" onSubmit="document.getElementById('submit').disabled=true;">
-        <input id="submit" type="submit" value="Start" onclick="event.target.value='Starting...';" />
+      <form action="flipper-launcher://start-server"  onSubmit="serverStart();">
+        <input id="submit" type="submit" value="Start" />
       </form>
 
       <p>
@@ -117,6 +123,24 @@
   </div>
 
   <script>
+    function serverStart() {
+      const button = document.getElementById('submit');
+      if (!button) {
+        return;
+      }
+      button.disabled = true;
+      button.value = 'Starting...';
+
+      // Set a timeout to disable the start button for
+      // a period of 30 seconds. If after 30 seconds, the server
+      // has not loaded, then re-enable it.
+      setTimeout(() => {
+        button.disabled = false;
+        button.value = 'Start';
+
+      }, 30 * 10000);
+    }
+
     // Listen to changes in the network state, reload when online.
     // This handles the case when the device is completely offline
     // i.e. no network connection.