chore: update rts-map

src/forget.pug

@@ -0,0 +1,51 @@
+html(lang="zh-Hant")
+  head
+    title ExpTech | 忘記密碼
+    meta(charset="utf-8")
+    meta(name="viewport", content="width=device-width, initial-scale=1")
+    meta(name="description", content="ExpTech 帳號忘記密碼")
+
+    //- Facebook Meta Tags
+    meta(property="og:site_name", content="探索科技 | ExpTech Studio")
+    meta(property="og:url", content="https://exptech.com.tw/api/v1/file/exptech/register.html")
+    meta(property="og:type", content="website")
+    meta(property="og:title", content="忘記密碼")
+    meta(property="og:description", content="ExpTech 帳號忘記密碼")
+    meta(property="og:image", content="https://cdn.jsdelivr.net/gh/ExpTechTW/API@master/image/Icon/ExpTech.png")
+
+    //- Twitter Meta Tags
+    meta(name="twitter:card", content="summary")
+    meta(property="twitter:domain", content="exptech.com.tw")
+    meta(property="twitter:url", content="https://exptech.com.tw/api/v1/file/exptech/register.html")
+    meta(name="twitter:title", content="忘記密碼")
+    meta(name="twitter:description", content="ExpTech 帳號忘記密碼")
+    meta(name="twitter:image", content="https://cdn.jsdelivr.net/gh/ExpTechTW/API@master/image/Icon/ExpTech.png")
+
+    link(rel="stylesheet", href="./stylesheets/forget.scss")
+    link(rel="preconnect", href="https://fonts.googleapis.com")
+    link(rel="preconnect", href="https://fonts.gstatic.com", crossorigin)
+    link(href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap", rel="stylesheet")
+
+
+  body
+    main
+      #container
+        .title 忘記密碼
+        .description 重設您的 ExpTech 密碼
+        #form-view.view
+          form#forget.forget-form
+            .form-item-container
+              .form-item
+                label.required(for="email") 電子郵件地址
+                input#email(type="email", name="email", placeholder="電子郵件地址", autocomplete="email", required)
+            button#login(type="button") 登入帳號
+            button#submit(type="submit") 送出
+        #success-view.view
+          svg.check-mark(xmlns="http://www.w3.org/2000/svg", height="128", width="128", viewBox="0 96 960 960"): path(d="M421 744.537 690.537 475l-34.845-34.23L421 675.847 302.539 557.385l-33.846 34.23L421 744.537Zm59.067 211.462q-78.221 0-147.397-29.92-69.176-29.92-120.989-81.71-51.814-51.791-81.747-120.936-29.933-69.146-29.933-147.366 0-78.836 29.92-148.204 29.92-69.369 81.71-120.682 51.791-51.314 120.936-81.247 69.146-29.933 147.366-29.933 78.836 0 148.204 29.92 69.369 29.92 120.682 81.21 51.314 51.291 81.247 120.629 29.933 69.337 29.933 148.173 0 78.221-29.92 147.397-29.92 69.176-81.21 120.989-51.291 51.814-120.629 81.747-69.337 29.933-148.173 29.933ZM480 910.615q139.692 0 237.154-97.769Q814.615 715.077 814.615 576q0-139.692-97.461-237.154Q619.692 241.385 480 241.385q-139.077 0-236.846 97.461Q145.385 436.308 145.385 576q0 139.077 97.769 236.846T480 910.615ZM480 576Z")
+          .success-title.title 發送成功
+          .success-description 已寄驗證信到你電子郵件地址請查收
+          .success-description 將在五秒後跳轉回登入畫面
+      a.info(href="https://exptech.com.tw/f?v=discord") Discord 伺服器
+
+  script(src="./scripts/forget.js") 
+

src/login.pug

@@ -39,10 +39,8 @@ html(lang="zh-Hant")
             .form-item
               label.required(for="password") 用戶密碼
               input#password(type="password", name="password", placeholder="用戶密碼", autocomplete="current-password", required)
-              a.forget-password(href="./forget.html") 忘記密碼？
-              a.forget-password(href="./change.html") 更改密碼？
-            div
-              | 如果這不是你的電腦，請使用私密瀏覽視窗登入。
+              a.forget-password(href="./forget.pug") 忘記密碼？
+            div 如果這不是你的電腦，請使用私密瀏覽視窗登入。
           button#register(type="button") 註冊帳號
           button#submit(type="submit") 登入
       a.info(href="https://exptech.com.tw/f?v=discord") Discord 伺服器

src/scripts/forget.js

@@ -0,0 +1,70 @@
+const submit = document.getElementById("submit");
+const email = document.getElementById("email");
+const container = document.getElementById("container");
+const success_view = document.getElementById("success-view");
+const form_view = document.getElementById("form-view");
+const forgetForm = document.getElementById("forget");
+
+document.getElementById("login").onclick = (e) => {
+  window.location.href = "./login.html";
+};
+
+forgetForm.addEventListener("submit", (e) => {
+  e.preventDefault();
+  email.setCustomValidity("");
+  email.reportValidity();
+
+  const values = { email: email.value };
+
+  submit.disabled = true;
+
+  fetch("https://exptech.com.tw/api/v1/et/forget", {
+    method  : "POST",
+    headers : { "Content-Type": "application/json" },
+    body    : JSON.stringify({ email: values.email }),
+  })
+    .then(async (res) => {
+      if (res.ok) {
+        container.style.height = form_view.offsetHeight + 76;
+        form_view.style.position = "absolute";
+        success_view.style.position = "absolute";
+        success_view.style.display = "block";
+        form_view.style.opacity = 0;
+        container.style.height = success_view.offsetHeight + 76;
+        setTimeout(() => {
+          success_view.style.position = "";
+          success_view.style.opacity = 1;
+          form_view.style.display = "none";
+          form_view.style.position = "";
+        }, 100);
+
+        setTimeout(() => (window.location.href = "./login.html"), 5_000);
+      } else {
+        switch (await res.text()) {
+          case "Invaild email!": {
+            email.setCustomValidity("電子郵件地址無效。");
+            email.reportValidity();
+            break;
+          }
+
+          case "This account was not found!": {
+            email.setCustomValidity("找不到此帳戶，可能尚未註冊。");
+            email.reportValidity();
+            break;
+          }
+
+          default: {
+            console.error(res);
+            break;
+          }
+        }
+        submit.disabled = false;
+      }
+    })
+    .catch((err) => {
+      console.error(err);
+      submit.disabled = false;
+      const res = err.request.response;
+      alert(res);
+    });
+});