You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.2 KiB
30 lines
1.2 KiB
{{ form_start(form) }}
|
|
{{ form_row(form.foundDate) }}
|
|
<div class="row g-3">
|
|
<div class="col-md-3 d-flex justify-content-center align-items-center">
|
|
<button class="btn btn-secondary" id="geolocalize">{{ 'geolocation'|trans }}</button>
|
|
</div>
|
|
<div class="col-md-3">
|
|
{{ form_row(form.latitude) }}
|
|
</div>
|
|
<div class="col-md-3">
|
|
{{ form_row(form.longitude) }}
|
|
</div>
|
|
<div class="col-md-3">
|
|
{{ form_row(form.altitude) }}
|
|
</div>
|
|
</div>
|
|
{{ form_widget(form) }}
|
|
<button class="btn btn-primary">{{ button_label|default('save'|trans) }}</button>
|
|
<script>
|
|
document.querySelector('#geolocalize').addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
navigator.geolocation.getCurrentPosition(function ({ coords }) {
|
|
document.querySelector('#post_latitude').value = coords.latitude;
|
|
document.querySelector('#post_longitude').value = coords.longitude;
|
|
document.querySelector('#post_altitude').value = coords.altitude;
|
|
});
|
|
})
|
|
</script>
|
|
{{ form_end(form) }}
|