reset pwd email btn disabled

html/reset_pwd_email.html

@@ -127,7 +127,7 @@
                 <h3 class="fs-subtitle" style="display: inline-block;">Email</h3><br/>
                 <input type="text" id='in_email' name='m1' class='imgsrc imgsrc1' value="" placeholder="" /><br/>
                 
-                <input id="checker" type="button" class="sender action-button" value="送出" set-lan="value:submit" />
+                <input id="checker" type="button" class="sender action-button" value="送出" />
 
                 </fieldset>
             </form>

html/reset_pwd_email.js

@@ -1,11 +1,9 @@
-
 const btnLoginPage = document.querySelector('.btn-login');
-const btnUserProfile = document.querySelector('.btn-userProfile');
-const btnLogout = document.querySelector('.btn-logout');
+const sender = document.querySelector('.sender');
+let language = localStorage.getItem('lan');
+
 function loginControl() {
   btnLoginPage.style.display = 'block';
-  btnLogout.style.display = 'none';
-  btnUserProfile.style.display = 'none';
 }
 
 loginControl();
@@ -22,8 +20,21 @@ function checkToken() {
 
 checkToken();
 
-$(".sender").click(function () {
 
+$(".sender").click(function () {
+  sender.setAttribute('disabled', '');
+  sender.value = '處理中';
+  if(language == 'en') {
+    sender.value = 'Processing';
+  }
+  setTimeout(function () {
+    sender.removeAttribute('disabled')
+    sender.value = '送出';
+    if(language == 'en') {
+      sender.value = 'Submit';
+    }
+  }, 10000);
+  console.log('clicked')
   var email = $("#in_email").val()
   var url = "https://www.choozmo.com:8887/send_reset_pwd?user_id=-1&email="+email;
 
@@ -34,7 +45,15 @@ $(".sender").click(function () {
 
   xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
-      alert('請察看信箱')
+    let title = '請查看信箱';
+    if(language == 'en') {
+      title = 'Please chek your email box';
+    }
+    Swal.fire({
+      title: title,
+      icon: 'info',
+      confirmButtonColor: '#3085d6',
+    });
    }};
 
 xhr.send();

html/static/scss/style.css

@@ -372,6 +372,10 @@ body {
   background-color: grey;
 }
 
+#msform .sender[disabled] {
+  background-color: grey;
+}
+
 .draft-btn {
   padding: 10px 5px;
   background-color: #d1d1d1;

html/static/scss/style.scss

@@ -349,6 +349,10 @@ body {
 	background-color: grey;
 }
 
+#msform .sender[disabled] {
+	background-color: grey;
+}
+
 .draft-btn {
 	padding: 10px 5px;
 	background-color: rgb(209, 209, 209);