Add MessageID for asynchronous request

ID is stored in the session with the type `uint32`

Correction javascript

For the `for loop`, we need don't forget than know we have in format
`JSON` the response: `search:{..}, id:0`
For the id, don't forget to change the global value of `JS`.

1 files changed, 19 insertions, 14 deletions

diff --git a/static/javascript/search.js b/static/javascript/search.js
index b82b232..7675c0e 100644
--- a/static/javascript/search.js
+++ b/static/javascript/search.js
@@ -1,3 +1,5 @@
+var perso_id = 0;
+
 function searchDirectory() {
     var input = document.getElementById("search").value;
     if(input){
@@ -8,23 +10,26 @@ function searchDirectory() {
             //Response from Request Ajax
             var jsonResponse = JSON.parse(xhttp.responseText);
 
-            //We get the old table element, we create an new table element then we increment this new table.
-            //After the new add, we replace the old table by the new one.
-            var old_table = document.getElementById("users");
-            var table = document.createElement('tbody');
-            table.setAttribute("id","users");
+            if (perso_id < jsonResponse.id) {
+                perso_id = jsonResponse.id
+                //We get the old table element, we create an new table element then we increment this new table.
+                //After the new add, we replace the old table by the new one.
+                var old_table = document.getElementById("users");
+                var table = document.createElement('tbody');
+                table.setAttribute("id","users");
             
-            for (let i =0; i < Object.keys(jsonResponse).length; i++) {
-                var row = table.insertRow(0);
-                var identifiant = row.insertCell(0);
-                var name = row.insertCell(1);
-                var email = row.insertCell(2);
-                identifiant.innerHTML = `<a href="/admin/ldap/${jsonResponse[i].dn}">${jsonResponse[i].identifiant}</a>`
-                name.innerHTML = jsonResponse[i].name
-                email.innerHTML = jsonResponse[i].email
+                for (let i =0; i < Object.keys(jsonResponse.search).length; i++) {
+                    var row = table.insertRow(0);
+                    var identifiant = row.insertCell(0);
+                    var name = row.insertCell(1);
+                    var email = row.insertCell(2);
+                    identifiant.innerHTML = `<a href="/admin/ldap/${jsonResponse.search[i].dn}">${jsonResponse.search[i].identifiant}</a>`
+                    name.innerHTML = jsonResponse.search[i].name
+                    email.innerHTML = jsonResponse.search[i].email
 
+                }
+                old_table.parentNode.replaceChild(table, old_table)
             }
-            old_table.parentNode.replaceChild(table, old_table)
         }
         };
         xhttp.overrideMimeType("application/json");