initial commit

2023-10-13 20:48:11 +02:00
commit 8d34088021
6 changed files with 172 additions and 0 deletions
--- a/options/index.html
+++ b/options/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <link href="style.css" rel="stylesheet" />
+</head>
+
+<body>
+  <form>
+    <fieldset>
+      <label for="bcnum">The number of your BahnCard 100</label>
+      <input name="bcnum" id="bcnum" type="text" pattern="70814[0-9]{11}" />
+    </fieldset>
+    <fieldset>
+      <label for="birthday">Your date of birth</label>
+      <input name="birthday" id="birthday" type="date" />
+    </fieldset>
+    <fieldset>
+      <label for="autocontinue">Automatically continue to the "I was delayed by more than 60 minutes" screen</label>
+      <input name="autocontinue" id="autocontinue" type="checkbox" />
+    </fieldset>
+    <button type="submit">Save</button>
+  </form>
+  <script src="script.js"></script>
+</body>
+
+</html>
--- a/options/script.js
+++ b/options/script.js
@@ -0,0 +1,29 @@
+async function saveOptions(e) {
+  console.log("Saving options.");
+  e.preventDefault();
+  let bcNum = document.querySelector("#bcnum").value;
+  let bDay = document.querySelector('#birthday').value;
+  let autoContinue = document.querySelector('#autocontinue').checked;
+  let options = {
+    bcnum: bcNum,
+    bday: bDay,
+    autocontinue: autoContinue
+  };
+  await browser.storage.sync.set(options);
+  console.log("Saved!");
+}
+
+async function restoreOptions() {
+  // We do not save user data in managed storage.
+  // let res = await browser.storage.managed.get('colour');
+  // document.querySelector("#managed-colour").innerText = res.colour;
+
+  settings = await browser.storage.sync.get();
+  console.log(settings);
+  document.querySelector("#bcnum").value = settings.bcnum || "";
+  document.querySelector("#birthday").value = settings.bday || "";
+  document.querySelector("#autocontinue").checked = settings.autocontinue || false;
+}
+
+document.addEventListener('DOMContentLoaded', restoreOptions);
+document.querySelector("form").addEventListener("submit", saveOptions);
--- a/options/style.css
+++ b/options/style.css
@@ -0,0 +1,3 @@
+h1 {
+  font-style: italic;
+}