Mysaa/gpens
1
0
Fork 0
mirror of https://gitlab.aliens-lyon.fr/savrillo/gpens.git synced 2026-03-18 02:01:03 +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

89
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,35 +37,57 @@
</div> </div>
</nav> </nav>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<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>
<div class="mb-3">
<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>
<select name="batiment" id="selector_batiment" class="form-select">
<option value="GN4">MGN1</option>
</select>
</div>
<div class="mb-3">
<label for="selector_etage">Étage : </label>
<select name="etage" id="selector_etage" class="form-select">
<option value="-1">Sous-sol</option>
<option value="0">Rez-de chaussée</option>
<option value="1">Premier étage</option>
<option value="1+">Premier étage plus</option>
<option value="2">Deuxième étage</option>
<option value="3">Troisième étage</option>
<option value="4">Quatrième étage</option>
</select>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Valider</button>
</div>
</div>
</div>
</div>
<div class="container"> <div class="container">
<!-- Map selection -->
<form>
<label for="selector_site_M">Site</label>
<input type="radio" name="site" value="M" id="selector_site_M" checked="true">Monod</input>
<input type="radio" name="site" value="D" id="selector_site_D">Descartes</input>
|
<label for="selector_batiment">Bâtiment : </label>
<select name="batiment" id="selector_batiment">
<option value="GN4">MGN1</option>
</select>
|
<label for="selector_etage">Étage : </label>
<select name="etage" id="selector_etage">
<option value="-1">Sous-sol</option>
<option value="0">Rez-de chaussée</option>
<option value="1">Premier étage</option>
<option value="1+">Premier étage plus</option>
<option value="2">Deuxième étage</option>
<option value="3">Troisième étage</option>
<option value="4">Quatrième étage</option>
</select>
|
<input type="button" value="Vue d'ensemble" id="overviewButton" onclick="overviewButton"/>
</form>
<br/>
<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.
</object> </object>