mirror of
https://github.com/smittix/intercept.git
synced 2026-06-09 06:31:55 -07:00
Smittix
a58e2f0d21
- Add centralized design tokens in static/css/core/variables.css - Create reusable base templates (base.html, base_dashboard.html) - Add unified navigation partial (partials/nav.html) with all modules - Create reusable UI components (card, loading, empty_state, status_badge, stats_strip) - Integrate navigation into ADSB, AIS, and Satellite dashboards - Consolidate CSS by importing shared variables in dashboard stylesheets - Add comprehensive UI_GUIDE.md documentation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
{#
|
|
Empty State Component
|
|
Display when no data is available
|
|
|
|
Variables:
|
|
- icon: Optional SVG icon (default: generic empty icon)
|
|
- title: Main message (default: "No data")
|
|
- description: Optional helper text
|
|
- action_text: Optional button text
|
|
- action_onclick: Optional button onclick handler
|
|
- action_href: Optional button link
|
|
#}
|
|
|
|
<div class="empty-state">
|
|
<div class="empty-state-icon">
|
|
{% if icon %}
|
|
{{ icon|safe }}
|
|
{% else %}
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<path d="M8 12h8"/>
|
|
</svg>
|
|
{% endif %}
|
|
</div>
|
|
<div class="empty-state-title">{{ title|default('No data') }}</div>
|
|
{% if description %}
|
|
<div class="empty-state-description">{{ description }}</div>
|
|
{% endif %}
|
|
{% if action_text %}
|
|
<div class="empty-state-action">
|
|
{% if action_href %}
|
|
<a href="{{ action_href }}" class="btn btn-primary btn-sm">{{ action_text }}</a>
|
|
{% elif action_onclick %}
|
|
<button class="btn btn-primary btn-sm" onclick="{{ action_onclick }}">{{ action_text }}</button>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|