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

Update UI

Browse Source
This commit is contained in:
Adrien Vannson 2021-10-13 20:19:39 +02:00
parent acd8104b4f
commit 1a0039f1d9
1 changed files with 53 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
index.html
View File

@ -21,20 +21,15 @@
<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 active" aria-current="page" href="#">Home</a> <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#exampleModal" href="#">Choix d'une carte</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</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">
Dropdown Rechercher une salle
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Par nom</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Par occupant</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>
@ -42,21 +37,37 @@
</div> </div>
</nav> </nav>
<div class="container"> <!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<!-- Map selection --> <div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Sélectionnez un lieu</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Room selection form -->
<form> <form>
<label for="selector_site_M">Site</label>
<input type="radio" name="site" value="M" id="selector_site_M" checked="true">Monod</input> <div class="mb-3">
<input type="radio" name="site" value="D" id="selector_site_D">Descartes</input> <label for="selector_batiment">Site : </label>
| <select name="site" id="selector_site" class="form-select">
<option value="all" selected>Vue d'ensemble</option>
<option value="D">Descartes</option>
<option value="M">Monod</option>
</select>
</div>
<div class="mb-3">
<label for="selector_batiment">Bâtiment : </label> <label for="selector_batiment">Bâtiment : </label>
<select name="batiment" id="selector_batiment"> <select name="batiment" id="selector_batiment" class="form-select">
<option value="GN4">MGN1</option> <option value="GN4">MGN1</option>
</select> </select>
| </div>
<div class="mb-3">
<label for="selector_etage">Étage : </label> <label for="selector_etage">Étage : </label>
<select name="etage" id="selector_etage"> <select name="etage" id="selector_etage" class="form-select">
<option value="-1">Sous-sol</option> <option value="-1">Sous-sol</option>
<option value="0">Rez-de chaussée</option> <option value="0">Rez-de chaussée</option>
<option value="1">Premier étage</option> <option value="1">Premier étage</option>
@ -65,11 +76,17 @@
<option value="3">Troisième étage</option> <option value="3">Troisième étage</option>
<option value="4">Quatrième étage</option> <option value="4">Quatrième étage</option>
</select> </select>
| </div>
<input type="button" value="Vue d'ensemble" id="overviewButton" onclick="overviewButton"/>
</form> </form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Valider</button>
</div>
</div>
</div>
</div>
<br/> <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()">
Votre navigateur ne sait pas charger les objets HTML.... Je vais voir ce que je peux faire. Votre navigateur ne sait pas charger les objets HTML.... Je vais voir ce que je peux faire.