mirror of
https://github.com/magicbug/Cloudlog
synced 2026-08-13 17:49:35 -04:00
bdd72588a6
Introduce an HTMX-powered results component and refactor Timeplotter flow: add component_timeplot_results controller action that supplies band/dxcc/cqzone defaults and renders a new timeplotter/component_results view. Revamp the index view to use Bootstrap cards, a filter form wired to HTMX (hx-post/hx-target/hx-trigger) and a results container that auto-loads on page load. Refactor assets/js/sections/timeplot.js: separate loading state, implement timeplotRender/timeplot helper functions, improve AJAX error handling, and add renderTimeplotFromComponent + htmx:afterSwap hook to initialize charts when the component is swapped in. Also update getTimes controller to rely on the model to output JSON directly.
14 lines
632 B
PHP
14 lines
632 B
PHP
<div class="card shadow-sm">
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
<h2 class="h5 mb-0">Time Distribution</h2>
|
|
<span class="badge text-bg-secondary rounded-pill">Updated</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="timeplotParams"
|
|
data-band="<?php echo htmlspecialchars($band, ENT_QUOTES, 'UTF-8'); ?>"
|
|
data-dxcc="<?php echo htmlspecialchars($dxcc, ENT_QUOTES, 'UTF-8'); ?>"
|
|
data-cqzone="<?php echo htmlspecialchars($cqzone, ENT_QUOTES, 'UTF-8'); ?>"></div>
|
|
|
|
<div id="timeplotter_div"></div>
|
|
</div>
|
|
</div>
|