refactor: handle role can approve invoice

src/pages/05_quotation/QuotationForm.vue

@@ -76,6 +76,7 @@ import { api } from 'src/boot/axios';
 import { RouterLink, useRoute } from 'vue-router';
 import { initLang, initTheme, Lang } from 'src/utils/ui';
 import { convertTemplate } from 'src/utils/string-template';
+import { getRole } from 'src/services/keycloak';
 
 type Node = {
   [key: string]: any;
@@ -211,6 +212,17 @@ const attachmentData = ref<
     url?: string;
   }[]
 >([]);
+const hideBtnApproveInvoice = computed(() => {
+  const role = getRole();
+  const allowedRoles = [
+    'system',
+    'head_of_admin',
+    'admin',
+    'head_of_accountant',
+    'accountant',
+  ];
+  return !role || !role.some((r) => allowedRoles.includes(r));
+});
 
 const getToolbarConfig = computed(() => {
   const toolbar = [['left', 'center', 'justify'], ['toggle'], ['clip']];
@@ -2317,6 +2329,7 @@ function covertToNode() {
           "
         >
           <MainButton
+            v-if="!hideBtnApproveInvoice"
             solid
             icon="mdi-account-multiple-check-outline"
             color="207 96% 32%"