Merge pull request #294 from apasel422/buttons

Author: apasel422

impl/index.html

@@ -126,25 +126,24 @@ <h2>Time: <time></time></h2>
             >
           </line>
         </form>
-        <form id="clear" class="simple">
+        <form id="clear-as-user" class="simple">
           <line>
             <input
-              id="clear-site"
+              name="sites"
               size="40"
-              min="1"
               placeholder="site.example (empty = all sites)"
             />
-            <button>Clear Site Data</button>
+            <label
+              ><input type="checkbox" name="forget-visits" /> Forget
+              Visits</label
+            >
+            <button>Clear Site Data as User</button>
           </line>
         </form>
-        <form id="forget" class="simple">
+        <form id="clear-as-site" class="simple">
           <line>
-            <input
-              id="forget-site"
-              size="40"
-              placeholder="site.example (empty = all sites)"
-            />
-            <button>Forget Site</button>
+            <input name="site" size="40" placeholder="site.example" required />
+            <button>Clear Site Data as Site</button>
           </line>
         </form>
         <line id="last-clear" style="display: none"

impl/src/simulator.ts

@@ -158,23 +158,28 @@ function updateBudgetAndEpochTables() {
     }
   }
 
-  const clear = document.querySelector<HTMLFormElement>("#clear")!;
-  clear.addEventListener("submit", function (this: HTMLFormElement, e) {
-    e.preventDefault();
-
-    const sites = this.elements.namedItem("clear-site") as HTMLInputElement;
-    backend.clearState(spaceSeparated(sites), false);
-    updateLastClear();
-  });
-
-  const forget = document.querySelector<HTMLFormElement>("#forget")!;
-  forget.addEventListener("submit", function (this: HTMLFormElement, e) {
-    e.preventDefault();
-
-    const sites = this.elements.namedItem("forget-site") as HTMLInputElement;
-    backend.clearState(spaceSeparated(sites), true);
-    updateLastClear();
-  });
+  document
+    .querySelector<HTMLFormElement>("#clear-as-user")!
+    .addEventListener("submit", function (this: HTMLFormElement, e) {
+      e.preventDefault();
+
+      const sites = this.elements.namedItem("sites") as HTMLInputElement;
+      const forgetVisits = this.elements.namedItem(
+        "forget-visits",
+      ) as HTMLInputElement;
+      backend.clearState(spaceSeparated(sites), forgetVisits.checked);
+      updateLastClear();
+    });
+
+  document
+    .querySelector<HTMLFormElement>("#clear-as-site")!
+    .addEventListener("submit", function (this: HTMLFormElement, e) {
+      e.preventDefault();
+
+      const site = this.elements.namedItem("site") as HTMLInputElement;
+      backend.clearImpressionsForConversionSite(site.value.trim());
+      updateImpressionsTable();
+    });
 }
 
 {