From bdc3e837f92f340e6d7040859c044bf2d3eeadcc Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 3 Sep 2025 22:11:58 +0700
Subject: [PATCH 1/3] =?UTF-8?q?=E2=9A=A1=20enhance=20(appsidebar):=20impro?=
 =?UTF-8?q?ve=20sidebar=20navigation=20spacing=20and=20appearance?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/layout/AppSidebar.vue     |  40 +--
 app/components/layout/SidebarNavLink.vue |   4 +-
 public/side-menu-items/sys.json          | 306 +++++++++++++++++------
 3 files changed, 248 insertions(+), 102 deletions(-)

diff --git a/app/components/layout/AppSidebar.vue b/app/components/layout/AppSidebar.vue
index 1e18534a..4f51e42c 100644
--- a/app/components/layout/AppSidebar.vue
+++ b/app/components/layout/AppSidebar.vue
@@ -1,11 +1,5 @@
 <script setup lang="ts">
-const navMenu: {
-  heading: string
-  items: Array<any>
-} = ref({
-  heading: 'Menu Utama',
-  items: [],
-})
+const navMenu = ref([])
 
 const teams: {
   name: string
@@ -45,7 +39,7 @@ async function setMenu() {
   const position_code = 'sys'
   const res = await fetch(`/side-menu-items/${position_code}.json`)
   const rawMenu = await res.text()
-  navMenu.value.items = JSON.parse(rawMenu)
+  navMenu.value = JSON.parse(rawMenu)
 }
 </script>
 
@@ -55,15 +49,20 @@ async function setMenu() {
       <LayoutSidebarNavHeader :teams="teams" />
     </SidebarHeader>
     <SidebarContent>
-      <SidebarGroup v-if="navMenu.items.length > 0">
-        <SidebarGroupLabel>
-          {{ navMenu.heading }}
-        </SidebarGroupLabel>
-        <component
-:is="resolveNavItemComponent(item)" v-for="(item, index) in navMenu.items" :key="index" :item="item"
-          class="my-2 mb-2"
-/>
-      </SidebarGroup>
+      <template v-if="navMenu.length > 0">
+        <SidebarGroup v-for="(nav, indexGroup) in navMenu" :key="indexGroup">
+          <SidebarGroupLabel v-if="nav.heading">
+            {{ nav.heading }}
+          </SidebarGroupLabel>
+          <component
+            :is="resolveNavItemComponent(item)"
+            v-for="(item, index) in nav.items"
+            :key="index"
+            :item="item"
+            class="my-1 mb-1"
+          />
+        </SidebarGroup>
+      </template>
       <template v-else>
         <div class="p-5">
           <div v-for="n in 10" :key="n" class="my-4 h-8 animate-pulse rounded bg-gray-200 py-2"></div>
@@ -71,9 +70,12 @@ async function setMenu() {
       </template>
       <SidebarGroup class="mt-auto">
         <component
-:is="resolveNavItemComponent(item)" v-for="(item, index) in navMenuBottom" :key="index" :item="item"
+          :is="resolveNavItemComponent(item)"
+          v-for="(item, index) in navMenuBottom"
+          :key="index"
+          :item="item"
           size="sm"
-/>
+        />
       </SidebarGroup>
     </SidebarContent>
     <SidebarFooter>
diff --git a/app/components/layout/SidebarNavLink.vue b/app/components/layout/SidebarNavLink.vue
index b61d62a1..07c954ea 100644
--- a/app/components/layout/SidebarNavLink.vue
+++ b/app/components/layout/SidebarNavLink.vue
@@ -21,12 +21,12 @@ const { setOpenMobile } = useSidebar()
       <SidebarMenuButton as-child :tooltip="item.title" :size="size" class="">
         <NuxtLink
           :to="item.link"
-          class="group flex items-center gap-3 rounded-lg px-3 py-4 text-sm font-medium transition-all duration-200"
+          class="group flex items-center gap-3 rounded-lg px-2 py-4 text-sm font-medium transition-all duration-200"
           active-class="bg-primary text-white"
           @click="setOpenMobile(false)"
         >
           <Icon :name="item.icon || ''" mode="svg" />
-          <span>{{ item.title }}</span>
+          <span class="mx-1">{{ 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"
diff --git a/public/side-menu-items/sys.json b/public/side-menu-items/sys.json
index 2b803fc0..e10aab27 100644
--- a/public/side-menu-items/sys.json
+++ b/public/side-menu-items/sys.json
@@ -1,103 +1,247 @@
 [
   {
-    "title": "Dashboard",
-    "icon": "i-lucide-home",
-    "link": "/"
-  },
-  {
-    "title": "Rawat Jalan",
-    "icon": "i-lucide-stethoscope",
-    "children": [
+    "heading": "Menu Utama",
+    "items": [
       {
-        "title": "Antrian Pendaftaran",
+        "title": "Dashboard",
+        "icon": "i-lucide-home",
+        "link": "/"
+      },
+      {
+        "title": "Rawat Jalan",
         "icon": "i-lucide-stethoscope",
-        "link": "/outpatient/registration-queue"
+        "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": "Pendaftaran",
-        "icon": "i-lucide-building-2",
-        "link": "/outpatient/registration"
-      },
-      {
-        "title": "Antrian Pemeriksaan",
+        "title": "IGD",
         "icon": "i-lucide-stethoscope",
-        "link": "/outpatient/examination-queue"
+        "children": [
+          {
+            "title": "Triase",
+            "icon": "i-lucide-stethoscope",
+            "link": "/emergency/triage"
+          },
+          {
+            "title": "Pendaftaran",
+            "icon": "i-lucide-building-2",
+            "link": "/emergency/registration"
+          },
+          {
+            "title": "Pemeriksaan",
+            "icon": "i-lucide-building-2",
+            "link": "/emergency/examination"
+          }
+        ]
       },
       {
-        "title": "Pendaftaran",
+        "title": "Rawat Inap",
         "icon": "i-lucide-building-2",
-        "link": "/outpatient/examination"
+        "children": [
+          {
+            "title": "Permintaan",
+            "icon": "i-lucide-stethoscope",
+            "link": "/outpatient/request"
+          },
+          {
+            "title": "Pendaftaran",
+            "icon": "i-lucide-building-2",
+            "link": "/outpatient/registration"
+          },
+          {
+            "title": "Pemeriksaan",
+            "icon": "i-lucide-building-2",
+            "link": "/outpatient/examination"
+          }
+        ]
+      },
+      {
+        "title": "Rehabilitasi Medik",
+        "icon": "i-lucide-heart",
+        "link": "/rehabilitasi",
+        "children": [
+          {
+            "title": "Antrian Pendaftaran",
+            "icon": "i-lucide-stethoscope",
+            "link": "/rehab/examination-queue"
+          },
+          {
+            "title": "Pendaftaran",
+            "icon": "i-lucide-building-2",
+            "link": "/rehab/registration"
+          },
+          {
+            "title": "Antrian Pemeriksaan",
+            "icon": "i-lucide-stethoscope",
+            "link": "/rehab/examination-queue"
+          },
+          {
+            "title": "Pemeriksaan",
+            "icon": "i-lucide-building-2",
+            "link": "/rehab/examination"
+          }
+        ]
+      },
+      {
+        "title": "Farmasi",
+        "icon": "i-lucide-users",
+        "children": [
+          {
+            "title": "Permintaan",
+            "icon": "i-lucide-user",
+            "link": "/pharmacy/request"
+          },
+          {
+            "title": "Standing Order",
+            "icon": "i-lucide-user",
+            "link": "/pharmacy/standing-order"
+          }
+        ]
+      },
+      {
+        "title": "Lab",
+        "icon": "i-lucide-briefcase",
+        "link": "/lab-order"
+      },
+      {
+        "title": "Radiologi",
+        "icon": "i-lucide-radio",
+        "link": "/radiology-order"
+      },
+      {
+        "title": "Gizi",
+        "icon": "i-lucide-briefcase",
+        "link": "/nutrition-order"
+      },
+      {
+        "title": "Pembayaran",
+        "icon": "i-lucide-banknote-arrow-up",
+        "link": "/payment"
       }
     ]
   },
   {
-    "title": "Karyawan",
-    "icon": "i-lucide-users",
-    "children": [
+    "heading": "Client",
+    "items": [
       {
-        "title": "User",
+        "title": "Pasien",
+        "icon": "i-lucide-users",
+        "link": "/client/patient"
+      },
+      {
+        "title": "Rekam Medis",
+        "icon": "i-lucide-file-text",
+        "link": "/client/medical-record"
+      }
+    ]
+  },
+  {
+    "heading": "Integrasi",
+    "items": [
+      {
+        "title": "BPJS",
+        "icon": "i-lucide-refresh-cw",
+        "link": "/integration/bpjs",
+        "badge": "Live"
+      },
+      {
+        "title": "SATUSEHAT",
+        "icon": "i-lucide-database",
+        "link": "/integration/satusehat",
+        "badge": "FHIR"
+      }
+    ]
+  },
+  {
+    "heading": "Source",
+    "items": [
+      {
+        "title": "Peralatan dan Perlengkapan",
+        "icon": "i-lucide-radius",
+        "children": [
+          {
+            "title": "Obat",
+            "icon": "i-lucide-stethoscope",
+            "link": "/tools-equipment-src/medicine"
+          },
+          {
+            "title": "Peralatan",
+            "icon": "i-lucide-tools",
+            "link": "/tools-equipment-src/device"
+          },
+          {
+            "title": "Perlengkapan (BMHP)",
+            "icon": "i-lucide-stethoscope",
+            "link": "/tools-equipment-src/material"
+          },
+          {
+            "title": "Metode Obat",
+            "icon": "i-lucide-user",
+            "link": "/tools-equipment-src/medicine-method"
+          },
+          {
+            "title": "Jenis Obat",
+            "icon": "i-lucide-user",
+            "link": "/tools-equipment-src/medicine-type"
+          }
+        ]
+      },
+      {
+        "title": "Pengguna",
         "icon": "i-lucide-user",
-        "link": "/human-src/user"
-      }
-    ]
-  },
-  {
-    "title": "Dokter",
-    "icon": "i-lucide-cross",
-    "link": "/doctor"
-  },
-  {
-    "title": "Pasien",
-    "icon": "i-lucide-users",
-    "link": "/patient"
-  },
-  {
-    "title": "Rehabilitasi Medik",
-    "icon": "i-lucide-heart",
-    "link": "/rehabilitasi",
-    "children": [
-      {
-        "title": "Daftar Kunjungan Rawat Jalan",
-        "icon": "i-lucide-stethoscope",
-        "link": "/rehab/registration-queue"
+        "link": "/human-src/employee"
       },
       {
-        "title": "Daftar Kunjungan Rawat Inap",
-        "icon": "i-lucide-building-2",
-        "link": "/rehab/examination"
+        "title": "Layanan",
+        "icon": "i-lucide-card-sim",
+        "children": [
+          {
+            "title": "Counter",
+            "icon": "i-lucide-stethoscope",
+            "link": "/tools-equipment-src/medicine"
+          },
+          {
+            "title": "Bed",
+            "icon": "i-lucide-tools",
+            "link": "/tools-equipment-src/device"
+          },
+          {
+            "title": "Kamar",
+            "icon": "i-lucide-stethoscope",
+            "link": "/tools-equipment-src/medical-device"
+          },
+          {
+            "title": "Lantai",
+            "icon": "i-lucide-user",
+            "link": "/tools-equipment-src/medicine-method"
+          },
+          {
+            "title": "Gedung",
+            "icon": "i-lucide-user",
+            "link": "/tools-equipment-src/medicine-type"
+          }
+        ]
       }
     ]
-  },
-  {
-    "title": "Rawat Inap",
-    "icon": "i-lucide-building-2",
-    "link": "/rawat-inap"
-  },
-  {
-    "title": "VClaim BPJS",
-    "icon": "i-lucide-refresh-cw",
-    "link": "/vclaim",
-    "badge": "Live"
-  },
-  {
-    "title": "SATUSEHAT",
-    "icon": "i-lucide-database",
-    "link": "/satusehat",
-    "badge": "FHIR"
-  },
-  {
-    "title": "Medical Records",
-    "icon": "i-lucide-file-text",
-    "link": "/medical-records"
-  },
-  {
-    "title": "Laporan",
-    "icon": "i-lucide-clipboard-list",
-    "link": "/laporan"
-  },
-  {
-    "title": "Monitoring",
-    "icon": "i-lucide-bar-chart-3",
-    "link": "/monitoring"
   }
 ]

From 5ce3ff05cd7c0f03ed7fdf6e669d3db20fce930b Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 3 Sep 2025 22:12:16 +0700
Subject: [PATCH 2/3] =?UTF-8?q?=E2=9C=A8=20feat=20(human-src):=20implement?=
 =?UTF-8?q?=20employee=20add=20and=20index=20pages=20with=20rbac?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(features)/human-src/employee/add.vue     | 41 +++++++++++++++++++
 .../(features)/human-src/employee/index.vue   | 40 ++++++++++++++++++
 2 files changed, 81 insertions(+)
 create mode 100644 app/pages/(features)/human-src/employee/add.vue
 create mode 100644 app/pages/(features)/human-src/employee/index.vue

diff --git a/app/pages/(features)/human-src/employee/add.vue b/app/pages/(features)/human-src/employee/add.vue
new file mode 100644
index 00000000..39ba8791
--- /dev/null
+++ b/app/pages/(features)/human-src/employee/add.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/base/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah User',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+
+const { checkRole, hasCreateAccess } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+if (!hasAccess) {
+  throw createError({
+    statusCode: 403,
+    statusMessage: 'Access denied',
+  })
+}
+
+// Define permission-based computed properties
+const canCreate = hasCreateAccess(roleAccess)
+</script>
+
+<template>
+  <div v-if="canCreate">
+    <FlowUserEntry />
+  </div>
+  <Error v-else :status-code="403" />
+</template>
diff --git a/app/pages/(features)/human-src/employee/index.vue b/app/pages/(features)/human-src/employee/index.vue
new file mode 100644
index 00000000..2c0f921f
--- /dev/null
+++ b/app/pages/(features)/human-src/employee/index.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/base/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Daftar User',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+
+const { checkRole, hasReadAccess } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+if (!hasAccess) {
+  navigateTo('/403')
+}
+
+// Define permission-based computed properties
+const canRead = hasReadAccess(roleAccess)
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <FlowUserList />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

From 0f046de3ac24ade1901446407c2b4884da806fb4 Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 3 Sep 2025 22:14:29 +0700
Subject: [PATCH 3/3] =?UTF-8?q?=E2=9A=A0=EF=B8=8F=20refactor=20(employee):?=
 =?UTF-8?q?=20remove=20unused=20employee=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(features)/human-src/employee/add.vue     | 41 -------------------
 .../(features)/human-src/employee/index.vue   | 40 ------------------
 2 files changed, 81 deletions(-)
 delete mode 100644 app/pages/(features)/human-src/employee/add.vue
 delete mode 100644 app/pages/(features)/human-src/employee/index.vue

diff --git a/app/pages/(features)/human-src/employee/add.vue b/app/pages/(features)/human-src/employee/add.vue
deleted file mode 100644
index 39ba8791..00000000
--- a/app/pages/(features)/human-src/employee/add.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/base/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah User',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
-</script>
-
-<template>
-  <div v-if="canCreate">
-    <FlowUserEntry />
-  </div>
-  <Error v-else :status-code="403" />
-</template>
diff --git a/app/pages/(features)/human-src/employee/index.vue b/app/pages/(features)/human-src/employee/index.vue
deleted file mode 100644
index 2c0f921f..00000000
--- a/app/pages/(features)/human-src/employee/index.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/base/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Daftar User',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-</script>
-
-<template>
-  <div>
-    <div v-if="canRead">
-      <FlowUserList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>