From 01ebe2c0b8830cc83157c71b03bb941f9ef58ca5 Mon Sep 17 00:00:00 2001
From: mi1468 <mahdi1468@gmail.com>
Date: Sat, 17 May 2025 15:59:45 +0330
Subject: [PATCH] added sms verification

---
 xroom-dashboard/src/components/Header.vue     |   2 +-
 xroom-dashboard/src/pages/ResetPassword.vue   |   2 +-
 xroom-dashboard/src/pages/SignupPage.vue      |   5 +
 xroom-dashboard/src/pages/SmsVerification.vue | 124 +++++++++++++-----
 xroom-dashboard/src/router/index.js           |  13 +-
 5 files changed, 105 insertions(+), 41 deletions(-)

diff --git a/xroom-dashboard/src/components/Header.vue b/xroom-dashboard/src/components/Header.vue
index 1b795df..0d8de80 100644
--- a/xroom-dashboard/src/components/Header.vue
+++ b/xroom-dashboard/src/components/Header.vue
@@ -81,7 +81,7 @@ export default {
     logout() {
       localStorage.removeItem('user');
       localStorage.removeItem('token');
-      window.location.href = '/login';
+      window.location.href = '/';
     },
     closeDropdown(event) {
       if (!this.$el.contains(event.target)) {
diff --git a/xroom-dashboard/src/pages/ResetPassword.vue b/xroom-dashboard/src/pages/ResetPassword.vue
index 2e1df2a..e4eb08b 100644
--- a/xroom-dashboard/src/pages/ResetPassword.vue
+++ b/xroom-dashboard/src/pages/ResetPassword.vue
@@ -102,7 +102,7 @@ export default {
         });
         if (response.data.success) {
           alert('رمز عبور با موفقیت بازنشانی شد.');
-          this.$router.push('/login');
+          this.$router.push('/');
         }
       } catch (error) {
         console.error('Error resetting password:', error);
diff --git a/xroom-dashboard/src/pages/SignupPage.vue b/xroom-dashboard/src/pages/SignupPage.vue
index 4d99e2f..6140bc4 100644
--- a/xroom-dashboard/src/pages/SignupPage.vue
+++ b/xroom-dashboard/src/pages/SignupPage.vue
@@ -79,6 +79,11 @@ export default {
       try {
         const response = await axios.post('http://194.62.43.230:8000/signup', signupData);
         console.log('Signup success:', response.data);
+        const token = response.data.token;
+      
+
+        localStorage.setItem('token', token);
+    
         // Redirect to login page upon successful signup
         this.$router.push('/');
       } catch (error) {
diff --git a/xroom-dashboard/src/pages/SmsVerification.vue b/xroom-dashboard/src/pages/SmsVerification.vue
index a92a25e..2ad0410 100644
--- a/xroom-dashboard/src/pages/SmsVerification.vue
+++ b/xroom-dashboard/src/pages/SmsVerification.vue
@@ -10,9 +10,21 @@
         پیامکی شامل کد تایید به موبایل شما ارسال شده است. 
       </h5>
 
-       <button type="submit" style="margin-bottom: 35px;" class="submit-btn" @click="sendSms">
-          ارسال  مجدد کد
-        </button>
+      <button
+        type="button"
+        class="submit-btn"
+        style="margin-bottom: 35px;"
+        :disabled="isButtonDisabled"
+        @click="sendSms"
+      >
+        <span v-if="isButtonDisabled">
+          ارسال مجدد کد ({{ Math.floor(countdown / 60) }}:{{ String(countdown % 60).padStart(2, '0') }})
+        </span>
+        <span v-else>
+          ارسال مجدد کد
+        </span>
+      </button>
+
 
       <!-- Step 1: Mobile Number Input -->
       <!-- <form v-if="!codeSent" @submit.prevent="requestResetCode">
@@ -59,7 +71,8 @@
 
 
 <script>
-import apiClient from '@/api/axios'; // Adjust the path based on your project structure
+// import apiClient from '@/api/axios'; // Adjust the path based on your project structure
+import axios from '@/axios';
 
 export default {
   data() {
@@ -70,42 +83,93 @@ export default {
         password: '',
       },
       codeSent: false, // Tracks if the code has been sent
+
+      
+      isButtonDisabled: false,
+      countdown: 120, // in seconds (2 minutes)
+      countdownInterval: null,
     };
   },
+  mounted() {
+        const token = localStorage.getItem('token');
+        if (!token) {
+          window.location.reload();
+        } else {
+          this.sendSms(); // Automatically call sendSms on mount
+        }
+  },
   methods: {
     async sendSms() {
-      try {
-          const token = localStorage.getItem('token');
-         
-        const response = await apiClient.get('/sendSmsVerification', {
-          // mobile_number: this.form.mobileNumber,
-        }, {
-            'Authorization': `Token ${token}`,
-            'Content-Type': 'multipart/form-data'
-          });
-      //  const response =     await axios.post(uploadUrl, formData, {
-      //     headers: {
-      //       'Authorization': `Token ${token}`,
-      //       'Content-Type': 'multipart/form-data'
-      //     }
-      //   });
+  try {
+    const token = localStorage.getItem('token');
 
-        if (response.data.success) {
-          this.codeSent = true;
-          alert('کد تأیید به شماره موبایل شما ارسال شد.');
-        }
-      } catch (error) {
-        console.error('Error requesting reset code:', error);
-        alert('خطا در ارسال کد تأیید. لطفاً دوباره تلاش کنید.');
+    const response = await axios.get('/sendSmsVerification', {
+      headers: {
+        'Authorization': `Token ${token}`,
+        'Content-Type': 'multipart/form-data',
+      },
+    });
+
+    if (response.status == 200) {
+      this.codeSent = true;
+      alert('کد تأیید به شماره موبایل شما ارسال شد.');
+      this.startCountdown(); // Start countdown when code is sent
+    }
+  } catch (error) {
+    console.error('Error requesting reset code:', error);
+    alert('خطا در ارسال کد تأیید. لطفاً دوباره تلاش کنید.');
+  }
+},
+
+
+ startCountdown() {
+    this.isButtonDisabled = true;
+    this.countdown = 120; // Reset to 2 minutes
+
+    if (this.countdownInterval) {
+      clearInterval(this.countdownInterval);
+    }
+
+    this.countdownInterval = setInterval(() => {
+      if (this.countdown > 0) {
+        this.countdown--;
+      } else {
+        this.isButtonDisabled = false;
+        clearInterval(this.countdownInterval);
       }
-    },
+    }, 1000);
+  },
+
     async submitSmsVerification() {
       try {
-        const response = await apiClient.post('/submitSmsVerification', {
+      const token = localStorage.getItem('token');
+
+
+
+       
+      
+
+
+          const response =     await axios.post('/submitSmsVerification', 
+          {
+                verification_sms_code: this.form.code,
+         
+          }, {headers:  {
           
-          verification_sms_code: this.form.code,
+   'Authorization': `Token ${token}`,
+            'Content-Type': 'multipart/form-data'
+      
         
-        });
+        }
+        }
+        );
+
+        // const response = await apiClient.post('/submitSmsVerification', {
+          
+
+        //   verification_sms_code: this.form.code,
+        
+        // });
         if (response.status == 200) {
           alert('رمز عبور با موفقیت بازنشانی شد.');
           this.$router.push('/dashboard');
diff --git a/xroom-dashboard/src/router/index.js b/xroom-dashboard/src/router/index.js
index e3cec06..39d9b9b 100644
--- a/xroom-dashboard/src/router/index.js
+++ b/xroom-dashboard/src/router/index.js
@@ -13,12 +13,7 @@ const routes = [
     path: '/signup',
     name: 'SignupPage',
     component: SignupPage
-  },
-  {
-    path: '/login',
-    name: 'LoginPage',
-    component: LoginPage
-  },
+  }, 
   {
     path: '/',
     name: 'LoginPage',
@@ -90,7 +85,7 @@ router.beforeEach(async (to, from, next) => {
   
   // If route requires auth but no token, redirect to login
   if (requiresAuth && !token) {
-    return next('/login');
+    return next('/');
   }
   
   // If we have a token and it's an auth route, verify it
@@ -109,7 +104,7 @@ router.beforeEach(async (to, from, next) => {
       localStorage.setItem('baseUrl','http://194.62.43.230:8000');
       
       // If trying to access login page while authenticated, redirect to dashboard
-      if (to.path === '/login') {
+      if (to.path === '/') {
         return next('/dashboard');
       }
       
@@ -130,7 +125,7 @@ router.beforeEach(async (to, from, next) => {
       localStorage.removeItem('token');
       localStorage.removeItem('user');
       localStorage.removeItem('customer');
-      return next('/login');
+      return next('/');
     }
   }