154 lines
7.9 KiB
Plaintext
154 lines
7.9 KiB
Plaintext
<style>
|
||
#users_section{
|
||
width: 80vw;
|
||
margin: auto;
|
||
}
|
||
#users_section li{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
text-align: center;
|
||
margin: 0px auto;
|
||
padding: 10px;
|
||
background-color:cornsilk;
|
||
}
|
||
#users_section li div:not(#first_user div){
|
||
/* margin: auto; */
|
||
width: 100px;
|
||
text-align: center;
|
||
}
|
||
#first_user div{
|
||
/* text-align: center; */
|
||
width: 100px;
|
||
text-align: center;
|
||
}
|
||
#users_section ul{
|
||
padding: 0px;
|
||
margin: 0px;
|
||
list-style: none;
|
||
height: 320px;
|
||
}
|
||
#find_user_btns{
|
||
/* display: flex; */
|
||
margin: auto 0px;
|
||
/* height: 25px; */
|
||
}
|
||
</style>
|
||
|
||
<div style="display: flex;justify-content: space-between;">
|
||
<h1>пользователи</h1>
|
||
<div id="find_user_btns">
|
||
<button onclick="load_users_data(users_from,true);">найти по имени</button>
|
||
<button onclick="load_users_data(users_from)">очистить</button>
|
||
</div>
|
||
</div>
|
||
<section id="users_section">
|
||
<div style="display: flex;justify-content: space-between;margin: auto;">
|
||
<div style="display: flex;"><h1>всего: </h1> <h1 id="users_count">0</h1></div>
|
||
<div style="display: flex;margin: auto 0px;">с <div id="users_from">0</div> по <div id="users_to">10</div></div>
|
||
<div style="margin: auto 0px;"><button onclick="if(users_from-load_interval>=0){users_from-=load_interval;load_users_data(users_from);}">< 10 назад</button></div>
|
||
<div style="margin: auto 0px;"><button onclick="users_from+=load_interval;load_users_data(users_from);">даллее ></button></div>
|
||
</div>
|
||
<div>
|
||
<li id="first_user"><div>логин</div><div>превилегии</div><div>функции</div></li>
|
||
<ul id="user_list"></ul>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<script>
|
||
let users_from = 0;
|
||
let load_interval = 5;
|
||
load_users_data(users_from);
|
||
function load_users_data(from,by_name=false){
|
||
// if(to == "forward") {users_from+=load_interval;}
|
||
// else if(to == "back") {users_from-=load_interval;}
|
||
document.getElementById("user_list").innerHTML = "";
|
||
document.getElementById("users_from").innerText = from;
|
||
document.getElementById("users_to").innerText = from+load_interval;
|
||
if(!by_name){
|
||
$.post( "/admin/users/get",{from:from,load_interval:load_interval})
|
||
.done(function( res ) {
|
||
if(res["out"] == "good"){
|
||
document.getElementById("users_count").innerText = res["count"];
|
||
res["body"].forEach(user => {
|
||
let user_sec = document.createElement("li");user_sec.id = `user_${user["id"]}`;
|
||
let user_name = document.createElement("div");user_name.id = `login_${user["id"]}`;user_name.innerText = user["login"];
|
||
let user_pass = document.createElement("div");user_pass.id = `pass_${user["id"]}`;user_pass.innerText = user["pass"];user_pass.style.display = "none";
|
||
let user_prevs = document.createElement("div");user_prevs.id = `admin_${user["id"]}`;user_prevs.innerText = Boolean(user["admin"]);
|
||
let user_buttons = document.createElement("button");user_buttons.id = "user_buttons"; user_buttons.innerText = "изменить"; user_buttons.classList.add(user["id"]); user_buttons.classList.add("menu_btn");
|
||
|
||
user_sec.append(user_pass);user_sec.append(user_name);user_sec.append(user_prevs);user_sec.append(user_buttons);
|
||
document.getElementById("user_list").append(user_sec);
|
||
});
|
||
}
|
||
else if (res["out"] == "bad"){
|
||
|
||
}
|
||
});
|
||
}
|
||
else{
|
||
let login = ask("имя");
|
||
if (login != ""){
|
||
$.post( "/admin/users/find",{login:login,from:from,load_interval:load_interval})
|
||
.done(function( res ) {
|
||
if(res["out"] == "good"){
|
||
res["body"].forEach(user => {
|
||
let user_sec = document.createElement("li");user_sec.id = `user_${user["id"]}`;
|
||
let user_name = document.createElement("div");user_name.id = `login_${user["id"]}`;user_name.innerText = user["login"];
|
||
let user_pass = document.createElement("div");user_pass.id = `pass_${user["id"]}`;user_pass.innerText = user["pass"];user_pass.style.display = "none";
|
||
let user_prevs = document.createElement("div");user_prevs.id = `admin_${user["id"]}`;user_prevs.innerText = Boolean(user["admin"]);
|
||
let user_buttons = document.createElement("button");user_buttons.id = "user_buttons"; user_buttons.innerText = "изменить"; user_buttons.classList.add(user["id"]); user_buttons.classList.add("menu_btn");
|
||
|
||
user_sec.append(user_pass);user_sec.append(user_name);user_sec.append(user_prevs);user_sec.append(user_buttons);
|
||
document.getElementById("user_list").append(user_sec);
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
function user_edit(key){
|
||
let user = document.getElementById("user_edit_menu");
|
||
let id = user.getAttribute("login_id");
|
||
let login = user.getAttribute("login_name");
|
||
let admin = JSON.parse(user.getAttribute("login_admin"));
|
||
let pass= user.getAttribute("login_pass");
|
||
let value = null;
|
||
|
||
if(key!="admin") {value = ask(key,document.getElementById(`${key}_${id}`).innerText)}
|
||
else if (confirm(`вы точно хотите изменить привелегии пользователя ${login} на ${!admin}?`) == true){value = (!admin)};
|
||
if(value != null){
|
||
$.post( "/admin/users/edit",{key:key,value:value,id:id,login:login})
|
||
.done(function( res ) {
|
||
// console.log("serv reg");
|
||
if(res["out"] == "good"){
|
||
document.getElementById(`${key}_${id}`).innerText = value;
|
||
}
|
||
if(res["out"] == "bad"){
|
||
alert("this name is in use")
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function user_del(){
|
||
let user = document.getElementById("user_edit_menu");
|
||
let id = user.getAttribute("login_id");
|
||
let login = user.getAttribute("login_name");
|
||
if(confirm(`вы точно хотите удалить пользователя ${login}?`) == true){
|
||
$.post( "/admin/users/delete",{login:login,id:id})
|
||
.done(function( res ) {
|
||
if(res["out"] == "good"){
|
||
load_users_data(users_from);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
let user_edit_menu = document.createElement("div");user_edit_menu.id = "user_edit_menu"; user_edit_menu.classList.add("cmenu");
|
||
let user_chenge_name = document.createElement("button");user_chenge_name.innerHTML = "именить логин"; user_chenge_name.setAttribute("onclick","user_edit('login')");
|
||
let user_chenge_pass = document.createElement("button");user_chenge_pass.innerHTML = "изменить пароль"; user_chenge_pass.setAttribute("onclick","user_edit('pass')");
|
||
let user_chenge_prevs = document.createElement("button");user_chenge_prevs.innerHTML = "сменить привелегии";user_chenge_prevs.setAttribute("onclick","user_edit('admin')");
|
||
let user_delete = document.createElement("button");user_delete.innerHTML = "удалить пользователя";user_delete.setAttribute("onclick","user_del()");
|
||
user_edit_menu.append(user_chenge_name);user_edit_menu.append(user_chenge_pass);user_edit_menu.append(user_chenge_prevs);user_edit_menu.append(user_delete);document.body.append(user_edit_menu);
|
||
</script>
|