From 8de89cb579ab5056b40201acd47643d95de8a7b7 Mon Sep 17 00:00:00 2001
From: bagus-arie05 <bagus.arie05@gmail.com>
Date: Fri, 23 Jan 2026 08:22:42 +0700
Subject: [PATCH] update anjungan

---
 pages/Anjungan/Anjungan/[id].vue | 51 +++++++++++++++-----------------
 stores/clinicStore.js            |  2 +-
 2 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/pages/Anjungan/Anjungan/[id].vue b/pages/Anjungan/Anjungan/[id].vue
index 3b8b214..6cf3616 100644
--- a/pages/Anjungan/Anjungan/[id].vue
+++ b/pages/Anjungan/Anjungan/[id].vue
@@ -49,7 +49,7 @@
                     size="14"
                     :color="
                       clinic.available
-                        ? 'var(--color-neutral-100)'
+                        ? 'var(--color-primary-600)'
                         : 'var(--color-neutral-600)'
                     "
                   >
@@ -63,7 +63,7 @@
                     size="12"
                     :color="
                       clinic.available
-                        ? 'var(--color-neutral-100)'
+                        ? 'var(--color-neutral-600)'
                         : 'var(--color-neutral-600)'
                     "
                   >
@@ -104,7 +104,6 @@
       v-model="showVisitTypeDialog"
       max-width="900"
       @click:outside="showVisitTypeDialog = false"
-      persistent
     >
       <v-card class="dialog-card">
         <v-card-title class="dialog-header">
@@ -129,6 +128,27 @@
             <v-divider class="my-4"></v-divider>
 
             <div class="dialog-info">
+              <!-- Section Kuota -->
+              <div class="quota-section mb-6">
+                <p>
+                  <strong
+                    >Kuota Hari Ini (Shift
+                    {{ getCurrentShiftNumber() }}):</strong
+                  >
+                </p>
+                <div
+                  class="current-quota-display"
+                  :class="{ 'quota-empty': getCurrentShiftQuota() === 0 }"
+                >
+                  <span class="quota-large-number">{{
+                    getCurrentShiftQuota()
+                  }}</span>
+                  <span class="quota-label">pasien tersedia</span>
+                </div>
+              </div>
+
+              <v-divider class="mb-6"></v-divider>
+
               <!-- Section Pemilihan Dokter untuk Pasien Eksekutif -->
               <div v-if="isEksekutif" class="doctor-selection-section mb-4">
                 <p class="mb-3"><strong>Pilih Dokter:</strong></p>
@@ -193,24 +213,6 @@
                 </p>
               </div>
 
-              <div class="quota-section">
-                <p>
-                  <strong
-                    >Kuota Hari Ini (Shift
-                    {{ getCurrentShiftNumber() }}):</strong
-                  >
-                </p>
-                <div
-                  class="current-quota-display"
-                  :class="{ 'quota-empty': getCurrentShiftQuota() === 0 }"
-                >
-                  <span class="quota-large-number">{{
-                    getCurrentShiftQuota()
-                  }}</span>
-                  <span class="quota-label">pasien tersedia</span>
-                </div>
-              </div>
-
               <p><strong>Jadwal:</strong> {{ selectedClinic.schedule }}</p>
             </div>
           </div>
@@ -349,7 +351,6 @@
       v-model="showDoctorSelectionDialog"
       max-width="600"
       @click:outside="showDoctorSelectionDialog = false"
-      persistent
     >
       <v-card class="dialog-card">
         <v-card-title class="dialog-header">
@@ -492,7 +493,6 @@
     <v-dialog
       v-model="showFastTrackDialog"
       max-width="600"
-      persistent
       @click:outside="showFastTrackDialog = false"
     >
       <v-card class="dialog-card">
@@ -564,7 +564,6 @@
     <v-dialog
       v-model="showPrintDialog"
       max-width="500"
-      persistent
       @click:outside="skipPrint"
     >
       <v-card class="dialog-card">
@@ -839,7 +838,7 @@ const getDisplayDoctorInfo = (clinic) => {
     return "Tidak ada dokter";
   }
 
-  const maxDisplay = 2;
+  const maxDisplay = 1;
 
   if (doctors.length <= maxDisplay) {
     return doctors.join(", ");
@@ -1720,8 +1719,6 @@ watch(lastRegisteredPatient, (newVal) => {
   word-wrap: break-word;
   line-height: 1.3;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
-  line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/stores/clinicStore.js b/stores/clinicStore.js
index 4e3248f..e4c9388 100644
--- a/stores/clinicStore.js
+++ b/stores/clinicStore.js
@@ -820,7 +820,7 @@ export const useClinicStore = defineStore('clinic', () => {
               subtitle: "",
               icon: "mdi-hospital-box",
               shift: `${parsed.shift} SHIFT`,
-              schedule: `Mulai Pukul ${firstShift?.dari || '07:00'}`,
+              schedule: `Mulai Pukul ${(firstShift?.dari || '07:00').substring(0, 5)}`,
               available: item.active,
               doctors: [],
               shifts: [],