add local mapbox script, update objects

This commit is contained in:
Tykayn 2025-06-04 00:16:56 +02:00 committed by tykayn
parent c6e05463b1
commit b1f6433b7d
13 changed files with 309 additions and 182 deletions

View file

@ -1,6 +1,7 @@
{% extends 'base.html.twig' %}
{% block title %}{{ 'display.stats'|trans }}{% endblock %}
{% block title %}{{ 'display.stats'|trans }}- {{ stats.zone }}
{{ stats.name }} {% endblock %}
{% block stylesheets %}
{{ parent() }}
@ -10,12 +11,15 @@
{% block body %}
<div class="container">
<div class="mt-4 p-4">
<h1 class="title">{{ 'display.stats'|trans }}</h1>
<p>
{{ stats.zone }}
{{ stats.name }}
</p>
<a href="{{ path('app_admin_labourer', {'zip_code': stats.zone}) }}" class="btn btn-primary" id="labourer">Labourer les mises à jour</a>
<div class="row">
<div class="col-md-6 col-12">
<h1 class="title">{{ 'display.stats'|trans }} - {{ stats.zone }}
{{ stats.name }} - {{ stats.completionPercent }}% complété</h1>
</div>
<div class="col-md-6 col-12">
<a href="{{ path('app_admin_labourer', {'zip_code': stats.zone}) }}" class="btn btn-primary" id="labourer">Labourer les mises à jour</a>
</div>
</div>
<div class="row">
<div class="col-md-3 col-12">
{{ stats.getCompletionPercent() }} % complété sur les critères donnés.
@ -41,16 +45,28 @@
</div>
</div>
<div id="map" style="height: 400px;"></div>
{# <div id="query" style="height: 400px;"> #}
{# <pre>
{{query_places|raw}}
</pre> #}
<div id="maploader">
<div class="spinner-border" role="status">
<i class="bi bi-load bi-spin"></i>
<span class="visually-hidden">Chargement de la carte...</span>
</div>
</div>
<div id="map" style="height: 400px;"></div>
</div>
<div class="card mt-4">
<h1 class="card-title">Tableau des {{ stats.getPlacesCount() }} lieux</h1>
<a href="{{ path('app_admin_export_csv', {'zip_code': stats.zone}) }}" class="btn btn-primary">Exporter en CSV</a>
<div class="row">
<div class="col-md-6 col-12">
<h1 class="card-title p-4">Tableau des {{ stats.places |length }} lieux</h1>
</div>
<div class="col-md-6 col-12">
<a class="btn btn-primary pull-right" href="{{ path('app_admin_export_csv', {'zip_code': stats.zone}) }}" class="btn btn-primary">
<i class="bi bi-filetype-csv"></i>
Exporter en CSV
</a>
</div>
</div>
<table class="table table-bordered table-striped table-hover table-responsive">
{% include 'admin/stats/table-head.html.twig' %}
<tbody>
@ -62,7 +78,7 @@
</div>
<h2>requête overpass</h2>
<pre>
<pre class="p-4 bg-light">
{{query_places|raw}}
</pre>
</div>
@ -137,6 +153,9 @@ out skel qt;`;
}
console.log('map chargé',data.elements);
document.getElementById('maploader').classList.add('d-none');
data.elements.forEach(element => {
// Cherche les coordonnées à la racine ou dans center
const lat = element.lat || (element.center && element.center.lat);