82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-primary">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-primary">Dashboards</h6>
|
|
<h3 class="mb-0">{{ stats.total_dashboards }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-tachometer-alt fa-2x text-primary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-success">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-success">Reports</h6>
|
|
<h3 class="mb-0">{{ stats.total_reports }}</h3>
|
|
<small class="text-muted">{{ stats.reports_generated_today }} today</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-file-alt fa-2x text-success"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-warning">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-warning">Active Alerts</h6>
|
|
<h3 class="mb-0">{{ stats.active_alerts }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-exclamation-triangle fa-2x text-warning"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-info">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-info">KPIs</h6>
|
|
<h3 class="mb-0">{{ stats.total_kpis }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-chart-line fa-2x text-info"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-secondary">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-secondary">Visualizations</h6>
|
|
<h3 class="mb-0">{{ stats.visualizations }}</h3>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-chart-bar fa-2x text-secondary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|