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

Room research modal

Browse Source
This commit is contained in:
Adrien Vannson 2021-10-14 12:38:53 +02:00
parent 27eb0b4cc9
commit 7d16a1117f
2 changed files with 60 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@ -23,7 +23,11 @@
<li class="nav-item">
<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 class="nav-item dropdown">
<li class="nav-item">
<a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#room-research-modal" href="#">Recherche d'une salle</a>
</li>
<!--<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Rechercher une salle
</a>
@ -31,7 +35,7 @@
<li><a class="dropdown-item" href="#">Par nom</a></li>
<li><a class="dropdown-item" href="#">Par occupant</a></li>
</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>
@ -87,6 +91,53 @@
</div>
</div>
<!-- Room research modal -->
<div class="modal fade" id="room-research-modal" tabindex="-1" aria-labelledby="room-research-modal-label" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="room-research-modal-label">Rechercher une salle</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="research" class="form-label">Recherche</label>
<input type="text" class="form-control" id="research" aria-describedby="research-label">
<div id="research-label" class="form-text">Nom de la salle, code, occupants, ...</div>
</div>
<button type="button" class="btn btn-primary" onclick="researchRoom();">Rechercher</button>
</form>
<hr/>
<!-- Research results -->
<table class="table">
<thead>
<tr>
<th scope="col">Nom</th>
<th scope="col">Occupants</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Amphi B</th>
<td></td>
</tr>
<tr>
<th scope="row">GN1.326</th>
<td>Elise JANNEAU, Eddy CARON</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-bs-dismiss="modal">Fermer</button>
</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">

7
resources/script.js
View File

@ -10,6 +10,13 @@ function httpGetAsync(theUrl, callback)
xmlHttp.send(null);
}
function researchRoom()
{
let text = document.getElementById('research').value;
}
function putWaitNetworkScreen()
{
outputDiv.innerHTML = "Récupération des informations auprès du serveur...";