92 lines
3.8 KiB
Plaintext
92 lines
3.8 KiB
Plaintext
<%- include('../partials/header') %>
|
|
<% title = 'Admin Dashboard'; %>
|
|
|
|
<% if (success_msg && success_msg.length > 0) { %>
|
|
<% success_msg.forEach(msg => { %>
|
|
<div class="alert alert-success alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
|
|
<% }) %>
|
|
<% } %>
|
|
<% if (error_msg && error_msg.length > 0) { %>
|
|
<% error_msg.forEach(msg => { %>
|
|
<div class="alert alert-danger alert-dismissible fade show mt-3"><%= msg %><button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
|
|
<% }) %>
|
|
<% } %>
|
|
|
|
<div class="d-flex justify-content-between align-items-center pt-3 pb-2 mb-3 border-bottom">
|
|
<h1 class="h2">Dashboard Administrativo</h1>
|
|
</div>
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card text-white bg-primary">
|
|
<div class="card-body text-center">
|
|
<h5><i class="fas fa-users"></i> Usuarios</h5>
|
|
<h2><%= users.length %></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card text-white bg-success">
|
|
<div class="card-body text-center">
|
|
<h5><i class="fas fa-ticket"></i> Tickets</h5>
|
|
<h2><%= tickets.length %></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card text-white bg-info">
|
|
<div class="card-body text-center">
|
|
<h5><i class="fas fa-building"></i> Departamentos</h5>
|
|
<h2><%= departments.length %></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card text-white bg-warning">
|
|
<div class="card-body text-center">
|
|
<h5><i class="fas fa-spinner"></i> Abiertos</h5>
|
|
<h2><%= stats.find(s => s.status === 'abierto') ? stats.find(s => s.status === 'abierto').total : 0 %></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card">
|
|
<div class="card-header"><h5>Últimos Tickets</h5></div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-sm">
|
|
<thead><tr><th>#</th><th>Asunto</th><th>Usuario</th><th>Estado</th></tr></thead>
|
|
<tbody>
|
|
<% tickets.slice(0, 5).forEach(t => { %>
|
|
<tr>
|
|
<td>#<%= t.id %></td>
|
|
<td><%= t.asunto %></td>
|
|
<td><%= t.usuario_nombre || '' %></td>
|
|
<td><span class="badge bg-<%= t.status === 'abierto' ? 'success' : t.status === 'en_progreso' ? 'primary' : 'secondary' %>"><%= t.status %></span></td>
|
|
</tr>
|
|
<% }) %>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card">
|
|
<div class="card-header"><h5>Accesos Rápidos</h5></div>
|
|
<div class="card-body">
|
|
<div class="list-group">
|
|
<a href="/admin/users" class="list-group-item list-group-item-action"><i class="fas fa-users"></i> Gestionar Usuarios</a>
|
|
<a href="/admin/departments" class="list-group-item list-group-item-action"><i class="fas fa-building"></i> Gestionar Departamentos</a>
|
|
<a href="/agent/dashboard" class="list-group-item list-group-item-action"><i class="fas fa-tasks"></i> Ver Todos los Tickets</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('../partials/footer') %>
|