start frant 050228

2026-05-18 20:18:28 +03:30
parent 26e59e03e0
commit cb65e5e601
33 changed files with 1493 additions and 425 deletions
@@ -0,0 +1,70 @@
+<template>
+  <AuthLayout :title="brandTitle" :subtitle="brandSubtitle">
+    <p
+      v-if="error"
+      class="mb-4 rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-400"
+    >
+      {{ error }}
+    </p>
+
+    <form class="mt-auto space-y-4" @submit.prevent="onSubmit">
+      <AppInput
+        id="mobile"
+        v-model="mobile"
+        label="شماره موبایل"
+        type="tel"
+        inputmode="numeric"
+        placeholder="09121234567"
+        autocomplete="tel"
+        ltr
+        required
+      />
+      <AppButton type="submit" :loading="loading">دریافت کد تأیید</AppButton>
+    </form>
+  </AuthLayout>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { requestOtp } from '@/api/auth';
+import { ApiError } from '@/api/client';
+import { getAppMode } from '@/composables/useAppMode';
+import AppButton from '@/components/ui/AppButton.vue';
+import AppInput from '@/components/ui/AppInput.vue';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+
+const router = useRouter();
+const route = useRoute();
+const isAdmin = computed(() => getAppMode() === 'admin' || route.meta.adminAuth === true);
+
+const brandTitle = computed(() => (isAdmin.value ? 'پنل مدیریت' : 'مون‌تایم'));
+const brandSubtitle = computed(() =>
+  isAdmin.value ? 'ورود سوپر ادمین' : 'ورود با شماره موبایل',
+);
+
+const mobile = ref('');
+const loading = ref(false);
+const error = ref('');
+
+async function onSubmit() {
+  error.value = '';
+  loading.value = true;
+  try {
+    const res = await requestOtp(mobile.value.trim());
+    await router.push({
+      name: isAdmin.value ? 'admin-verify' : 'verify',
+      query: {
+        mobile: mobile.value.trim(),
+        expires: String(res.expiresInSeconds),
+        ...(res.otpCode ? { devCode: res.otpCode } : {}),
+      },
+    });
+  } catch (e) {
+    error.value =
+      e instanceof ApiError ? e.message : 'خطا در ارسال درخواست. دوباره تلاش کنید.';
+  } finally {
+    loading.value = false;
+  }
+}
+</script>