kml/front_ponto_eletronico
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

icone admin

Browse Source
This commit is contained in:
ka-lucas 2025-04-29 17:55:27 -03:00
parent 1c94eb66bd
commit e0aef3cb8f
1 changed files with 47 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/Users.vue
View File

@ -17,6 +17,20 @@
<v-btn color="primary" prepend-icon="mdi-plus" class="new-user-btn" @click="openDialog('user', 'create')"> <v-btn color="primary" prepend-icon="mdi-plus" class="new-user-btn" @click="openDialog('user', 'create')">
Novo Colaborador Novo Colaborador
</v-btn> </v-btn>
<v-badge dot color="error" class="notification-badge">
<v-icon>mdi-bell</v-icon>
</v-badge>
<div class="admin-profile">
<v-avatar class="mr-2" color="primary" size="40">
<v-img src="/api/placeholder/40/40" alt="Administrador"></v-img>
</v-avatar>
<div class="admin-info">
<span class="admin-name">Administrador</span>
<span class="admin-role">Gestor</span>
</div>
<v-icon>mdi-chevron-down</v-icon>
</div>
</div> </div>
</div> </div>
@ -40,8 +54,8 @@
<div class="status-toggle"> <div class="status-toggle">
<v-btn-toggle v-model="filters.status" mandatory density="comfortable"> <v-btn-toggle v-model="filters.status" mandatory density="comfortable">
<v-btn value="all">Todos</v-btn> <v-btn value="all">Todos</v-btn>
<v-btn value="ativo">Ativos</v-btn> <v-btn value="Ativo">Ativos</v-btn>
<v-btn value="inativo">Inativos</v-btn> <v-btn value="Inativo">Inativos</v-btn>
</v-btn-toggle> </v-btn-toggle>
</div> </div>
</div> </div>
@ -161,8 +175,8 @@ export default {
const matchesStatus = const matchesStatus =
filters.value.status === 'all' || filters.value.status === 'all' ||
(filters.value.status === 'ativo' && user.status === 'Ativo') || (filters.value.status === 'Ativo' && user.status === 'Ativo') ||
(filters.value.status === 'inativo' && user.status === 'Inativo'); (filters.value.status === 'Inativo' && user.status === 'Inativo');
return matchesSearch && matchesStatus; return matchesSearch && matchesStatus;
}); });
@ -359,4 +373,33 @@ export default {
gap: 8px; gap: 8px;
justify-content: flex-end; justify-content: flex-end;
} }
.admin-profile {
display: flex;
align-items: center;
margin-left: 16px;
cursor: pointer;
}
.admin-info {
display: flex;
flex-direction: column;
margin: 0 8px;
}
.admin-name {
font-size: 14px;
font-weight: 500;
color: #1e293b;
}
.admin-role {
font-size: 12px;
color: #64748b;
}
.notification-badge {
margin: 0 8px;
}
</style> </style>