103 lines
4.3 KiB
HTML
103 lines
4.3 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">Quality Indicators</h6>
|
|
<h3 class="mb-0">{{ indicators_count }}</h3>
|
|
<small class="text-muted">Active indicators</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-chart-line 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-{% if critical_count > 0 %}danger{% else %}success{% endif %}">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-{% if critical_count > 0 %}danger{% else %}success{% endif %}">Critical Issues</h6>
|
|
<h3 class="mb-0">{{ critical_count }}</h3>
|
|
<small class="text-muted">{{ warning_count }} warnings</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-exclamation-triangle fa-2x text-{% if critical_count > 0 %}danger{% else %}success{% endif %}"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-{% if open_incidents_count > 0 %}warning{% else %}success{% endif %}">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-{% if open_incidents_count > 0 %}warning{% else %}success{% endif %}">Open Incidents</h6>
|
|
<h3 class="mb-0">{{ open_incidents_count }}</h3>
|
|
<small class="text-muted">{{ recent_incidents_count }} this month</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-clipboard-list fa-2x text-{% if open_incidents_count > 0 %}warning{% else %}success{% endif %}"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-4 col-sm-6 mb-3">
|
|
<div class="card border-{% if high_risks_count > 0 %}danger{% else %}success{% endif %}">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-{% if high_risks_count > 0 %}danger{% else %}success{% endif %}">High Risks</h6>
|
|
<h3 class="mb-0">{{ high_risks_count }}</h3>
|
|
<small class="text-muted">Active assessments</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-shield-alt fa-2x text-{% if high_risks_count > 0 %}danger{% else %}success{% endif %}"></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">Active Audits</h6>
|
|
<h3 class="mb-0">{{ active_audits_count }}</h3>
|
|
<small class="text-muted">{{ upcoming_audits_count }} upcoming</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-search 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-success">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h6 class="card-title text-success">Active Projects</h6>
|
|
<h3 class="mb-0">{{ active_projects_count }}</h3>
|
|
<small class="text-muted">Improvement initiatives</small>
|
|
</div>
|
|
<div class="align-self-center">
|
|
<i class="fas fa-project-diagram fa-2x text-success"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|