@finema/finework-layer 0.2.87 → 0.2.88

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [0.2.88](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.87...0.2.88) (2025-12-17)
+
+### Bug Fixes
+
+* portalapp ([f267603](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/f2676038b1aaf443ff5111cacfbf2e348e3f98eb))
+
 ## [0.2.87](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.86...0.2.87) (2025-12-17)
 
 ## [0.2.86](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.85...0.2.86) (2025-12-16)

package/app/components/PortalApp.vue

@@ -29,8 +29,19 @@
           v-for="app in managementApps"
           :key="app.name"
           :to="app.to"
-          class="flex items-center gap-3 rounded-lg bg-gray-100 px-2.5 py-[15px]"
+          :class="[
+            'relative flex items-center gap-3 rounded-lg px-2.5 py-[15px]',
+            app.status === 'developing'
+              ? 'cursor-not-allowed bg-gray-200 opacity-60'
+              : 'bg-gray-100',
+          ]"
         >
+          <div
+            v-if="app.status === 'developing'"
+            class="absolute top-2 right-2 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-semibold text-orange-600"
+          >
+            กำลังพัฒนา
+          </div>
           <img
             :src="app.logo"
             :alt="app.label"
@@ -50,13 +61,24 @@
         <div class="text-lg font-bold text-gray-600">
           Finance
         </div>
-
         <NuxtLink
           v-for="app in financeApps"
           :key="app.name"
           :to="app.to"
-          class="flex items-center gap-3 rounded-lg bg-gray-100 px-2.5 py-[15px]"
+          :class="[
+            'relative flex items-center gap-3 rounded-lg px-2.5 py-[15px]',
+            app.status === 'developing'
+              ? 'cursor-not-allowed bg-gray-200 opacity-60'
+              : 'bg-gray-100',
+          ]"
         >
+          <div
+            v-if="app.status === 'developing'"
+            class="absolute top-2 right-2 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-semibold text-orange-600"
+          >
+            กำลังพัฒนา
+          </div>
+
           <img
             :src="app.logo"
             :alt="app.label"
@@ -81,8 +103,19 @@
           v-for="app in peopleApps"
           :key="app.name"
           :to="app.to"
-          class="flex items-center gap-3 rounded-lg bg-gray-100 px-2.5 py-[15px]"
+          :class="[
+            'relative flex items-center gap-3 rounded-lg px-2.5 py-[15px]',
+            app.status === 'developing'
+              ? 'cursor-not-allowed bg-gray-200 opacity-60'
+              : 'bg-gray-100',
+          ]"
         >
+          <div
+            v-if="app.status === 'developing'"
+            class="absolute top-2 right-2 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-semibold text-orange-600"
+          >
+            กำลังพัฒนา
+          </div>
           <img
             :src="app.logo"
             :alt="app.label"
@@ -107,8 +140,19 @@
           v-for="app in legalApps"
           :key="app.name"
           :to="app.to"
-          class="flex items-center gap-3 rounded-lg bg-gray-100 px-2.5 py-[15px]"
+          :class="[
+            'relative flex items-center gap-3 rounded-lg px-2.5 py-[15px]',
+            app.status === 'developing'
+              ? 'cursor-not-allowed bg-gray-200 opacity-60'
+              : 'bg-gray-100',
+          ]"
         >
+          <div
+            v-if="app.status === 'developing'"
+            class="absolute top-2 right-2 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-semibold text-orange-600"
+          >
+            กำลังพัฒนา
+          </div>
           <img
             :src="app.logo"
             :alt="app.label"
@@ -130,6 +174,10 @@ defineProps<{
 }>()
 
 const auth = useAuth()
