2022-08-04 00:03:57 +02:00
|
|
|
checkToken();
|
2022-08-05 21:20:14 +02:00
|
|
|
signOut();
|
2022-08-25 01:13:17 +02:00
|
|
|
var param = {}
|
2022-08-06 21:48:41 +02:00
|
|
|
|
2022-08-25 01:13:17 +02:00
|
|
|
param["nbPages"] = 20;
|
2022-08-06 21:48:41 +02:00
|
|
|
|
2022-08-25 22:50:59 +02:00
|
|
|
var listSearch = [ "email", "uuid", "search"];
|
|
|
|
for(var i=0; i<listSearch.length; i++){
|
|
|
|
var search = getQuery(listSearch[i]);
|
|
|
|
if(search.length > 0){
|
|
|
|
document.getElementById("searchUser").value=search;
|
|
|
|
}
|
2022-08-25 14:57:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
var listQuery = [{"query": "roles", "id":"inputRoles"}, {"query":"status", "id":"inputStatus"}]
|
|
|
|
|
|
|
|
for (var i=0; i<listQuery.length; i++){
|
|
|
|
var query = getQuery(listQuery[i]["query"]);
|
|
|
|
if(query.length > 0){
|
|
|
|
|
|
|
|
var listOption = document.querySelectorAll("#"+listQuery[i]["id"]+" option");
|
|
|
|
for(var j=0; j<listOption.length; j++){
|
|
|
|
if(query == listOption[j].value){
|
|
|
|
listOption[j].setAttribute("selected", true);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2022-08-06 21:48:41 +02:00
|
|
|
instance.get("users/count", { withCredentials: true }).then(function(response){
|
|
|
|
|
2023-10-21 10:18:21 +02:00
|
|
|
var count = response.data["count"] / param["nbPages"];
|
|
|
|
var reste = response.data["count"] % param["nbPages"];
|
2022-08-06 21:48:41 +02:00
|
|
|
var total = 0;
|
|
|
|
if(reste != 0){
|
|
|
|
total = Number.parseInt(count) + 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
if(total > 1){
|
|
|
|
document.getElementById("page").classList.remove("hidden");
|
2022-08-07 17:21:26 +02:00
|
|
|
var pageCurrent = getQuery("page");
|
|
|
|
var page = 1;
|
|
|
|
if(pageCurrent.length > 0){
|
|
|
|
page = Number.parseInt(pageCurrent);
|
|
|
|
}
|
2022-08-06 21:48:41 +02:00
|
|
|
|
2022-08-07 17:21:26 +02:00
|
|
|
|
|
|
|
for (var i=0; i<total; i++){
|
|
|
|
var liPage = document.querySelectorAll(".page-item")[i+1];
|
|
|
|
var cloneLi = liPage.cloneNode(true);
|
|
|
|
liPage.after(cloneLi);
|
|
|
|
var newPage = i + 2;
|
|
|
|
var aPage = document.querySelectorAll(".page-item")[newPage].querySelector("a");
|
|
|
|
aPage.text=newPage;
|
2022-08-25 22:50:59 +02:00
|
|
|
var newPage = updateParam("page", newpage);
|
|
|
|
aPage.href="/html/users.html?"+newPage;
|
2022-08-07 17:21:26 +02:00
|
|
|
}
|
|
|
|
document.querySelectorAll(".page-item")[page].classList.add("active");
|
|
|
|
if(page != 1){
|
|
|
|
document.querySelectorAll(".page-item")[0].classList.remove("disabled");
|
|
|
|
}
|
|
|
|
if(page == total){
|
|
|
|
document.querySelectorAll(".page-item")[page].classList.add("disabled");
|
|
|
|
}
|
2022-08-06 21:48:41 +02:00
|
|
|
}
|
2022-08-07 17:21:26 +02:00
|
|
|
|
2022-08-06 21:48:41 +02:00
|
|
|
|
|
|
|
});
|
|
|
|
|
2022-08-25 01:13:17 +02:00
|
|
|
param["page"] = 0;
|
2022-08-07 17:27:31 +02:00
|
|
|
var pageCurrent = getQuery("page");
|
|
|
|
if (pageCurrent.length > 0){
|
2022-08-25 01:13:17 +02:00
|
|
|
param["page"] = Number.parseInt(pageCurrent);
|
|
|
|
param["page"] = param["page"] - 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
var listQuery = ["search", "uuid", "roles", "status", "email"];
|
|
|
|
for (var i=0; i<listQuery.length; i++){
|
|
|
|
var query = getQuery(listQuery[i]);
|
|
|
|
if(query.length > 0){
|
|
|
|
param[listQuery[i]]=query;
|
|
|
|
}
|
2022-08-07 17:27:31 +02:00
|
|
|
}
|
|
|
|
|
2022-08-25 01:13:17 +02:00
|
|
|
instance.get("users", {withCredentials: true, params :param}).then(function(response){
|
2022-08-25 22:08:03 +02:00
|
|
|
var listData = response.data;
|
|
|
|
if(!Array.isArray(listData)){
|
|
|
|
var listData = []
|
|
|
|
listData.push(response.data);
|
|
|
|
}
|
2022-08-06 21:48:41 +02:00
|
|
|
for (var i=0; i<listData.length; i++){
|
2022-08-12 22:17:39 +02:00
|
|
|
var trTag = document.querySelector("#users tbody tr").cloneNode(true);
|
2022-08-06 21:48:41 +02:00
|
|
|
if(i != 0){
|
|
|
|
document.querySelector("#users tbody").append(trTag);
|
|
|
|
}
|
|
|
|
var trAll = document.querySelectorAll("#users tbody tr")
|
|
|
|
td = trAll[i].querySelectorAll("td");
|
|
|
|
td[0].textContent = listData[i].id;
|
2022-08-25 22:21:02 +02:00
|
|
|
td[1].textContent = listData[i].pseudo;
|
|
|
|
td[2].textContent = listData[i].email;
|
|
|
|
td[3].textContent = listData[i].roles;
|
2022-08-06 21:48:41 +02:00
|
|
|
var classTd = "";
|
|
|
|
switch(listData[i].status){
|
|
|
|
case 1:
|
|
|
|
classTd = ".activeStatus";
|
|
|
|
break;
|
|
|
|
case 0:
|
|
|
|
classTd = ".disableStatus";
|
|
|
|
break;
|
|
|
|
case 2:
|
|
|
|
classTd = ".confirmStatus";
|
|
|
|
break;
|
|
|
|
case -1:
|
|
|
|
classTd = ".removeStatus";
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
classTd = ".unknownStatus"
|
|
|
|
break;
|
|
|
|
}
|
2022-08-12 22:17:39 +02:00
|
|
|
td[4].querySelector(".activeStatus").classList.add("hidden");
|
2022-08-06 21:48:41 +02:00
|
|
|
td[4].querySelector(classTd).classList.remove("hidden");
|
|
|
|
|
2022-08-25 01:41:06 +02:00
|
|
|
trAll[i].addEventListener("click", function(e){
|
2022-08-06 21:48:41 +02:00
|
|
|
var id = e.currentTarget.querySelector("td").textContent;
|
2022-08-06 21:49:47 +02:00
|
|
|
location.href="/html/user.html?id="+id;
|
2022-08-06 21:48:41 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
|
2022-08-12 21:40:29 +02:00
|
|
|
document.getElementById("addUser").addEventListener("click", function(){
|
|
|
|
location.href="/html/adduser.html";
|
2022-08-15 18:24:15 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
document.getElementById("searchUser").addEventListener("keydown", function(ev){
|
|
|
|
if(ev.key === "Enter"){
|
2022-08-25 22:50:59 +02:00
|
|
|
var param = buildParam("", "");
|
2022-08-25 14:57:42 +02:00
|
|
|
location.href="/html/users.html?"+param;
|
2022-08-15 18:24:15 +02:00
|
|
|
}
|
2022-08-16 19:21:13 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
document.getElementById("inputStatus").addEventListener("change", function(e){
|
2022-08-25 14:57:42 +02:00
|
|
|
var param = buildParam(e, "inputRoles");
|
2022-08-25 01:41:06 +02:00
|
|
|
location.href="/html/users.html?"+param;
|
2022-08-16 19:21:13 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
document.getElementById("inputRoles").addEventListener("change", function(e){
|
2022-08-25 14:57:42 +02:00
|
|
|
var param = buildParam(e, "inputStatus");
|
2022-08-25 01:41:06 +02:00
|
|
|
location.href="/html/users.html?"+param;
|
2022-08-25 01:13:17 +02:00
|
|
|
});
|
2022-08-12 21:40:29 +02:00
|
|
|
|
|
|
|
|
2022-08-06 21:48:41 +02:00
|
|
|
|
2022-08-16 19:21:13 +02:00
|
|
|
|