chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

login with api

Browse source
This commit is contained in:
Missez 2026-01-14 13:58:25 +07:00
parent d8a9909eb9
commit ff5b189b2f
16 changed files with 1241 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

73
frontend_management/pages/admin/index.vue
View file

@ -1,7 +1,59 @@
<template>
<div>
<h1 class="text-3xl font-bold mb-6">Dashboard</h1>
<p class="text-gray-600 mb-8">ยินดีต้อนรับ, {{ authStore.user?.fullName }}</p>
<!-- Header -->
<div class="mb-8">
<div class="flex justify-between items-center">
<div>
<h1 class="text-2xl font-bold text-gray-900">
สวัสดี, {{ authStore.user?.fullName || 'ผู้ดูแลระบบ' }}
</h1>
<p class="text-gray-600 mt-2">ยินดีต้อนรับกลับสู่ระบบ</p>
</div>
<div class="flex items-center gap-4">
<div class="text-right">
<div class="text-sm font-semibold text-gray-900">{{ authStore.user?.fullName || 'ผู้ดูแลระบบ' }}</div>
<div class="text-xs text-gray-500">{{ authStore.user?.role || 'ADMIN' }}</div>
</div>
<div
class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center text-2xl cursor-pointer hover:bg-primary-200 transition"
>
👨‍💼
<q-menu>
<q-list style="min-width: 200px">
<!-- User Info Header -->
<q-item class="bg-primary-50">
<q-item-section>
<q-item-label class="text-weight-bold">{{ authStore.user?.fullName }}</q-item-label>
<q-item-label caption>{{ authStore.user?.email }}</q-item-label>
</q-item-section>
</q-item>
<q-separator />
<!-- Profile -->
<q-item clickable v-close-popup @click="goToProfile">
<q-item-section avatar>
<q-icon name="person" />
</q-item-section>
<q-item-section>โปรไฟล์</q-item-section>
</q-item>
<q-separator />
<!-- Logout -->
<q-item clickable v-close-popup @click="handleLogout">
<q-item-section avatar>
<q-icon name="logout" color="negative" />
</q-item-section>
<q-item-section class="text-negative">ออกจากระบบ</q-item-section>
</q-item>
</q-list>
</q-menu>
</div>
</div>
</div>
</div>
<!-- Stats Cards -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div class="card">
@ -28,7 +80,6 @@
<p class="text-gray-600 text-sm">เรียนจบแล้ว</p>
<p class="text-3xl font-bold text-accent-500">45</p>
</div>
<q-icon name="emoji_events" size="48px" class="text-accent-200" />
</div>
</div>
</div>
@ -52,8 +103,20 @@
</template>
<script setup lang="ts">
definePageMeta({
layout: 'instructor',
middleware: 'instructor'
layout: 'admin',
middleware: 'auth'
});
const authStore = useAuthStore();
const router = useRouter();
// Navigation functions
const goToProfile = () => {
router.push('/admin/profile');
};
const handleLogout = () => {
authStore.logout();
router.push('/login');
};
</script>