Merge branch 'cobaTampilan' of https://git.rssa.top/dwi.firman/cobaKeuangan into keycloak

# Conflicts:
#	components/Master/DialogModal.vue
#	pages/Setting/typeUser/index.vue

pages/Setting/typeUser/index.vue

@@ -3,7 +3,7 @@
 // import typeUser from "@/data/dummy/keuangan.type_user.json";
 import role_menu from "@/data/dummy/keuangan.role_menu.json";
 import menu from "@/data/dummy/keuangan.menu.json";
-import {ref} from "vue";
+import { ref } from "vue";
 
 const typeUser  = ref<any[]>([]);
 $fetch("/api/setting/getTipeUser").then((res) => {
@@ -18,17 +18,20 @@ const detailType = (item) => {
   console.log(item); //simpan pinia
   navigateTo(`/Setting/typeUser/HakAkses`);
 };
-const dialog = ref(false);
-
+// const dialog = ref(false);
+// const detail = ref(false);
 </script>
 <!-- ini list -->
 <template>
+  <div class="d-flex pt-6 align-center justify-end">
+        <v-btn class="mr-16" color="primary" variant="tonal" @click="state= !state"><v-icon>mdi-plus</v-icon> Tipe User</v-btn>
+  </div>
   <v-row no-gutters>
     <v-col cols="12" md="4">
       <div class="d-flex justify-space-between">
         <template v-if="typeUser && typeUser.length > 0">
           <v-col v-for="(item, index) in typeUser" :key="index">
-            <MasterCardList :item="item" @detail="detailType"/>
+            <MasterCardList :item="item" @detail="detailType" />
           </v-col>
         </template>
         <template v-else>
@@ -39,4 +42,10 @@ const dialog = ref(false);
       </div>
     </v-col>
   </v-row>
+  <MasterDialogModal v-if="state" :stateValue="state" @stateValue="val => state = val" >
+    <template v-slot:text>
+      <!-- <p>coba ini</p> -->
+       <MasterFormTypeUser />
+    </template>
+  </MasterDialogModal>
 </template>