From eb5be2d8cc2df326e6a5a0965ace6bc572e98a52 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 7 Dec 2023 14:55:34 +0700
Subject: [PATCH 1/2] fix: keycloak config not found on access other path

---
 Services/client/src/services/KeyCloakService.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Services/client/src/services/KeyCloakService.ts b/Services/client/src/services/KeyCloakService.ts
index e16335e..8c7ce11 100644
--- a/Services/client/src/services/KeyCloakService.ts
+++ b/Services/client/src/services/KeyCloakService.ts
@@ -1,6 +1,6 @@
 import Keycloak from 'keycloak-js'
 
-const keycloak = new Keycloak()
+const keycloak = new Keycloak('/keycloak.json')
 
 export async function login(cb?: (...args: any[]) => void) {
   const auth = await keycloak

From f4c5757a1dd68ad0318803e4c562898f1f53c0e0 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Thu, 7 Dec 2023 15:06:02 +0700
Subject: [PATCH 2/2] feat: stats and action button admin only

---
 Services/client/src/components/FileItem.vue | 23 +++++++++++----------
 Services/client/src/components/ListView.vue |  4 ++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/Services/client/src/components/FileItem.vue b/Services/client/src/components/FileItem.vue
index 56f39cd..62b922b 100644
--- a/Services/client/src/components/FileItem.vue
+++ b/Services/client/src/components/FileItem.vue
@@ -17,7 +17,7 @@ const props = withDefaults(
     action: false,
   },
 )
-const DEPT_NAME = ['ตู้เอกสาร', 'ลิ้นชัก', 'แฟ้ม', 'แฟ้ม'] as const
+const DEPT_NAME = ['ตู้เอกสาร', 'ลิ้นชัก', 'แฟ้ม', 'แฟ้มย่อย'] as const
 const { getFileInfo } = useFileInfoStore()
 const { currentFolder, currentFile, currentDept, currentPath } =
   storeToRefs(useTreeDataStore())
@@ -183,10 +183,10 @@ async function submitFileForm(
 
 <template>
   <div class="text-h6 q-mt-md" v-if="currentDept > 2">
-    <div class="flex justify-between">
-      {{ DEPT_NAME[currentDept] }}
+    <div class="flex justify-between items-center">
+      <div>{{ DEPT_NAME[currentDept] }}</div>
       <q-btn
-        v-if="currentDept != 4"
+        v-if="currentDept != 4 && action"
         outline
         push
         class="q-px-md q-ml-md"
@@ -298,16 +298,18 @@ async function submitFileForm(
       </div>
     </div>
   </div>
-  <div
-    style="grid-column: 1 / span 5"
-    class="text-h6 q-mt-md"
-    v-if="currentDept > 2"
-  >
+  <div style="grid-column: 1 / span 5" class="q-mt-md" v-if="currentDept > 2">
     <div class="flex justify-between">
-      เอกสาร
+      <div>
+        <span class="text-h6 q-mr-md">เอกสาร</span>
+        <span class="text-body text-grey"
+          >จำนวน {{ currentFile.length }} รายการ</span
+        >
+      </div>
       <q-btn
         outline
         push
+        v-if="action"
         class="q-px-md q-ml-md"
         label="สร้างเอกสาร"
         type="submit"
@@ -509,5 +511,4 @@ async function submitFileForm(
 .grid .box {
   position: relative;
 }
-
 </style>
diff --git a/Services/client/src/components/ListView.vue b/Services/client/src/components/ListView.vue
index 7e88505..a5e917b 100644
--- a/Services/client/src/components/ListView.vue
+++ b/Services/client/src/components/ListView.vue
@@ -290,7 +290,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
         :rows="listDataFolder"
         :columns="columnsFolder"
         :pagination="{
-          rowsPerPage: 0,
+          rowsPerPage: 20,
         }"
         @row-click="onRowClick"
         row-key="name"
@@ -395,7 +395,7 @@ const onRowClick = (evt: Event, row: TreeDataFolder, index: number) => {
         :columns="columnsFile"
         row-key="name"
         :pagination="{
-          rowsPerPage: 0,
+          rowsPerPage: 20,
         }"
         class="cursor"
       >