diff options
| author | MrArmonius <mrarmonius@gmail.com> | 2021-07-21 21:22:29 +0200 |
|---|---|---|
| committer | Alex Auvolat <alex@adnab.me> | 2021-08-16 12:54:08 +0200 |
| commit | 819d7bf02f1c7b119468c1353b78a3d3bb7015fe (patch) | |
| tree | f38f3b7267ca0b1d5f4dbfda63820bbde367ba3e | |
| parent | b1ce932cd67be22d73606f377d2432ea389be71f (diff) | |
| download | guichet-819d7bf02f1c7b119468c1353b78a3d3bb7015fe.tar.gz guichet-819d7bf02f1c7b119468c1353b78a3d3bb7015fe.zip | |
New HTML Directory
| -rw-r--r-- | static/javascript/search.js | 16 | ||||
| -rw-r--r-- | templates/directory.html | 33 | ||||
| -rw-r--r-- | templates/home.html | 1 | ||||
| -rw-r--r-- | templates/layout.html | 1 |
4 files changed, 44 insertions, 7 deletions
diff --git a/static/javascript/search.js b/static/javascript/search.js index ea1e155..b82b232 100644 --- a/static/javascript/search.js +++ b/static/javascript/search.js @@ -1,8 +1,8 @@ function searchDirectory() { var input = document.getElementById("search").value; - - var xhttp = new XMLHttpRequest(); - xhttp.onreadystatechange = function() { + if(input){ + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 201) { // Typical action to be performed when the document is ready: //Response from Request Ajax @@ -26,10 +26,12 @@ function searchDirectory() { } old_table.parentNode.replaceChild(table, old_table) } - }; - xhttp.overrideMimeType("application/json"); - xhttp.open("GET", "/search/".concat(input), true); - xhttp.send(); + }; + xhttp.overrideMimeType("application/json"); + xhttp.open("GET", "/search/".concat(input), true); + xhttp.send(); + } + diff --git a/templates/directory.html b/templates/directory.html new file mode 100644 index 0000000..bdc587f --- /dev/null +++ b/templates/directory.html @@ -0,0 +1,33 @@ +{{define "title"}}Directory |{{end}} + +{{define "body"}} +<div class="d-flex"> + <h4>Directory</h4> + <a class="ml-auto btn btn-info" href="/">Menu principal</a> +</div> + + + +<div class="d-flex"> + <div class="d-flex mx-auto"> + <p class="">Name:</p> + <form class="px-2" style="width: fit-content;"> + <input id="search" type="text" onkeyup="searchDirectory()" size="20"> + </form> + </div> +</div> + +<table class="table mt-4"> + <thead> + <th scope="col">Identifiant</th> + <th scope="col">Nom complet</th> + <th scope="col">Email</th> + </thead> + <tbody id="users"> + + + </tbody> + </table> + <script src="/static/javascript/search.js"></script> + +{{end}}
\ No newline at end of file diff --git a/templates/home.html b/templates/home.html index 5556ba7..7d8cc99 100644 --- a/templates/home.html +++ b/templates/home.html @@ -16,6 +16,7 @@ <div class="list-group list-group-flush"> <a class="list-group-item list-group-item-action" href="/profile">Modifier mon profil</a> <a class="list-group-item list-group-item-action" href="/passwd">Modifier mon mot de passe</a> + <a class="list-group-item list-group-item-action" href="/directory">Annuaire</a> </div> </div> diff --git a/templates/layout.html b/templates/layout.html index 5f4a315..f59f9fe 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -6,6 +6,7 @@ <link rel="stylesheet" href="/static/css/bootstrap.min.css"> + <title>{{template "title"}} Guichet</title> </head> <body> |