28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
{% macro contact_status(active_count, inactive_count) %}
|
|
<div class="masonry-card">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h5 class="card-title mb-0"><i class="fas fa-chart-pie me-2"></i>Contact Status</h5>
|
|
<div>
|
|
<a href="{{ url_for('contacts.contacts_list') }}" class="btn btn-primary btn-sm me-2">View All</a>
|
|
<a href="{{ url_for('contacts.new_contact') }}" class="btn btn-primary btn-sm">+ Add</a>
|
|
</div>
|
|
</div>
|
|
<div class="chart-container">
|
|
<canvas id="statusChart"></canvas>
|
|
</div>
|
|
<div class="d-flex justify-content-center gap-4 mt-3">
|
|
<div class="text-center">
|
|
<div class="fw-bold text-primary" style="font-size:1.5rem;">{{ active_count }}</div>
|
|
<div class="text-muted small">Active</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="fw-bold" style="color:var(--secondary-color); font-size:1.5rem;">{{ inactive_count }}</div>
|
|
<div class="text-muted small">Inactive</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endmacro %} |