2025-05-26 12:57:10 +02:00
|
|
|
{% extends 'base.html.twig' %}
|
|
|
|
|
|
|
|
{% block title %}{{ 'display.title'|trans }}{% endblock %}
|
|
|
|
|
|
|
|
{% block stylesheets %}
|
|
|
|
{{ parent() }}
|
|
|
|
<link href='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css' rel='stylesheet' />
|
|
|
|
<style>
|
|
|
|
.hidden {
|
|
|
|
display: none;
|
|
|
|
}
|
2025-05-26 16:22:01 +02:00
|
|
|
input[type="checkbox"] {
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
}
|
2025-05-26 12:57:10 +02:00
|
|
|
</style>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
{% block body %}
|
|
|
|
<div class="container mt-4">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12">
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-4 rounded shadow-sm">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
|
<ul class="navbar-nav">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link active" href="{{ path('app_public_index') }}">{{ 'display.home'|trans }}</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" href="{{ path('app_public_dashboard') }}">{{ 'display.stats'|trans }}</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" href="https://openstreetmap.fr/contact/">{{ 'display.contact_humans'|trans }}</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12">
|
|
|
|
<div class="card shadow-sm">
|
|
|
|
<div class="card-body">
|
|
|
|
<h1 class="card-title mb-4">{{ 'display.welcome'|trans }}</h1>
|
|
|
|
<div id="map" style="height: 400px; width: 100%;" class="rounded"></div>
|
|
|
|
|
|
|
|
{% if commerce is not empty %}
|
|
|
|
<div class="row mb-4">
|
|
|
|
<div class="col-12">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<form action="{{ path('app_public_submit', {'osm_object_id': commerce['@attributes'].id, 'version': commerce['@attributes'].version, 'changesetID': commerce['@attributes'].changeset }) }}" method="post" class="needs-validation">
|
2025-05-26 16:22:01 +02:00
|
|
|
<input type="hidden" name="osm_kind" value="{{ osm_kind }}">
|
2025-05-26 12:57:10 +02:00
|
|
|
<div class="mb-3">
|
|
|
|
<label for="commerce_id" class="form-label">{{ 'display.modify_commerce'|trans }}:
|
|
|
|
<strong>{{ commerce.tags_converted.name }}</strong>
|
|
|
|
</label>
|
|
|
|
<br/>
|
|
|
|
|
|
|
|
<a class="btn btn-info" href="{{ path('app_public_index') }}">{{ 'display.contact_humans'|trans }}</a>
|
|
|
|
</div>
|
|
|
|
|
2025-05-26 13:07:49 +02:00
|
|
|
|
2025-05-26 16:22:01 +02:00
|
|
|
{% if commerce.tags_converted.image is defined %}
|
2025-05-26 13:07:49 +02:00
|
|
|
<img src="{{ commerce.tags_converted.image }}" alt="Image du lieu" class="img-fluid mb-3">
|
|
|
|
{% endif %}
|
|
|
|
|
2025-05-26 16:22:01 +02:00
|
|
|
<h2>{{ 'display.attributes'|trans }}</h2>
|
|
|
|
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__name">{{'display.keys.name'|trans}}</label>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
|
|
<input type="text" class="form-control" name="commerce_tag_value__name" value=" {% if commerce.tags_converted.name is defined %}{{ commerce.tags_converted.name }}{% endif %}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{# cas d'une mairie
|
|
|
|
#}
|
|
|
|
|
|
|
|
{% if commerce.tags_converted.amenity is defined %}
|
|
|
|
{% if commerce.tags_converted.amenity == 'townhall' %}
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__building">{{'display.keys.building'|trans}}</label>
|
|
|
|
|
|
|
|
<select class="form-control" placeholder="{{'display.please_select'|trans}}" name="commerce_tag_value__building">
|
|
|
|
<option value="">{{'display.please_select'|trans}}</option>
|
|
|
|
<option value="main">{{'display.values.building.main'|trans}}</option>
|
|
|
|
<option value="annex">{{'display.values.building.annex'|trans}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% if commerce.tags_converted.amenity == 'restaurant' %}
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__cuisine">{{'display.keys.cuisine'|trans}}</label>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
|
|
<input type="text" class="form-control" name="commerce_tag_value__cuisine"
|
|
|
|
placeholder="française;italienne;japonaise"
|
|
|
|
value="{% if commerce.tags_converted.cuisine is defined %}{{ commerce.tags_converted.cuisine }}{% endif %}">
|
|
|
|
<small class="form-text text-muted">{{'display.help.cuisine'|trans}}</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="ask_angela">
|
|
|
|
<h2>{{ 'display.ask_angela'|trans }}</h2>
|
|
|
|
<p class="description">{{ 'display.ask_angela_description'|trans }}</p>
|
|
|
|
<p class="more-info">
|
|
|
|
<a href="https://www.openstreetmap.fr/contact/" target="_blank">{{ 'display.ask_angela_more_info'|trans }}</a>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__angela">{{'display.ask_angela'|trans}}</label>
|
|
|
|
|
|
|
|
<input type="checkbox" name="commerce_tag_value__angela" value="yes">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="wheelchair">
|
|
|
|
<h2>{{ 'display.wheelchair'|trans }}</h2>
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__wheelchair">{{'display.keys.wheelchair'|trans}}</label>
|
|
|
|
|
|
|
|
<select class="form-control" placeholder="{{'display.please_select'|trans}}" name="commerce_tag_value__wheelchair" value="{% if commerce.tags_converted.wheelchair is defined %}{{ commerce.tags_converted.wheelchair }}{% endif %}">
|
|
|
|
<option value="">{{'display.please_select'|trans}}</option>
|
|
|
|
<option value="yes">{{'display.values.wheelchair.yes'|trans}}</option>
|
|
|
|
<option value="limited">{{'display.values.wheelchair.limited'|trans}}</option>
|
|
|
|
<option value="no">{{'display.values.wheelchair.no'|trans}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="opening_hours">
|
|
|
|
<h2>{{ 'display.opening_hours'|trans }}</h2>
|
|
|
|
<p class="description">{{ 'display.opening_hours_description'|trans }}</p>
|
|
|
|
|
|
|
|
<input type="checkbox" name="commerce_tag_value__opening_hours_1" value="yes">
|
|
|
|
Lundi de
|
|
|
|
|
|
|
|
<input type="number" name="commerce_tag_value__opening_hours_1_midday_hour" value="">
|
|
|
|
à
|
|
|
|
<input type="number" name="commerce_tag_value__opening_hours_1_midday_minute" value="">.
|
|
|
|
|
|
|
|
<input type="checkbox" name="commerce_tag_value__opening_hours_1_midday" value="yes">
|
|
|
|
et
|
|
|
|
|
|
|
|
<input type="number" name="commerce_tag_value__opening_hours_1_midday_hour" value="">
|
|
|
|
à
|
|
|
|
<input type="number" name="commerce_tag_value__opening_hours_1_midday_minute" value="">.
|
|
|
|
|
|
|
|
<input type="checkbox" name="commerce_tag_value__opening_hours_1_evening" value="yes">
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div id="addresses">
|
|
|
|
<h2>{{ 'display.address'|trans }}</h2>
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<label for="commerce_tag_value__addr:housenumber">{{'display.keys.addr:housenumber'|trans}}</label>
|
|
|
|
|
|
|
|
<label for="commerce_tag_value__addr:street">{{'display.keys.addr:street'|trans}}</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<fieldset>
|
|
|
|
{% for attributes in commerce.tag %}
|
|
|
|
{% for kv in attributes %}
|
2025-05-26 12:57:10 +02:00
|
|
|
{% if kv.k == 'opening_hours' %}
|
|
|
|
{{ 'display.keys.opening_hours'|trans }}
|
|
|
|
{% else %}
|
|
|
|
<div class="row mb-3">
|
|
|
|
<div class="col-md-5">
|
|
|
|
<input type="text" class="form-control hidden" name="commerce_tag_key__{{ kv.k }}" value="{{ kv.k }}" readonly>
|
|
|
|
<span class="label-translated">{{ ('display.keys.' ~ kv.k)|trans }}</span>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-5">
|
|
|
|
<input type="text" class="form-control" name="commerce_tag_value__{{ kv.k }}" value="{{ kv.v }}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
2025-05-26 16:22:01 +02:00
|
|
|
</fieldset>
|
2025-05-26 12:57:10 +02:00
|
|
|
|
|
|
|
<button type="submit" class="btn btn-primary">{{ 'display.submit'|trans }}</button>
|
|
|
|
</form>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class="p-3">
|
|
|
|
<span class="last-modification">{{ 'display.last_modification'|trans }}: {{ commerce['@attributes'].timestamp }}</span>,
|
|
|
|
{{ 'display.days_ago'|trans({'%days%': date(commerce['@attributes'].timestamp).diff(date()).days}) }}
|
|
|
|
{{ 'display.by'|trans }}
|
|
|
|
<a href="https://www.openstreetmap.org/user/{{ commerce['@attributes'].user }}" target="_blank">{{ commerce['@attributes'].user }}</a>
|
|
|
|
<div class="lien-OpenStreetMap">
|
|
|
|
<a href="https://www.openstreetmap.org/node/{{ commerce['@attributes'].id }}" target="_blank">{{ 'display.view_on_osm'|trans }}</a>
|
|
|
|
</div>
|
2025-05-26 13:07:49 +02:00
|
|
|
|
|
|
|
{{ dump(commerce) }}
|
2025-05-26 12:57:10 +02:00
|
|
|
</span>
|
|
|
|
|
|
|
|
<div class="disclaimer p-3">
|
|
|
|
<p>
|
|
|
|
<strong>{{ 'display.disclaimer.title'|trans }}:</strong>
|
|
|
|
{{ 'display.disclaimer.text'|trans }}
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row mt-4">
|
|
|
|
<div class="col-12">
|
|
|
|
<nav class="bg-light p-3 rounded shadow-sm">
|
|
|
|
<ul class="nav justify-content-center">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" href="{{ path('app_public_index') }}">{{ 'display.home'|trans }}</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" href="https://openstreetmap.fr/contact/">{{ 'display.contact_humans'|trans }}</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{% block javascripts %}
|
|
|
|
{{ parent() }}
|
2025-05-26 13:07:49 +02:00
|
|
|
<script src='https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js'></script>
|
|
|
|
{# <script>
|
|
|
|
{% if commerce is not empty and mapbox_token is not empty and maptiler_token is not empty %}
|
2025-05-26 12:57:10 +02:00
|
|
|
mapboxgl.accessToken = '{{ mapbox_token }}';
|
|
|
|
map = new mapboxgl.Map({
|
|
|
|
container: 'map',
|
|
|
|
style: 'https://api.maptiler.com/maps/basic-v2/style.json?key={{ maptiler_token }}',
|
|
|
|
center: [{{ commerce['@attributes'].lon }}, {{ commerce['@attributes'].lat }}],
|
|
|
|
|
|
|
|
zoom: 14
|
|
|
|
});
|
|
|
|
|
|
|
|
// Ajout du marqueur
|
|
|
|
new mapboxgl.Marker()
|
|
|
|
.setLngLat([{{ commerce.lon }}, {{ commerce.lat }}])
|
|
|
|
.setPopup(new mapboxgl.Popup({
|
|
|
|
offset: 25
|
|
|
|
}).setHTML('<h1>{{ commerce.tags_converted.name }}</h1>'))
|
|
|
|
.addTo(map);
|
|
|
|
{% endif %}
|
2025-05-26 13:07:49 +02:00
|
|
|
</script> #}
|
2025-05-26 12:57:10 +02:00
|
|
|
{% endblock %}
|
|
|
|
{% endblock %}
|