Initial commit: Admin panel
This commit is contained in:
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<div>
|
||||
<p class="mb-6 text-slate-600">به پنل مدیریت استودیو نورو خوش آمدید.</p>
|
||||
|
||||
<div v-if="loading" class="text-slate-500">در حال بارگذاری...</div>
|
||||
|
||||
<div v-else class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
|
||||
<div v-for="stat in stats" :key="stat.label" class="card">
|
||||
<p class="text-3xl font-bold text-brand">{{ stat.value }}</p>
|
||||
<p class="mt-1 text-sm text-slate-600">{{ stat.label }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 grid gap-4 lg:grid-cols-2">
|
||||
<div class="card">
|
||||
<h2 class="mb-4 font-semibold text-slate-800">دسترسی سریع</h2>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<RouterLink :to="{ name: 'site' }" class="btn-secondary">تنظیمات سایت</RouterLink>
|
||||
<RouterLink :to="{ name: 'portfolio-edit' }" class="btn-secondary">نمونهکار جدید</RouterLink>
|
||||
<RouterLink :to="{ name: 'blog-edit' }" class="btn-secondary">مطلب جدید</RouterLink>
|
||||
<RouterLink :to="{ name: 'media' }" class="btn-secondary">آپلود رسانه</RouterLink>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2 class="mb-2 font-semibold text-slate-800">اطلاعات سایت</h2>
|
||||
<p class="text-sm text-slate-600">{{ siteName }}</p>
|
||||
<p class="mt-1 text-sm text-slate-500">{{ siteTagline }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { api } from '@/api/client'
|
||||
|
||||
const loading = ref(true)
|
||||
const siteName = ref('')
|
||||
const siteTagline = ref('')
|
||||
const stats = ref([
|
||||
{ value: '—', label: 'نمونهکار' },
|
||||
{ value: '—', label: 'خدمات' },
|
||||
{ value: '—', label: 'مشتری' },
|
||||
{ value: '—', label: 'مطلب وبلاگ' },
|
||||
])
|
||||
|
||||
onMounted(async () => {
|
||||
try {
|
||||
const [site, projects, services, clients, posts] = await Promise.all([
|
||||
api.getSite(),
|
||||
api.getProjects(),
|
||||
api.getServices(),
|
||||
api.getClients(),
|
||||
api.getBlogPosts(),
|
||||
])
|
||||
siteName.value = site.name || 'استودیو نورو'
|
||||
siteTagline.value = site.tagline || ''
|
||||
stats.value = [
|
||||
{ value: String(projects.length), label: 'نمونهکار' },
|
||||
{ value: String(services.length), label: 'خدمات' },
|
||||
{ value: String(clients.length), label: 'مشتری' },
|
||||
{ value: String(posts.length), label: 'مطلب وبلاگ' },
|
||||
]
|
||||
} catch {
|
||||
// stats stay as dashes
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user