Add autobook feature

popup/popup.html

@@ -64,6 +64,14 @@
                 <input type="number" class="form-control" id="deltaNow" placeholder="days">
             </div>
         </div>
+        <div class="row">
+            <div class="col">
+                <div class="form-check form-switch" style="text-align: left;">
+                    <input class="form-check-input" type="checkbox" role="switch" id="autobook">
+                    <label class="form-check-label" for="autobook">Autobook</label>
+                </div>
+            </div>
+        </div>
         <div class="row">
             <div class="col">
                 <p>Status: <span id="status">Inactive</span></p>

popup/popup.js

@@ -11,6 +11,7 @@
     document.getElementById("status").innerText = items["__status"] || "unknown";
     document.getElementById("deltaAppt").value = items["__deltaAppt"] || 1;
     document.getElementById("deltaNow").value = items["__deltaNow"] || 1;
+    document.getElementById("autobook").checked = items["__autobook"] || false;
   });
 
   chrome.storage.onChanged.addListener((changes, area) => {
@@ -22,6 +23,9 @@
   document.getElementById("activate").addEventListener("change", async e => {
     await chrome.storage.local.set({ "__activate": e.target.checked });
   });
+  document.getElementById("autobook").addEventListener("change", async e => {
+    await chrome.storage.local.set({ "__autobook": e.target.checked });
+  });
 
   // credentials
   let usernameField = document.getElementById("username");