mirror of
https://github.com/tanrax/django-interactive-frameworks-benchmark
synced 2026-01-09 23:03:37 +01:00
23ac15664e
Real-time alert system using Django LiveView with WebSocket support. Features include: - Real-time alert creation, viewing, and deletion - Broadcast notifications to all connected users - SQLite database - Stimulus.js integration for interactive UI - Modal dialogs for alert details - Alert form with validation Fixed Stimulus controller scope issue by placing data-controller on html element.
26 lines
1.3 KiB
HTML
26 lines
1.3 KiB
HTML
<div class="modal is-active">
|
|
<div class="modal-background" data-liveview-function="close_modal" data-action="click->page#run"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Alert Details</p>
|
|
<button class="delete" aria-label="close" data-liveview-function="close_modal" data-action="click->page#run"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
<div class="content">
|
|
<p><strong>ID:</strong> {{ alert.id }}</p>
|
|
<p>
|
|
<strong>Type:</strong>
|
|
<span class="tag {% if alert.type == 'INFO' %}is-info{% elif alert.type == 'WARNING' %}is-warning{% else %}is-danger{% endif %}">
|
|
{{ alert.type }}
|
|
</span>
|
|
</p>
|
|
<p><strong>Description:</strong> {{ alert.description|default:"No description" }}</p>
|
|
<p><strong>Created At:</strong> {{ alert.created_at|date:"Y-m-d H:i:s" }}</p>
|
|
</div>
|
|
</section>
|
|
<footer class="modal-card-foot">
|
|
<button class="button" data-liveview-function="close_modal" data-action="click->page#run">Close</button>
|
|
</footer>
|
|
</div>
|
|
</div>
|