Mysaa/gpens
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/savrillo/gpens.git synced 2026-03-18 01:41:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add about modal

Browse Source
This commit is contained in:
Adrien Vannson 2021-10-13 20:31:46 +02:00
parent b9590c1ed4
commit 27eb0b4cc9
1 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -21,7 +21,7 @@
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#exampleModal" href="#">Choix d'une carte</a> <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#map-selection-modal" href="#">Choix d'une carte</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@ -32,23 +32,24 @@
<li><a class="dropdown-item" href="#">Par occupant</a></li> <li><a class="dropdown-item" href="#">Par occupant</a></li>
</ul> </ul>
</li> </li>
<li class="nav-item">
<a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#about-modal" href="#">À propos</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<!-- Modal --> <!-- Map selection modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal fade" id="map-selection-modal" tabindex="-1" aria-labelledby="map-selection-modal-label" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Sélectionnez un lieu</h5> <h5 class="modal-title" id="map-selection-modal-label">Sélectionnez un lieu</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<!-- Room selection form -->
<form> <form>
<div class="mb-3"> <div class="mb-3">
<label for="selector_batiment">Site : </label> <label for="selector_batiment">Site : </label>
<select name="site" id="selector_site" class="form-select"> <select name="site" id="selector_site" class="form-select">
@ -86,6 +87,24 @@
</div> </div>
</div> </div>
<!-- About modal -->
<div class="modal fade" id="about-modal" tabindex="-1" aria-labelledby="about-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="about-modal-label">À propos</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Fait avec ❤️ par <a href="mailto:adrien.vannson@ens-lyon.fr">Adrien Vannson</a> et <a href=mailto:samy.avrillon@ens-lyon.fr>Samy Avrillon</a>.
</div>
<div class="modal-footer">
<button type="button" class="btn" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
<div class="container"> <div class="container">
<object type="image/svg+xml" data="maps/M-MGN1-3.svg" id="plan" onload="initSvgSupport()"> <object type="image/svg+xml" data="maps/M-MGN1-3.svg" id="plan" onload="initSvgSupport()">