Add loading spinner to DXCC list display
Introduces a loading spinner and message inside the dxcclist_display div to improve user feedback while HTMX loads DXPedition data and logbook checks.
这个提交包含在:
父节点
d1bb6ff3ea
当前提交
7fe4e7e663
共有 1 个文件被更改,包括 12 次插入 和 1 次删除
|
|
@ -1,5 +1,16 @@
|
|||
<div class="container">
|
||||
|
||||
<h2><?php echo $page_title; ?></h2>
|
||||
<div id="dxcclist_display" hx-get="<?php echo site_url('workabledxcc/dxcclist'); ?>" hx-trigger="load"></div>
|
||||
<div id="dxcclist_display" hx-get="<?php echo site_url('workabledxcc/dxcclist'); ?>" hx-trigger="load">
|
||||
<!-- Loading spinner and message shown while HTMX loads content -->
|
||||
<div class="d-flex justify-content-center align-items-center py-5">
|
||||
<div class="text-center">
|
||||
<div class="spinner-border text-primary mb-3" role="status" style="width: 3rem; height: 3rem;">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
<h5 class="text-muted">Generating Table</h5>
|
||||
<p class="text-muted">Processing DXPedition data and checking your logbook...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
正在加载…
在新工单中引用