change color theme

pages/antrean/kategori/[id].vue

@@ -22,7 +22,7 @@ const totalItems = ref(0);
 const fetchKategoriInfo = async () => {
     try {
         isLoadingKategori.value = true;
-        const response = await api.get('/kategori');
+        const response = await api.get('/reference/kategori');
         
         if (response.data.success && response.data.data) {
             kategoriInfo.value = response.data.data.find((k: KategoriOperasi) => k.id === parseInt(idKategori));

pages/antrean/list-kategori.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import BaseBreadcrumb from '@/components/shared/BaseBreadcrumb.vue';
 import api from '~/services/api';
-import type { KategoriOperasi } from '~/types/antrean';
+import type { AntreanKategoriOperasi } from '~/types/antrean';
 
 definePageMeta({
   middleware: 'auth'
@@ -21,14 +21,14 @@ const breadcrumbs = ref([
     }
 ]);
 
-const kategoriOperasiList = ref<KategoriOperasi[]>([]);
+const kategoriOperasiList = ref<AntreanKategoriOperasi[]>([]);
 const isLoadingKategori = ref(false);
 
 // Fetch kategori operasi from API
 const fetchKategoriOperasi = async () => {
     try {
         isLoadingKategori.value = true;
-        const response = await api.get('/kategori');
+        const response = await api.get('/dashboard/antrian-per-kategori');
         
         if (response.data.success && response.data.data) {
             kategoriOperasiList.value = response.data.data;
@@ -45,10 +45,6 @@ onMounted(() => {
     fetchKategoriOperasi();
 });
 
-// Function to count antrian by kategori operasi id (static for now)
-const countAntreanByKategori = (idKategoriOperasi: number) => {
-    return 0; // Static count for now
-};
 
 </script>
 <template>
@@ -72,18 +68,18 @@ const countAntreanByKategori = (idKategoriOperasi: number) => {
         <!-- Kategori Cards -->
         <v-col 
             v-for="kategori in kategoriOperasiList" 
-            :key="kategori.id"
+            :key="kategori.id_kategori"
             cols="12"
             md="4"
         >
             <v-card elevation="10" class="h-100">
-                <NuxtLink :to="`/antrean/kategori/${kategori.id}`" style="text-decoration: none; color: inherit;">
+                <NuxtLink :to="`/antrean/kategori/${kategori.id_kategori}`" style="text-decoration: none; color: inherit;">
                     <v-card-item style="cursor: pointer;" class="v-card-item--link">
                         <div class="d-flex align-center justify-space-between">
                             <h5 class="text-h6 font-weight-bold">{{ kategori.kategori }}</h5>
                             <v-icon size="large" color="primary">mdi-chevron-right</v-icon>
                         </div>
-                        <v-chip class="mt-3 mb-0"  color="primary" size="small">{{ countAntreanByKategori(kategori.id) }} Antrean</v-chip>
+                        <v-chip class="mt-3 mb-0"  color="primary" size="small">{{ kategori.jumlah_antrean}} Antrean</v-chip>
                     </v-card-item>
                 </NuxtLink>
             </v-card>

pages/antrean/pendaftaran.vue

@@ -24,10 +24,7 @@ const {
     rencanaOperasiData,
     dokterPelaksanaItems,
     statusPasienData,
-    loading,
-    snackbar,
-    snackbarMessage,
-    snackbarColor
+    loading
 } = storeToRefs(pendaftaranStore);
 
 const form = ref();
@@ -126,8 +123,8 @@ const handleSimpan = async () => {
         const result = await pendaftaranStore.submitForm();
         
         if (result.success) {
-            // Navigate back or to list page
-            // router.push('/antrean/list');
+            // Navigate back immediately, snackbar will persist due to global state
+            router.back();
         }
     } else {
         // Validate using store method
@@ -236,22 +233,4 @@ const handleKembali = () => {
         </v-col>
         </v-row>
     </v-form>
-
-    <!-- Snackbar for notifications -->
-    <v-snackbar
-        v-model="snackbar"
-        :color="snackbarColor"
-        :timeout="3000"
-        location="top"
-    >
-        {{ snackbarMessage }}
-        <template #actions>
-            <v-btn
-                variant="text"
-                @click="pendaftaranStore.closeSnackbar()"
-            >
-                Close
-            </v-btn>
-        </template>
-    </v-snackbar>
 </template>