agenda/backoffice
1
0
Fork 0
forked from v4l3n71n/covas-bo
Code Issues Pull Requests Projects Releases 3 Wiki Activity

add pages select

Browse Source
This commit is contained in:
Valentin CZERYBA 2023-11-04 22:42:05 +01:00
parent 5a7283b92f
commit 4ed38c4940
3 changed files with 62 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
web/html/users.html
View File

@ -141,7 +141,7 @@
<div class="row g-3">
<div class="col-auto">
<label for="inputRoles" class="form-label">Roles</label>
<label for="inputRoles" class="form-label">Rôle :</label>
<select class="form-select" id="inputRoles" aria-label="Default select example">
<option value="All" selected>Tout</option>
<option value="Admin">Administrateurs</option>
@ -149,7 +149,7 @@
</select>
</div>
<div class="col-auto">
<label for="inputStatus" class="form-label">Statut</label>
<label for="inputStatus" class="form-label">Statut :</label>
<select class="form-select" id="inputStatus" aria-label="Default select example">
<option value="-2" selected>Tout</option>
<option value="-1">En cours de suppression</option>
@ -158,13 +158,30 @@
<option value="2">En cours de validation</option>
</select>
</div>
</div>
<br />
<button type="button" class="btn btn-success" id="enableUserButton" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
<button type="button" class="btn btn-warning " id="disableUserButton" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
<button type="button" class="btn btn-danger" id="removeUserButton" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
<br /><br /><br />
<div class="col-auto">
<label for="inputPages" class="form-label">Page :</label>
<select class="form-select" id="inputPages" aria-label="Page">
<option value="20" selected>20</option>
<option value="40">40</option>
<option value="60">60</option>
<option value="80">80</option>
<option value="100">100</option>
</select>
</div>
</div>
<br /><br />
<div class="row g-3">
<div class="col-auto">
<button type="button" class="btn btn-success" id="enableUserButton" data-bs-toggle="modal" data-bs-target="#enableUserModal">Activer l'utilisateur</button>
</div>
<div class="col-auto">
<button type="button" class="btn btn-warning " id="disableUserButton" data-bs-toggle="modal" data-bs-target="#disableUserModal">Désactiver l'utilisateur</button>
</div>
<div class="col-auto">
<button type="button" class="btn btn-danger" id="removeUserButton" data-bs-toggle="modal" data-bs-target="#removeUserModal">Supprimer l'utilisateur</button>
</div>
</div>
<br /><br /><br />
<table id=users class="table table-striped table-sm">
<thead>
<tr>

47
web/js/library.js
View File

@ -21,34 +21,39 @@ function checkToken(){
}
function buildParam(e, id){
function buildParam(typeInput){
var search = document.getElementById("searchUser").value;
var param = "";
var listParam = ["page", "nbPages"];
if(id.length > 0){
var select = document.getElementById(id);
var getId = select.options[select.selectedIndex].value;
if(id == "inputRoles"){
var status = e.target.value;
if(status != "-2"){
param = param + "status="+status+"&";
}
if(getId != "All"){
param = param + "roles="+getId;
var listParam = ["skip"];
if(typeInput.length > 0){
listId =["inputRoles", "inputStatus", "inputPages"]
for (var i=0; i<listId.length; i++) {
var select = document.getElementById(listId[i]);
var getId = select.options[select.selectedIndex].value;
switch (listId[i])
{
case "inputRoles":
if (getId != "All"){
param = param + "roles=" + getId + "&";
}
break;
case "inputStatus":
if (getId != "-2"){
param = param + "status=" + getId + "&";
}
break;
case "inputPages":
param = param + "limit=" + getId + "&";
break;
default:
break;
}
}
if(id == "inputStatus"){
var roles = e.target.value;
if(getId != "-2"){
param = param + "status="+getId+"&";
}
if(roles != "All"){
param = param + "roles="+roles+"&";
}
}
} else {
listParam.push("roles");
listParam.push("status");
listParam.push("limit");
}
if(search.length > 0){

20
web/js/users.js
View File

@ -12,7 +12,7 @@ for(var i=0; i<listSearch.length; i++){
}
}
var listQuery = [{"query": "roles", "id":"inputRoles"}, {"query":"status", "id":"inputStatus"}]
var listQuery = [{"query": "roles", "id":"inputRoles"}, {"query":"status", "id":"inputStatus"}, {"query":"limit", "id":"inputPages"}]
for (var i=0; i<listQuery.length; i++){
var query = getQuery(listQuery[i]["query"]);
@ -199,20 +199,20 @@ document.getElementById("addUser").addEventListener("click", function(){
document.getElementById("searchUser").addEventListener("keydown", function(ev){
if(ev.key === "Enter"){
var param = buildParam("", "");
var param = buildParam("");
location.href="/html/users.html?"+param;
}
});
document.getElementById("inputStatus").addEventListener("change", function(e){
var param = buildParam(e, "inputRoles");
location.href="/html/users.html?"+param;
});
document.getElementById("inputRoles").addEventListener("change", function(e){
var param = buildParam(e, "inputStatus");
location.href="/html/users.html?"+param;
});
listInput = ["Status", "Roles", "Pages" ]
for (var i=0; i<listInput.length; i++){
document.getElementById("input"+listInput[i]).addEventListener("change", function(e){
var param = buildParam("inputSelect");
location.href="/html/users.html?"+param;
});
}