Valogeo/loko
Valogeo/loko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add unified index template and script for map-based asset and location filtering

Browse source
This commit is contained in:
Karl Determe 2026-08-25 12:03:40 +02:00
parent 0b3d00fdf5
commit 2b8cdfabb7
2 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
loko/assets/static/assets/unified_index.js
View file

@ -1171,14 +1171,14 @@ $(document).ready(function () {
document.getElementById('col-table').className = 'col-md-6'; document.getElementById('col-table').className = 'col-md-6';
const colMap = document.getElementById('col-map'); const colMap = document.getElementById('col-map');
colMap.className = 'col-md-6'; colMap.className = 'col-md-6';
colMap.style.cssText = 'position: relative; margin-top: 50px;'; colMap.style.cssText = 'position: relative; margin-top: 44px;';
setLayoutActive('both'); setLayoutActive('both');
}); });
document.getElementById('layout-btn-map').addEventListener('click', function () { document.getElementById('layout-btn-map').addEventListener('click', function () {
document.getElementById('col-table').classList.add('d-none'); document.getElementById('col-table').classList.add('d-none');
const colMap = document.getElementById('col-map'); const colMap = document.getElementById('col-map');
colMap.className = 'col-12'; colMap.className = 'col-12';
colMap.style.cssText = 'position: relative; margin-top: 50px;'; colMap.style.cssText = 'position: relative; margin-top: 44px;';
setLayoutActive('map'); setLayoutActive('map');
}); });

11
loko/assets/templates/assets/unified_index.html
View file

@ -563,7 +563,7 @@
</div> </div>
{# ─── Map column ──────────────────────────────────────────────────── #} {# ─── Map column ──────────────────────────────────────────────────── #}
<div id="col-map" class="col-md-6" style="position: relative; margin-top: 50px;"> <div id="col-map" class="col-md-6" style="position: relative; margin-top: 44px;">
<div id="info-panel"> <div id="info-panel">
<div class="panel-header"> <div class="panel-header">
<button id="info-panel-back" class="btn btn-sm btn-outline-secondary me-2" style="display:none;"> <button id="info-panel-back" class="btn btn-sm btn-outline-secondary me-2" style="display:none;">
@ -575,11 +575,10 @@
<div id="info-panel-content" class="panel-content"></div> <div id="info-panel-content" class="panel-content"></div>
</div> </div>
<div id="assets-hint" class="small mt-2 mb-1 fst-italic" style="visibility:hidden; color:#0d6efd;"> <div id="map" style="position: relative; height: calc(100vh - 200px);">
<i class="bi bi-info-circle me-1"></i>{% translate "Choisissez une catégorie ou zoomez sur la carte pour voir les assets." %} <div id="assets-hint" class="small fst-italic position-absolute start-50 translate-middle-x bg-white px-3 py-1 rounded-pill shadow-sm border" style="top: 10px; z-index: 5; visibility: hidden; color: #0d6efd; white-space: nowrap; pointer-events: none;">
</div> <i class="bi bi-info-circle me-1"></i>{% translate "Choisissez une catégorie ou zoomez sur la carte pour voir les assets." %}
</div>
<div id="map" style="position: relative; height: calc(100vh - 240px);">
<div id="totalsOverlay" class="totals-overlay"> <div id="totalsOverlay" class="totals-overlay">
<div class="totals-toolbar"> <div class="totals-toolbar">
<strong>{% translate "Totaux des assets" %}</strong> <strong>{% translate "Totaux des assets" %}</strong>