@finema/finework-layer 0.2.83 → 0.2.85

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.2.85](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.84...0.2.85) (2025-12-16)
+
+### Bug Fixes
+
+* update PortalApp component to accept is-navbar prop and adjust layout ([c0e1fe9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/c0e1fe9a93e9f49a5d4220108210854615292f8d))
+
+## [0.2.84](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.83...0.2.84) (2025-12-16)
+
+### Features
+
+* update routes for management and finance apps to improve navigation structure ([3d5547e](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/3d5547e3bbf30da023025904cb79362867f88a42))
+
 ## [0.2.83](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.82...0.2.83) (2025-12-16)
 
 ### Features

package/app/components/Layout/Apps.vue

@@ -14,7 +14,7 @@
         class="text-gray-500"
       />
       <template #content>
-        <PortalApp />
+        <PortalApp is-navbar />
       </template>
     </Slideover>
   </div>

package/app/components/PortalApp.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="max-h-[calc(100vh-80px)] overflow-auto bg-white p-5">
+  <div class="max-h-[calc(100vh-130px)] overflow-auto bg-white p-5">
     <div class="mb-5 flex items-center gap-2">
       <img
         src="/icon-finema.png"
@@ -9,14 +9,11 @@
       <div class="text-2xl font-bold">
         Finework Apps
       </div>
-
-      <Button
-        icon="i-heroicons-x-mark-20-solid"
-        variant="ghost"
-        class="ml-auto"
-      />
     </div>
-    <div class="grid gap-5 md:grid-cols-2 lg:grid-cols-3">
+    <div
+      class="grid gap-5"
+      :class="[isNavbar ?`md:grid-cols-2 xl:grid-cols-4` : `md:grid-cols-2 xl:grid-cols-3`]"
+    >
       <div
         v-if="managementApps.length > 0"
         class="space-y-6"
@@ -125,6 +122,10 @@
 </template>
 
 <script lang="ts" setup>
+defineProps<{
+  isNavbar?: boolean
+}>()
+
 const auth = useAuth()
 const managementApps = computed(() => [
   ...(auth.hasPermission(
@@ -184,7 +185,7 @@ const managementApps = computed(() => [
         logo: '/admin/todo.png',
         label: 'TODO',
         description: 'ระบบจัดการงานที่ต้องทำ',
-        to: routes.todo.to,
+        to: routes.todo.dashboard.to,
       },
     ]
     : []),
@@ -210,7 +211,7 @@ const financeApps = computed(() => [
         logo: '/admin/cost-sheet.png',
         label: 'Cost Sheet',
         description: 'รายรับรายจ่ายงบประมาณโครงการ',
-        to: routes.costSheet.to,
+        to: routes.costSheet.overview.to,
       },
     ]
     : []),
@@ -232,7 +233,7 @@ const financeApps = computed(() => [
         logo: '/admin/quotation.png',
         label: 'Quotation',
         description: 'รายรับรายจ่ายงบประมาณโครงการ',
-        to: routes.quotation.to,
+        to: routes.quotation.quotations.home.to,
       },
     ]
     : []),
@@ -246,7 +247,7 @@ const peopleApps = computed(() => [
         logo: '/admin/employee.png',
         label: 'Employee',
         description: 'ระบบจัดการข้อมูลพนักงาน',
-        to: routes.employee.to,
+        to: routes.employee.root.to,
       },
     ]
     : []),
@@ -257,7 +258,7 @@ const peopleApps = computed(() => [
         logo: '/admin/newsletter.png',
         label: 'Newsletter',
         description: 'ระบบจัดการข่าวสาร',
-        to: routes.newsletter.to,
+        to: routes.newsletter.announcement.announcements.to,
       },
     ]
     : []),
@@ -271,7 +272,7 @@ const legalApps = computed(() => [
         logo: '/admin/contract.png',
         label: 'Contract',
         description: 'สร้างและจัดการสัญญา',
-        to: routes.legal.to,
+        to: routes.legal.dashboard.to,
       },
     ]
     : []),

package/app/constants/routes.ts

@@ -83,28 +83,52 @@ export const routes = {
     },
   },
   costSheet: {
-    label: 'Cost Sheet',
-    to: '/cost-sheet/',
+    overview: {
+      label: 'ภาพรวม',
+      to: '/cost-sheet/overview',
+      icon: 'ph:stack',
+    },
   },
   legal: {
-    label: 'Legal',
-    to: '/legal/',
+    dashboard: {
+      label: 'Dashboard',
+      icon: 'ph:house',
+      to: '/legal/dashboard',
+    },
   },
   quotation: {
-    label: 'Quotation',
-    to: '/quotation/',
+    quotations: {
+      home: {
+        label: 'ใบเสนอราคา',
+        to: '/quotation',
+        icon: 'ph:stack',
+        permissions: ['quotation:NONE', 'quotation:USER'],
+      },
+    },
   },
   newsletter: {
-    label: 'Newsletter',
-    to: '/newsletter/',
+    announcement: {
+      announcements: {
+        label: 'รายการประกาศข่าว',
+        to: '/newsletter',
+        icon: 'ph:megaphone',
+        permissions: ['newsletter:USER', 'newsletter:ADMIN', 'newsletter:SUPER'],
+      },
+    },
   },
   todo: {
-    label: 'To Do',
-    to: '/todo/',
+    dashboard: {
+      label: 'Dashboard',
+      icon: 'lucide:layers',
+      to: '/todo',
+    },
   },
   employee: {
-    label: 'Employee',
-    to: '/employee/',
+    root: {
+      label: 'Employee',
+      to: '/employee',
+      icon: 'ph:users',
+    },
   },
 
 } as const

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "0.2.83",
+  "version": "0.2.85",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",