+const enum StatusPortal {
+  ACTIVE = 'active',
+  DEVELOPING = 'developing',
+}
 const managementApps = computed(() => [
   ...(auth.hasPermission(
     UserModule.PMO,
@@ -144,20 +192,18 @@ const managementApps = computed(() => [
         label: 'PMO',
         description: 'จัดระเบียบและบริหารโครงการของคุณ',
         to: routes.pmo.project.projects.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
-  // ...(auth.hasPermission(UserModule.REQUEST, Permission.USER)
-  //   ? [
-  //     {
-  //       name: 'request',
-  //       logo: '/admin/request-admin.png',
-  //       label: 'Requests',
-  //       description: 'จัดการคำขอ',
-  //       to: '',
-  //     },
-  //   ]
-  //   : []),
+  {
+    name: 'Requests',
+    logo: '/admin/request-admin.png',
+    label: 'Requests',
+    description: 'จัดการคำขอ',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
   ...(auth.hasPermission(UserModule.CHECKIN, Permission.ADMIN)
     ? [
       {
@@ -166,6 +212,7 @@ const managementApps = computed(() => [
         label: 'Clock-in Report',
         description: 'รายงานการลงเวลา',
         to: routes.adminClockin.checkinDashboard.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
@@ -178,6 +225,7 @@ const managementApps = computed(() => [
         label: 'Timesheet Report',
         description: 'รายงานการบันทึกข้อมูลไทม์ชีท',
         to: routes.adminTimesheet.summaryReport.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
@@ -189,6 +237,7 @@ const managementApps = computed(() => [
         label: 'TODO',
         description: 'ระบบจัดการงานที่ต้องทำ',
         to: routes.todo.dashboard.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
@@ -196,17 +245,16 @@ const managementApps = computed(() => [
 ])
 
 const financeApps = computed(() => [
-  // ...(auth.hasPermission(UserModule.EFACTORING, Permission.USER)
-  //   ? [
-  //     {
-  //       name: 'eFactoring',
-  //       logo: '/admin/efactoring.png',
-  //       label: 'eFactoring',
-  //       description: 'การเบิกเงินหมุนเวียนกับธนาคาร',
-  //       to: routes.costSheet.overview.to,
-  //     },
-  //   ]
-  //   : []),
+
+  {
+    name: 'eFactoring',
+    logo: '/admin/efactoring.png',
+    label: 'eFactoring',
+    description: 'การเบิกเงินหมุนเวียนกับธนาคาร',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
+
   ...(auth.hasPermission(UserModule.COSTSHEET, Permission.USER, Permission.ADMIN)
     ? [
       {
@@ -215,20 +263,20 @@ const financeApps = computed(() => [
         label: 'Cost Sheet',
         description: 'รายรับรายจ่ายงบประมาณโครงการ',
         to: routes.costSheet.overview.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
-  // ...(auth.hasPermission(UserModule.COSTSHEET, Permission.USER)
-  //   ? [
-  //     {
-  //       name: 'Guarantee',
-  //       logo: '/admin/cost-sheet.png',
-  //       label: 'งบค้ำประกัน',
-  //       description: 'การเบิกเงินค้ำซองและค้ำสัญญากับธนาคาร',
-  //       to: routes.costSheet.overview.to,
-  //     },
-  //   ]
-  //   : []),
+
+  {
+    name: 'Guarantee',
+    logo: '/admin/cost-sheet.png',
+    label: 'งบค้ำประกัน',
+    description: 'การเบิกเงินค้ำซองและค้ำสัญญากับธนาคาร',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
+
   ...(auth.hasPermission(UserModule.QUOTATION, Permission.USER, Permission.ADMIN)
     ? [
       {
@@ -237,6 +285,7 @@ const financeApps = computed(() => [
         label: 'Quotation',
         description: 'รายรับรายจ่ายงบประมาณโครงการ',
         to: routes.quotation.quotations.home.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
@@ -251,6 +300,7 @@ const peopleApps = computed(() => [
         label: 'Employee',
         description: 'ระบบจัดการข้อมูลพนักงาน',
         to: routes.employee.root.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
@@ -262,9 +312,34 @@ const peopleApps = computed(() => [
         label: 'Newsletter',
         description: 'ระบบจัดการข่าวสาร',
         to: routes.newsletter.announcement.announcements.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),
+  {
+    name: 'Evaluation',
+    logo: '/admin/evaluation.png',
+    label: 'Evaluation',
+    description: 'ระบบจัดการการประเมิน',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
+  {
+    name: 'Recruit',
+    logo: '/admin/recruit.png',
+    label: 'Recruit',
+    description: 'ระบบการสรรหาบุคลากร',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
+  {
+    name: 'Assets',
+    logo: '/admin/assets.png',
+    label: 'Assets',
+    description: 'ระบบจัดการสินทรัพย์',
+    to: '/',
+    status: StatusPortal.DEVELOPING,
+  },
 ])
 
 const legalApps = computed(() => [
@@ -276,6 +351,7 @@ const legalApps = computed(() => [
         label: 'Contract',
         description: 'สร้างและจัดการสัญญา',
         to: routes.legal.dashboard.to,
+        status: StatusPortal.ACTIVE,
       },
     ]
     : []),

package/package.json

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