N0rdye
1f5085490f
when login lasd sids is logged out, added cache for images they are being save to local storage when loaded, added reload for dragging elements when resizing the window or zooming the page, updated logging function, added local and cloud saving, loading for project, updated project preview image saving, updated object loading, updated sid cleaning. i did it all in one day OWO. thats it Uwu
111 lines
3.4 KiB
Plaintext
111 lines
3.4 KiB
Plaintext
<style>
|
|
#proj_top_panel{
|
|
display: flex;
|
|
/* width: 90%; */
|
|
justify-content: space-between;
|
|
width: 90%;
|
|
text-align: center;
|
|
margin: auto;
|
|
}
|
|
#top_panel_right{
|
|
/* float: right; */
|
|
justify-content: space-between;
|
|
display: flex;
|
|
cursor: pointer;
|
|
/* width: 20vw; */
|
|
}
|
|
#top_panel_left{
|
|
/* float: left; */
|
|
justify-content: space-between;
|
|
cursor: pointer;
|
|
display: flex;
|
|
/* width: 20vw; */
|
|
}
|
|
#top_panel{
|
|
height: 20px;
|
|
}
|
|
/* button{
|
|
/* margin-inline: 5px; */
|
|
/* } */
|
|
|
|
|
|
.menu_btn{
|
|
background: ghostwhite;
|
|
cursor: pointer;
|
|
border: 1px black dashed;
|
|
padding: 5px;
|
|
}
|
|
.cmenu{
|
|
position: fixed;
|
|
display: block;
|
|
background: ghostwhite;
|
|
color: black;
|
|
cursor: pointer;
|
|
border: 1px black solid;
|
|
}
|
|
</style>
|
|
|
|
|
|
<header id="top_panel">
|
|
<!-- <div id="user_name"></div> -->
|
|
<div id="proj_top_panel">
|
|
<div id="top_panel_left"></div>
|
|
<div id="top_panel_center"></div>
|
|
<div id="top_panel_right"></div>
|
|
</div> <!-- <div><button onclick="logout();">logout</button></div> -->
|
|
</header>
|
|
<div id="user_menu" class="cmenu"></div>
|
|
|
|
|
|
|
|
<script>get_from_uuid((res)=>{
|
|
let uname = document.getElementById("user_name");
|
|
let menu = document.getElementById("user_menu");
|
|
let header = document.getElementById("top_panel");
|
|
let right = document.getElementById("top_panel_right");
|
|
let left = document.getElementById("top_panel_left");
|
|
|
|
if(document.title != "main") menu.innerHTML += `<button onclick="goto('/');">main page</button> <br>`;
|
|
right.innerHTML += `<div id="user_name" class="menu_btn">${res["login"]}</div>`;
|
|
|
|
if (res["admin"] == true){
|
|
menu.innerHTML += `<button onclick='goto("/admin")'>admin panel</button><br>`;
|
|
}
|
|
menu.innerHTML += "<button onclick='logout();'>logout</button><br>";
|
|
});
|
|
|
|
onclick = (e) => {
|
|
e.preventDefault()
|
|
// console.log(e);
|
|
// console.log(document.getElementById(e.target.id).parentElement);
|
|
if(e.target.onclick != null){
|
|
if(document.title == "login"){
|
|
console.log(document.title);
|
|
log_by_sid();
|
|
}else if(document.title != "login"){
|
|
check_sid(true);
|
|
console.log("check");
|
|
}
|
|
}
|
|
if(e.target.id == "user_name"){
|
|
hide_menus();
|
|
let menu = document.getElementById("user_menu");
|
|
menu.style.display = 'block';
|
|
menu.style = `top:${e.target.getBoundingClientRect().top+30}px;left:${e.target.getBoundingClientRect().left}px`
|
|
// menu.onmouseleave = () => menu.style.display = 'none';
|
|
// menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p>"
|
|
// document.body.appendChild(menu)
|
|
}else if(e.target.id == "proj_menu"){
|
|
hide_menus();
|
|
let menu = document.getElementById("project_menu");
|
|
menu.style.display = 'block';
|
|
menu.style = `top:${e.target.getBoundingClientRect().top+30}px;left:${e.target.getBoundingClientRect().left}px`
|
|
// menu.onmouseleave = () => menu.style.display = 'none';
|
|
// menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p>"
|
|
// document.body.appendChild(menu)
|
|
}
|
|
else{
|
|
hide_menus();
|
|
}
|
|
}
|
|
</script> |