Fase 3 feedback round 3: sidebar icons, thumbnail preview, location search
- Sidebar submenu bullets (List all/Add new/Batch create) swapped from far fa-circle to fas fa-angle-right - the outlined circle read as an unchecked radio button, per feedback. - List-page qr thumbnails now sit in a fixed 100x100 box with object-fit:contain instead of width/height attrs, so taller images (e.g. icon-above-qr) no longer get squashed into a square. Thumbnails are now clickable, opening a shared Bootstrap modal with the full-size image (same data-toggle/data-target pattern already used for the delete-confirmation modal). - Location QR form gets an address search box backed by OpenStreetMap Nominatim (dist/js/location-search.js): free-text query, pick a result, it fills in latitude/longitude. No API key needed; the browser talks to nominatim.openstreetmap.org directly, called out in the field's help text since queries leave the self-hosted server.
This commit is contained in:
@@ -53,20 +53,20 @@
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="./dynamic_qrcodes.php" <?php echo ((substr(CURRENT_PAGE, 0, 19) == 'dynamic_qrcodes.php')) ? ' class="nav-link active"' : ' class="nav-link"'; ?>>
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<i class="fas fa-angle-right nav-icon"></i>
|
||||
<p>List all</p>
|
||||
</a>
|
||||
</li>
|
||||
<?php if ($_SESSION['type'] !== 'user'): ?>
|
||||
<li class="nav-item">
|
||||
<a href="./dynamic_qrcode.php" <?php echo (CURRENT_PAGE == 'dynamic_qrcode.php') ? ' class="nav-link active"' : ' class="nav-link"'; ?>>
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<i class="fas fa-angle-right nav-icon"></i>
|
||||
<p>Add new</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./batch_qrcode.php" <?php echo (CURRENT_PAGE == 'batch_qrcode.php') ? ' class="nav-link active"' : ' class="nav-link"'; ?>>
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<i class="fas fa-angle-right nav-icon"></i>
|
||||
<p>Batch create (CSV)</p>
|
||||
</a>
|
||||
</li>
|
||||
@@ -86,14 +86,14 @@
|
||||
<ul class="nav nav-treeview">
|
||||
<li class="nav-item">
|
||||
<a href="./static_qrcodes.php" <?php echo ((substr(CURRENT_PAGE, 0, 18) == 'static_qrcodes.php')) ? ' class="nav-link active"' : ' class="nav-link"'; ?>>
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<i class="fas fa-angle-right nav-icon"></i>
|
||||
<p>List all</p>
|
||||
</a>
|
||||
</li>
|
||||
<?php if ($_SESSION['type'] !== 'user'): ?>
|
||||
<li class="nav-item">
|
||||
<a href="./static_qrcode.php" <?php echo (CURRENT_PAGE == 'static_qrcode.php') ? ' class="nav-link active"' : ' class="nav-link"'; ?>>
|
||||
<i class="far fa-circle nav-icon"></i>
|
||||
<i class="fas fa-angle-right nav-icon"></i>
|
||||
<p>Add new</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user