feat(FE) : setting access page master

components/layout/full/vertical-header/ProfileDD.vue

@@ -41,7 +41,7 @@ const displayInfo = computed(() => {
   return {
     name: user.name || user.preferred_username || "User",
     email: user.email || "No email",
-    role: auth.hasRole('admin') ? 'Admin' : 'User'
+    role: user.client_roles
   };
 });
 
@@ -69,16 +69,13 @@ const sessionInfo = computed(() => ({
     <v-sheet rounded="md" width="360" elevation="10">
       <div class="px-8 pt-6">
         <h6 class="text-h5 font-weight-medium">User Profile</h6>
-        <div class="d-flex align-center mt-4 pb-6">
+        <div class="d-flex align-center mt-4 pb-4">
           <v-avatar size="80">
             <img src="~/assets/images/profile/user-1.jpg" width="80" />
           </v-avatar>
           <div class="ml-3">
             <h6 class="text-h6 mb-1">{{ displayInfo.name }}</h6>
-            <span class="text-subtitle-1 mt-2 font-weight-regular textSecondary">
-              {{ displayInfo.role }}
-            </span>
-            <div class="d-flex align-center mt-1">
+            <div class="d-flex align-center mt-1 mb-1">
               <MailIcon size="18" stroke-width="1.5" />
               <span
                 class="text-subtitle-1 font-weight-regular textSecondary ml-2"
@@ -86,17 +83,9 @@ const sessionInfo = computed(() => ({
                 {{ displayInfo.email }}
               </span>
             </div>
-
-            <!-- Session status -->
-            <div class="mt-2">
-              <v-chip
-                :color="sessionInfo.isAuthenticated ? 'success' : 'error'"
-                size="small"
-                variant="outlined"
-              >
-                {{ sessionInfo.isAuthenticated ? "Active" : "Inactive" }}
-              </v-chip>
-            </div>
+            <v-chip v-for="role in displayInfo.role" :key="role" size="small" color="primary" class="mr-2">
+              {{ role }}
+            </v-chip>
           </div>
         </div>
       </div>

components/layout/full/vertical-sidebar/sidebarItem.ts

@@ -54,9 +54,9 @@ const sidebarItem: menu[] = [
       id: 1,
       children: [
           {
-              title: 'Hak Akses',
+              title: 'Halaman',
               icon: 'shield-user-line-duotone',
-              to: '/setting/hak-akses',
+              to: '/setting/halaman',
           },
           {
               title: 'User',