From a6558e312b3c66e8c6fcd2fd356293d5dc083392 Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 13 Aug 2025 14:38:31 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20(appsidebar):=20add=20outpat?=
 =?UTF-8?q?ient=20menu=20and=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/layout/AppSidebar.vue          | 33 +++++++++++++++----
 app/components/layout/SidebarNavGroup.vue     | 21 ++++--------
 app/components/layout/SidebarNavLink.vue      |  2 +-
 .../outpatient/examination-queue/index.vue    |  3 ++
 .../outpatient/examination/index.vue          |  3 ++
 .../outpatient/registration-queue/index.vue   |  3 ++
 .../outpatient/registration/index.vue         |  3 ++
 7 files changed, 47 insertions(+), 21 deletions(-)
 create mode 100644 app/pages/(features)/outpatient/examination-queue/index.vue
 create mode 100644 app/pages/(features)/outpatient/examination/index.vue
 create mode 100644 app/pages/(features)/outpatient/registration-queue/index.vue
 create mode 100644 app/pages/(features)/outpatient/registration/index.vue

diff --git a/app/components/layout/AppSidebar.vue b/app/components/layout/AppSidebar.vue
index 599313c7..cc0736da 100644
--- a/app/components/layout/AppSidebar.vue
+++ b/app/components/layout/AppSidebar.vue
@@ -8,6 +8,32 @@ const navMenu: any[] = [
         icon: 'i-lucide-home',
         link: '/',
       },
+      {
+        title: 'Rawat Jalan',
+        icon: 'i-lucide-stethoscope',
+        children: [
+          {
+            title: 'Antrian Pendaftaran',
+            icon: 'i-lucide-stethoscope',
+            link: '/outpatient/registration-queue',
+          },
+          {
+            title: 'Pendaftaran',
+            icon: 'i-lucide-building-2',
+            link: '/outpatient/registration',
+          },
+          {
+            title: 'Antrian Pemeriksaan',
+            icon: 'i-lucide-stethoscope',
+            link: '/outpatient/examination-queue',
+          },
+          {
+            title: 'Pendaftaran',
+            icon: 'i-lucide-building-2',
+            link: '/outpatient/examination',
+          },
+        ],
+      },
       {
         title: 'Pasien',
         icon: 'i-lucide-users',
@@ -18,11 +44,6 @@ const navMenu: any[] = [
         icon: 'i-lucide-heart',
         link: '/rehabilitasi',
       },
-      {
-        title: 'Rawat Jalan',
-        icon: 'i-lucide-stethoscope',
-        link: '/rawat-jalan',
-      },
       {
         title: 'Rawat Inap',
         icon: 'i-lucide-building-2',
@@ -119,7 +140,7 @@ const sidebar = {
           v-for="(item, index) in nav.items"
           :key="index"
           :item="item"
-          class="mb-2"
+          class="my-2 mb-2"
         />
       </SidebarGroup>
       <SidebarGroup class="mt-auto">
diff --git a/app/components/layout/SidebarNavGroup.vue b/app/components/layout/SidebarNavGroup.vue
index e6c74ee6..f9d1a73f 100644
--- a/app/components/layout/SidebarNavGroup.vue
+++ b/app/components/layout/SidebarNavGroup.vue
@@ -24,13 +24,7 @@ const openCollapsible = ref(false)
         <CollapsibleTrigger as-child>
           <SidebarMenuButton :tooltip="item.title" :size="size">
             <Icon :name="item.icon || ''" mode="svg" />
-            <span>{{ item.title }}</span>
-            <span
-              v-if="item.new"
-              class="bg-#adfa1d rounded-md px-1.5 py-0.5 text-xs leading-none text-black no-underline group-hover:no-underline"
-            >
-              New
-            </span>
+            <span class="mx-2">{{ item.title }}</span>
             <Icon
               name="i-lucide-chevron-right"
               class="ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
@@ -41,14 +35,13 @@ const openCollapsible = ref(false)
           <SidebarMenuSub>
             <SidebarMenuSubItem v-for="subItem in item.children" :key="subItem.title">
               <SidebarMenuSubButton as-child>
-                <NuxtLink :to="subItem.link" @click="setOpenMobile(false)">
+                <NuxtLink
+                  :to="subItem.link"
+                  class="mx-4 rounded-lg py-5 text-sm font-medium transition-all duration-200"
+                  active-class="bg-primary text-white"
+                  @click="setOpenMobile(false)"
+                >
                   <span>{{ subItem.title }}</span>
-                  <span
-                    v-if="subItem.new"
-                    class="bg-#adfa1d rounded-md px-1.5 py-0.5 text-xs leading-none text-black no-underline group-hover:no-underline"
-                  >
-                    New
-                  </span>
                 </NuxtLink>
               </SidebarMenuSubButton>
             </SidebarMenuSubItem>
diff --git a/app/components/layout/SidebarNavLink.vue b/app/components/layout/SidebarNavLink.vue
index 55b0d2b5..9a3b873e 100644
--- a/app/components/layout/SidebarNavLink.vue
+++ b/app/components/layout/SidebarNavLink.vue
@@ -21,7 +21,7 @@ const { setOpenMobile } = useSidebar()
       <SidebarMenuButton as-child :tooltip="item.title" :size="size">
         <NuxtLink
           :to="item.link"
-          class="group flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200"
+          class="group flex items-center gap-3 rounded-lg px-3 py-3 text-sm font-medium transition-all duration-200"
           active-class="bg-primary text-white"
           @click="setOpenMobile(false)"
         >
diff --git a/app/pages/(features)/outpatient/examination-queue/index.vue b/app/pages/(features)/outpatient/examination-queue/index.vue
new file mode 100644
index 00000000..8616dd19
--- /dev/null
+++ b/app/pages/(features)/outpatient/examination-queue/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Examination Queue</div>
+</template>
diff --git a/app/pages/(features)/outpatient/examination/index.vue b/app/pages/(features)/outpatient/examination/index.vue
new file mode 100644
index 00000000..806b2650
--- /dev/null
+++ b/app/pages/(features)/outpatient/examination/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Examination</div>
+</template>
diff --git a/app/pages/(features)/outpatient/registration-queue/index.vue b/app/pages/(features)/outpatient/registration-queue/index.vue
new file mode 100644
index 00000000..053b5233
--- /dev/null
+++ b/app/pages/(features)/outpatient/registration-queue/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Registration Queue</div>
+</template>
diff --git a/app/pages/(features)/outpatient/registration/index.vue b/app/pages/(features)/outpatient/registration/index.vue
new file mode 100644
index 00000000..90430b84
--- /dev/null
+++ b/app/pages/(features)/outpatient/registration/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>Registration</div>
+</template>