Skip to content
Snippets Groups Projects
Commit c4821261 authored by WAGNER ERIC's avatar WAGNER ERIC
Browse files

salle.js _form.html.twig

parent 937b8e50
Branches page_par_Eric
No related merge requests found
Hide whitespace changes
Inline Side-by-side
public/js/salle.js
+ 3
− 3
View file @ c4821261
......@@ -21,9 +21,9 @@ function initMap() {
const point_B = document.getElementById('point_B');
const point_C = document.getElementById('point_C');
point_A.innerText = "Point A : " + parcour_salle_json[0].nom;
point_B.innerText = "Point B : " + parcour_salle_json[1].nom;
point_C.innerText = "Point C : " + parcour_salle_json[2].nom;
point_A.innerHTML = '<span class="text-[#5C9EAD] font-bold">Point A :</span> ' + parcour_salle_json[0].nom;
point_B.innerHTML = '<span class="text-[#5C9EAD] font-bold">Point B :</span> ' + parcour_salle_json[1].nom;
point_C.innerHTML = '<span class="text-[#5C9EAD] font-bold">Point C :</span> ' + parcour_salle_json[2].nom;
});
......
templates/salles/_form.html.twig
+ 37
− 21
View file @ c4821261
<div class="bg-[#326273] flex justify-between">
{{ form_start(form) }}
<div class="flex flex-col gap-6 mt-2 ml-72">
<div class="">
<div class="w-96">
{{ form_label(form.nom, 'Titre de la salle :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.nom, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl'}}) }}
{{ form_widget(form.nom, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.description, 'Description:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.description, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl p-2'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.positionGPS, 'Position GPS de la salle:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.positionGPS, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl p-2'}}) }}
<div class="mb-4 w-96">
{{ form_label(form.description, 'Description :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.description, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.img, 'URL Image:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.img, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.alt, 'Alt Text:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.alt, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl'}}) }}
{{ form_label(form.positionGPS, 'Position GPS de la salle :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
<div class="flex flex-row gap-8">
<div class="w-96">
{{ form_widget(form.positionGPS, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="flex flex-col gap-4 text-[#EEEEEE]">
<h5>Exemple</h5>
<p>{"lat":48.5911581, "lng":7.682592}</p>
</div>
</div>
</div>
<div class="mb-4 w-96">
{{ form_label(form.img, 'URL Image :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.img, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="mb-4 w-96">
{{ form_label(form.alt, 'Alt Text :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.alt, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.parcours, 'chemin du centre ville jusqu\'a la salle:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.parcours, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl p-3 bg-[#EEEEEE]'}}) }}
</div>
<div class="mb-4">
{{ form_label(form.ville, 'ville:', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.ville, {'attr': {'class': 'form-select mt-1 block w-full rounded-3xl p-2'}}) }}
{{ form_label(form.parcours, 'Chemin du centre ville jusqu\'a la salle :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
<div class="flex flex-row gap-8">
<div class="w-96">
{{ form_widget(form.parcours, {'attr': {'class': 'form-input mt-1 block w-full rounded-3xl px-3 py-2 bg-[#EEEEEE] h-full'}}) }}
</div>
<div class="flex flex-col gap-4 text-[#EEEEEE]">
<h5>Exemple</h5>
<p>[<br> {"nom": "Gare", "lat": 48.584803, "lng": 7.734590},<br> {"nom": "Arret Paul Edouard", "lat": 48.590192, "lng": 7.697787},<br> {"nom": "Zénith", "lat": 48.5911581, "lng": 7.682592}<br>]</p>
</div>
</div>
</div>
<div class="mb-4 w-96">
{{ form_label(form.ville, 'Ville :', {'label_attr': {'class': 'block text-[#EEEEEE] font-bold mb-2'}}) }}
{{ form_widget(form.ville, {'attr': {'class': 'form-select mt-1 block w-full rounded-3xl px-3 py-2'}}) }}
</div>
<div class="flex items-center justify-end mt-4">
<button class="bg-[#EEEEEE] hover:bg-[#5C9EAD] hover:text-[#EEEEEE] text-[#5C9EAD] font-bold py-2 px-4 rounded">
......
templates/salles/show.html.twig
+ 1
− 1
View file @ c4821261
......@@ -9,7 +9,7 @@
<section class="flex flex-col md:flex-row justify-center md:gap-6 gap-6 m-2">
<div>
<img class="mr-4 sm:mr-8 lg:h-48 sm:h-64" src="{{ salle.img }}" alt="{{ salle.alt }}">
<h4>Légende :</h4>
<h4 class="my-8">Légende :</h4>
<ul>
<li><p id="point_A">Point A :</p></li>
<li><p id="point_B">Point B :</p></li>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment