wt/auth_service
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

web refactor

Browse Source
This commit is contained in:
wt committed 2024-06-05 23:42:32 +07:00
1 parent d70d589294
commit 7e9f7b019d
6 files changed
+135 -136
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/web/index.html
+121 -121
View File
@@ -11,136 +11,136 @@
<title>admin</title>
</head>
<body>
<div class="header">
<button class="exitbutton headerbutton">Exit</button>
<button class="adduserbutton headerbutton">Adduser</button>
<h1 class="usernameheader"></h1>
</div>
<div class="header">
<button class="exitbutton headerbutton">Exit</button>
<button class="adduserbutton headerbutton">Adduser</button>
<h1 class="usernameheader"></h1>
</div>
<div class="form loginform">
<form class="formbody loginformbody">
<h1 class="loginformheader">Login</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="loginforminputusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Passsword</div>
<input type="password" required id="loginforminputpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">login</button>
</div>
</form>
</div>
<div class="form loginform">
<form class="formbody loginformbody">
<h1 class="loginformheader">Login</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="loginforminputusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Passsword</div>
<input type="password" required id="loginforminputpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">login</button>
</div>
</form>
</div>
<div class="form adduserform">
<form class="formbody adduserformbody">
<h1 class="loginformheader">Add User</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="adduserformusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Password</div>
<input type="password" required id="adduserformpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Group</div>
<input type="text" required id="adduserformgroup" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Is Superuser</div>
<input type="checkbox" id="adduserformissuperuser" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Add</button>
<button class="canceladduser loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="form adduserform">
<form class="formbody adduserformbody">
<h1 class="loginformheader">Add User</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="adduserformusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Password</div>
<input type="password" required id="adduserformpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Group</div>
<input type="text" required id="adduserformgroup" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Is Superuser</div>
<input type="checkbox" id="adduserformissuperuser" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Add</button>
<button class="canceladduser loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="form changeuserform">
<form class="formbody changeuserformbody">
<h1 class="loginformheader">Change User Data</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="changeuserformusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Password</div>
<input type="password" id="changeuserformpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Group</div>
<input type="text" required id="changeuserformgroup" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Is Superuser</div>
<input type="checkbox" id="changeuserformissuperuser" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Change</button>
<button class="cancelchangeuser loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="form changeuserform">
<form class="formbody changeuserformbody">
<h1 class="loginformheader">Change User Data</h1>
<div class="loginforminputbody">
<div class="loginformlabel">Username</div>
<input type="text" required id="changeuserformusername" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Password</div>
<input type="password" id="changeuserformpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Group</div>
<input type="text" required id="changeuserformgroup" class="loginforminput">
</div>
<div class="loginforminputbody">
<div class="loginformlabel">Is Superuser</div>
<input type="checkbox" id="changeuserformissuperuser" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Change</button>
<button class="cancelchangeuser loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="form confirmform">
<div class="formbody confirmformbody">
<h1>Are you sure?</h1>
<div class="loginforminputbodyflex">
<button class="no loginformbutton">Cancel</button>
<button class="yes loginformbutton">Confirm</button>
</div>
<div class="form confirmform">
<div class="formbody confirmformbody">
<h1>Are you sure?</h1>
<div class="loginforminputbodyflex">
<button class="no loginformbutton">Cancel</button>
<button class="yes loginformbutton">Confirm</button>
</div>
</div>
</div>
<div class="form changepasswordform">
<form class="formbody changepasswordformbody">
<h1 class="loginformheader">Change Password</h1>
<div class="loginforminputbody">
<div class="loginformlabel">New password</div>
<input type="text" required id="changepasswordnewpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Change</button>
<button class="cancelchangepassword loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="message">
<div class="messagetextbox">
<h3 class="messagetext"></h3>
<div class="form changepasswordform">
<form class="formbody changepasswordformbody">
<h1 class="loginformheader">Change Password</h1>
<div class="loginforminputbody">
<div class="loginformlabel">New password</div>
<input type="text" required id="changepasswordnewpassword" class="loginforminput">
</div>
<div class="loginforminputbody">
<button class="loginformbutton">Change</button>
<button class="cancelchangepassword loginformbutton">Cancel</button>
</div>
</form>
</div>
<div class="message">
<div class="messagetextbox">
<h3 class="messagetext"></h3>
</div>
<table class="headers">
<thead class="alluserstablehead">
<tr>
<th>id</th>
<th>username</th>
<th>group</th>
<th>is_superuser</th>
<th>delete</th>
<th>change password</th>
<th>change user data</th>
</tr>
</thead>
</div>
<table class="headers">
<thead class="alluserstablehead">
<tr>
<th>id</th>
<th>username</th>
<th>group</th>
<th>is_superuser</th>
<th>delete</th>
<th>change password</th>
<th>change user data</th>
</tr>
</thead>
</table>
<div class="table">
<table class="alluserstable">
<tbody class="alluserstablebody"></tbody>
</table>
<div class="table">
<table class="alluserstable">
<tbody class="alluserstablebody"></tbody>
</table>
</div>
<script src="js/message.js"></script>
<script src="js/routes.js"></script>
<script src="js/window.js"></script>
<script src="js/login.js"></script>
<script src="js/get_all_users.js"></script>
<script src="js/add_user.js"></script>
<script src="js/del_user.js"></script>
<script src="js/change_password.js"></script>
<script src="js/change_user.js"></script>
</div>
<script src="js/message.js"></script>
<script src="js/routes.js"></script>
<script src="js/window.js"></script>
<script src="js/login.js"></script>
<script src="js/get_all_users.js"></script>
<script src="js/add_user.js"></script>
<script src="js/del_user.js"></script>
<script src="js/change_password.js"></script>
<script src="js/change_user.js"></script>
</body>
</html>
src/web/js/add_user.js
+1 -1
View File
@@ -32,7 +32,7 @@ adduserformbody.addEventListener('submit', async (e) => {
})
if (status.status === "ok") {
adduserform.classList.remove('active')
get_all_users()
await get_all_users()
notification("Пользователь успешно добавлен", "success")
usernameinput.value = ""
passwordinput.value = ""
src/web/js/change_password.js
+1 -1
View File
@@ -3,7 +3,7 @@ const cancelchangepassword = document.querySelector('.cancelchangepassword')
const changepasswordformbody = document.querySelector('.changepasswordformbody')
const changepasswordnewpassword = document.querySelector('#changepasswordnewpassword')
var changepassuserid = ""
let changepassuserid = "";
const change_password = (userid) => {
changepasswordform.classList.add('active')
src/web/js/change_user.js
+7 -7
View File
@@ -6,8 +6,8 @@ const changeuserformgroup = document.querySelector('#changeuserformgroup')
const changeuserformissuperuser = document.querySelector('#changeuserformissuperuser')
const cancelchangeuser = document.querySelector(".cancelchangeuser")
var changedatauserid = ""
var userdata = ""
let changedatauserid = "";
let userdata = "";
const change_user_data = async (userid) => {
changeuserform.classList.add('active')
@@ -24,7 +24,7 @@ const change_user_data = async (userid) => {
changeuserformusername.value = userdata.username
changeuserformgroup.value = userdata.group
console.log(changeuserformissuperuser.checked)
changeuserformissuperuser.checked = userdata.is_superuser === "1"?true:false
changeuserformissuperuser.checked = userdata.is_superuser === "1"
}
cancelchangeuser.addEventListener('click', (e) => {
@@ -34,13 +34,13 @@ cancelchangeuser.addEventListener('click', (e) => {
changeuserformbody.addEventListener('submit', async (e) => {
e.preventDefault()
var request = {
let request = {
token: localStorage.getItem('token'),
userid: changedatauserid,
username: changeuserformusername.value,
is_superuser: changeuserformissuperuser.checked?"1":"0",
is_superuser: changeuserformissuperuser.checked ? "1" : "0",
group: changeuserformgroup.value
}
};
if (changeuserformpassword.value !== "") {request = {...request, "password": changeuserformpassword.value}}
const status = await fetch(routes.change_user(), {
method: 'POST',
@@ -52,6 +52,6 @@ changeuserformbody.addEventListener('submit', async (e) => {
if (status.status === "ok") {
notification("Данные пользователя успешно изменены", "success")
changeuserform.classList.remove('active')
get_all_users()
await get_all_users()
}
})
src/web/js/del_user.js
+2 -2
View File
@@ -3,7 +3,7 @@ const confirmform = document.querySelector('.confirmform')
const confirmformcancel = document.querySelector('.no')
const confirmformok = document.querySelector('.yes')
var useridtodelete = ""
let useridtodelete = "";
userstablebody.addEventListener('click', e => {
if (e.target.classList.contains('deleteuser')) {
@@ -32,7 +32,7 @@ confirmformok.addEventListener('click', async () => {
})
if (status.status === "ok") {
confirmform.classList.remove('active')
get_all_users()
await get_all_users()
notification("Пользователь успешно удален", "success")
}
})
src/web/js/login.js
+3 -4
View File
@@ -2,7 +2,6 @@ const loginform = document.querySelector('.loginform')
const loginformbody = document.querySelector('.loginformbody')
const loginforminputusername = document.querySelector('#loginforminputusername')
const loginforminputpassword = document.querySelector('#loginforminputpassword')
const loginformbutton = document.querySelector('.loginformbutton')
const exitbutton = document.querySelector('.exitbutton')
const usernameheader = document.querySelector('.usernameheader')
@@ -35,13 +34,13 @@ const login = async (username, password) => {
notification("Успешно", "success")
loginform.classList.remove("active")
localStorage.setItem("token", response.token)
get_user_data(response.token)
await get_user_data()
loginforminputusername.value = ""
loginforminputpassword.value = ""
}
}
const get_user_data = async (token) => {
const get_user_data = async () => {
const response = await fetch(routes.user(), {
method: "POST",
body: `{"token":"${localStorage.getItem("token")}"}`
@@ -49,7 +48,7 @@ const get_user_data = async (token) => {
notification(`Ошибка на сервере: ${error}`, "error")
})
if (response.is_superuser === "1") {
get_all_users()
await get_all_users()
usernameheader.innerHTML = response.username
} else {
document.querySelector('.alluserstablebody').innerHTML = ""