From 87e5041209e2a2631cbe1a76cf9f07466a066748 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Thu, 22 Feb 2024 23:03:29 -0800
Subject: use cookies for pin memory

---
 src/components/Pin.svelte | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'src/components/Pin.svelte')

diff --git a/src/components/Pin.svelte b/src/components/Pin.svelte
index 9938f9a1..df545014 100644
--- a/src/components/Pin.svelte
+++ b/src/components/Pin.svelte
@@ -1,14 +1,13 @@
 <script>
   import { t } from "$lib/translations";
-  import { post, success, fail, focus } from "$lib/utils";
+  import { post, success, fail, focus, setCookie } from "$lib/utils";
   import Pinpad from "$comp/Pinpad.svelte";
-  import { pin } from "$lib/store";
+  import { pin, user } from "$lib/store";
   import { onMount } from "svelte";
 
   export let value = "";
   export let title = $t("user.settings.verifyPIN");
   export let cancel = () => (p = "");
-  export let persist = true;
   export let notify = true;
 
   let p = "";
@@ -33,7 +32,8 @@
 
     if (result) {
       if (notify) success("Pin confirmed");
-      if (persist) $pin = p;
+      if ($user.locktime) setCookie("pin", p, $user.locktime);
+      $pin = p;
     } else {
       fail("Invalid pin");
       value = "";
@@ -50,6 +50,23 @@
     >
       <h1 class="text-center text-2xl font-semibold">{title}</h1>
       <Pinpad bind:v={p} {cancel} />
+
+      <div>
+        <label class="font-bold">{$t("user.settings.rememberFor")}</label>
+        <select
+          name="locktime"
+          class="select-styles block py-3 w-full"
+            bind:value={$user.locktime}
+        >
+          <option value={30}>30 {$t("user.settings.seconds")}</option>
+          <option value={5 * 60}>5 {$t("user.settings.minutes")}</option>
+          <option value={10 * 60}>10 {$t("user.settings.minutes")}</option>
+          <option value={30 * 60}>30 {$t("user.settings.minutes")}</option>
+          <option value={60 * 60}>1 {$t("user.settings.hour")}</option>
+          <option value={8 * 60 * 60}>8 {$t("user.settings.hours")}</option>
+        </select>
+      </div>
+
       <div class="w-full flex">
         <button
           class="border-2 border-black rounded-xl font-semibold mx-auto py-3 w-40 hover:opacity-80 mx-auto"
-- 
cgit v1.2.3