add permission role

components/apps/setting/pages/PageRow.vue

@@ -24,12 +24,20 @@ const handleDelete = (page: RolePage) => emit('delete', page);
      <v-card class="mb-3 page-card" elevation="2" @click="handleDetail(page)">
       <v-card-text class="pa-5">
         <div class="d-flex align-center">
-          <v-avatar color="primary" size="40" class="me-3">
-            <Icon :icon="'solar:' + page.icon" width="24" />
-          </v-avatar>
+          <v-tooltip location="bottom" :text="page.active ? 'Aktif' : 'Tidak Aktif'">
+            <template #activator="{ props: activatorProps }">
+              <v-avatar v-bind="activatorProps" :color="page.active ? 'primary' : 'muted'" size="40" class="me-3">
+                <Icon :icon="'solar:' + page.icon" width="24" />
+              </v-avatar>
+            </template>
+          </v-tooltip>
           <div class="flex-grow-1">
             <div class="d-flex align-center">
-              <h6 class="text-subtitle-1 font-weight-semibold">{{ page.name }}</h6>
+              <h6 class="text-subtitle-1 font-weight-semibold">{{ page.name }} 
+                <!-- <v-chip size="small" :color="page.active ? 'success' : 'default'" class="ml-2">
+                {{ page.active ? 'Aktif' : 'Tidak Aktif' }}
+              </v-chip>  -->
+            </h6>
             </div>
             <p class="text-muted mb-0">{{ page.url }}</p>
           </div>