This commit is contained in:
2023-07-14 10:24:06 +05:00
parent 6dc312d156
commit 1a88b8bb64
17 changed files with 492 additions and 360 deletions

View File

@ -7,7 +7,7 @@
display: flex;
justify-content: space-between;
text-align: center;
margin: 20px auto;
margin: 0px auto;
padding: 10px;
background-color:cornsilk;
}
@ -27,20 +27,30 @@
list-style: none;
height: 320px;
}
#find_user_btns{
/* display: flex; */
margin: auto 0px;
/* height: 25px; */
}
</style>
<h1><%=lang("users")%></h1>
<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><%= lang("total") %>:&nbsp;</h1> <h1 id="users_count">0</h1></div>
<div style="display: flex;margin: auto 0px;"><%=lang("from")%>&nbsp;<div id="users_from">0</div>&nbsp;<%=lang("to")%>&nbsp;<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 <%= lang("back") %></button></div>
<div style="margin: auto 0px;"><button onclick="users_from+=load_interval;load_users_data(users_from);"><%= lang("next") %> 10 ></button></div>
<div style="display: flex;"><h1>всего:&nbsp;</h1> <h1 id="users_count">0</h1></div>
<div style="display: flex;margin: auto 0px;">с&nbsp;<div id="users_from">0</div>&nbsp;по&nbsp;<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><%= lang("login") %></div><div><%= lang("privileges") %></div><div><%= lang("edit") %></div></li>
<ul id="user_list">
</ul>
<li id="first_user"><div>логин</div><div>превилегии</div><div>функции</div></li>
<ul id="user_list"></ul>
</div>
</section>
@ -49,54 +59,53 @@
let users_from = 0;
let load_interval = 5;
load_users_data(users_from);
function load_users_data(from,to){
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;
$.post( "/admin/users/get",{from:from,load_interval:load_interval})
.done(function( res ) {
// console.log("serv reg");
if(res["out"] == "good"){
// console.log(res["body"]);
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 = "<%=lang('edit')%>";
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);
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);
});
}
});
// document.getElementById("reg_response").innerHTML = `user ${login} successfully registered `;
}
else if (res["out"] == "bad"){
}
});
}
}
function user_edit(key){
let user = document.getElementById("user_edit_menu");
@ -107,7 +116,7 @@
let value = null;
if(key!="admin") {value = ask(key,document.getElementById(`${key}_${id}`).innerText)}
else if (confirm(`<%=lang('are you sure you want to change')%> <%=lang('admin privileges')%> <%=lang('for')%> ${login} <%=lang("to the")%> ${!admin}?`) == true){value = (!admin)};
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 ) {
@ -125,8 +134,8 @@
let user = document.getElementById("user_edit_menu");
let id = user.getAttribute("login_id");
let login = user.getAttribute("login_name");
if(confirm(`<%= lang("are you sure you want to delete user") %> ${login}?`) == true){
$.post( "/admin/users/del/user",{login:login,id:id})
if(confirm(`вы точно хотите удалить пользователя ${login}?`) == true){
$.post( "/admin/users/delete",{login:login,id:id})
.done(function( res ) {
if(res["out"] == "good"){
load_users_data(users_from);
@ -135,29 +144,10 @@
}
}
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 = "<%= lang('change login') %>";
user_chenge_name.setAttribute("onclick","user_edit('login')");
let user_chenge_pass = document.createElement("button");
user_chenge_pass.innerHTML = "<%= lang('change password') %>";
user_chenge_pass.setAttribute("onclick","user_edit('pass')");
let user_chenge_prevs = document.createElement("button");
user_chenge_prevs.innerHTML = "<%= lang('change privileges') %>";
user_chenge_prevs.setAttribute("onclick","user_edit('admin')");
let user_delete = document.createElement("button");
user_delete.innerHTML = "<%= lang('delete user') %>";
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);
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>

View File

@ -1,23 +1,23 @@
<style>
.main_sec{
.user_reg_form{
margin: auto;
/* display: flex; */
text-align: center;
}
</style>
<h1><%= lang("user registration") %></h1>
<div class="main_sec">
<h1>регистрация пользователя</h1>
<form action="#" class="user_reg_form">
<div>
<input type="text" id="login" name="login" value="" placeholder="<%= lang("login") %>">
<input type="password" id="pass" name="pass" value="" placeholder="<%= lang("password") %>">
<button onclick='reg();'><%= lang("register") %></button>
<input type="text" id="login" name="login" value="" placeholder="логин">
<input type="password" id="pass" name="pass" value="" placeholder="пароль">
<input type="submit" onclick='reg();' value="зарегистрировать">
</div>
<div>
<label for="admin_check"><%= lang("admin") %></label>
<label for="admin_check">админ. привелегии</label>
<input type="checkbox" name="admin" value='false' id="admin_check">
</div>
<div id="reg_response"></div>
</div>
</form>
<script>
function reg(){
@ -27,18 +27,20 @@
let admin = document.getElementById("admin_check").checked;
// console.log(login,pass,admin);
// console.log("cl reg");
$.post( "/admin/users/reg", { login:login,pass:pass,admin:admin })
.done(function( res ) {
// console.log("serv reg");
if(res["out"] == "good"){
// console.log(res["body"]);
document.getElementById("reg_response").innerHTML = `user ${login} successfully registered `;
load_users_data(users_from);
if(login != ""&&pass!=""){
$.post( "/admin/users/new", { login:login,pass:pass,admin:admin })
.done(function( res ) {
// console.log("serv reg");
if(res["out"] == "good"){
// console.log(res["body"]);
document.getElementById("reg_response").innerHTML = `user ${login} successfully registered `;
load_users_data(users_from);
}
else if (res["out"] == "bad"){
document.getElementById("reg_response").innerHTML = "cannot register user "+login+" already in use";
}
});
}
else if (res["out"] == "bad"){
document.getElementById("reg_response").innerHTML = "cannot register user "+login+" already in use";
}
});
}
}
</script>