feat: initial panel (Vue + Tailwind)

This commit is contained in:
2026-05-18 21:30:37 +03:30
parent 3f9d91d4bf
commit 3df62f9c6e
30 changed files with 115 additions and 279 deletions
-12
View File
@@ -1,12 +0,0 @@
<template>
<AdminLayout>
<h1 class="text-xl font-bold text-text">کسب‌وکارها</h1>
<div class="mt-4 rounded-2xl border border-dashed border-border bg-surface-2 p-6 text-center text-sm text-muted">
به‌زودی — CRUD کسب‌وکار و واگذاری مدیر
</div>
</AdminLayout>
</template>
<script setup lang="ts">
import AdminLayout from '@/layouts/AdminLayout.vue';
</script>
-20
View File
@@ -1,20 +0,0 @@
<template>
<AdminLayout>
<h1 class="text-xl font-bold text-text">داشبورد مدیریت</h1>
<p class="mt-2 text-sm text-muted">فقط سوپر ادمین — adm.montime.ir</p>
<div class="mt-6 grid gap-3 sm:grid-cols-2">
<div class="rounded-2xl border border-border bg-surface-2 p-4">
<p class="text-xs text-muted">کسب‌وکارها</p>
<p class="mt-1 text-2xl font-bold text-text">—</p>
</div>
<div class="rounded-2xl border border-border bg-surface-2 p-4">
<p class="text-xs text-muted">کاربران</p>
<p class="mt-1 text-2xl font-bold text-text">—</p>
</div>
</div>
</AdminLayout>
</template>
<script setup lang="ts">
import AdminLayout from '@/layouts/AdminLayout.vue';
</script>
-12
View File
@@ -1,12 +0,0 @@
<template>
<AdminLayout>
<h1 class="text-xl font-bold text-text">کاربران</h1>
<div class="mt-4 rounded-2xl border border-dashed border-border bg-surface-2 p-6 text-center text-sm text-muted">
به‌زودی
</div>
</AdminLayout>
</template>
<script setup lang="ts">
import AdminLayout from '@/layouts/AdminLayout.vue';
</script>
+4 -13
View File
@@ -1,5 +1,5 @@
<template>
<AuthLayout :title="brandTitle" :subtitle="brandSubtitle">
<AuthLayout title="مون‌تایم" subtitle="ورود با شماره موبایل">
<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"
@@ -25,24 +25,15 @@
</template>
<script setup lang="ts">
import { computed, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { ref } from 'vue';
import { 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('');
@@ -53,7 +44,7 @@ async function onSubmit() {
try {
const res = await requestOtp(mobile.value.trim());
await router.push({
name: isAdmin.value ? 'admin-verify' : 'verify',
name: 'verify',
query: {
mobile: mobile.value.trim(),
expires: String(res.expiresInSeconds),
+3 -26
View File
@@ -32,21 +32,11 @@
<p v-if="secondsLeft > 0" class="mt-4 text-center text-sm text-muted">
ارسال مجدد تا {{ secondsLeft }} ثانیه
</p>
<AppButton
v-else
variant="ghost"
class="mt-2"
:loading="resendLoading"
@click="resend"
>
<AppButton v-else variant="ghost" class="mt-2" :loading="resendLoading" @click="resend">
ارسال مجدد کد
</AppButton>
<AppButton
variant="ghost"
class="mt-2"
@click="router.push({ name: isAdmin ? 'admin-login' : 'login' })"
>
<AppButton variant="ghost" class="mt-2" @click="router.push({ name: 'login' })">
تغییر شماره موبایل
</AppButton>
</AuthLayout>
@@ -57,7 +47,6 @@ import { computed, onMounted, onUnmounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { requestOtp, verifyOtp } 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';
@@ -66,7 +55,6 @@ import { useAuthStore } from '@/stores/auth';
const route = useRoute();
const router = useRouter();
const auth = useAuthStore();
const isAdmin = computed(() => getAppMode() === 'admin' || route.meta.adminAuth === true);
const mobile = computed(() => String(route.query.mobile ?? ''));
const devCode = computed(() => route.query.devCode as string | undefined);
@@ -80,7 +68,7 @@ let timer: ReturnType<typeof setInterval> | null = null;
onMounted(() => {
if (!mobile.value) {
router.replace({ name: isAdmin.value ? 'admin-login' : 'login' });
router.replace({ name: 'login' });
return;
}
timer = setInterval(() => {
@@ -98,17 +86,6 @@ async function onSubmit() {
try {
const res = await verifyOtp(mobile.value, code.value.trim());
auth.setSession(res.accessToken, res.user);
if (isAdmin.value) {
if (!auth.isAdmin) {
auth.logout();
error.value = 'دسترسی ادمین ندارید.';
return;
}
await router.replace({ name: 'admin-home' });
return;
}
await router.replace({ name: 'app-home' });
} catch (e) {
error.value =