85 lines
3.0 KiB
HTML
85 lines
3.0 KiB
HTML
<div class="row">
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card stat-card bg-primary text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h4 class="card-title">{{ stats.total_users }}</h4>
|
|
<p class="card-text">Total Users</p>
|
|
</div>
|
|
<i class="fas fa-users fa-2x opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card stat-card bg-success text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h4 class="card-title">{{ stats.active_users }}</h4>
|
|
<p class="card-text">Active Users</p>
|
|
</div>
|
|
<i class="fas fa-user-check fa-2x opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card stat-card bg-warning text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h4 class="card-title">{{ stats.pending_approval }}</h4>
|
|
<p class="card-text">Pending Approval</p>
|
|
</div>
|
|
<i class="fas fa-user-clock fa-2x opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3 mb-3">
|
|
<div class="card stat-card bg-info text-white">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<h4 class="card-title">{{ stats.active_sessions }}</h4>
|
|
<p class="card-text">Active Sessions</p>
|
|
</div>
|
|
<i class="fas fa-desktop fa-2x opacity-75"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if stats.role_stats %}
|
|
<div class="row mt-3">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h6 class="card-title mb-0">
|
|
<i class="fas fa-chart-pie"></i> Users by Role
|
|
</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
{% for role_stat in stats.role_stats %}
|
|
<div class="col-md-2 mb-2">
|
|
<div class="text-center">
|
|
<div class="h5 mb-0">{{ role_stat.count }}</div>
|
|
<small class="text-muted">{{ role_stat.role|title }}</small>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|