n0rdye/puzzle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project page fixes

Browse Source
This commit is contained in:
N0rdye
2023-06-30 01:57:12 +05:00
parent 73630d4bb6
commit de5879069b
8 changed files with 214 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
views/admin.ejs
View File

@ -1,13 +1,11 @@
<style>
iframe{
width: 100%;
}
</style>
<%- include('./static/start.ejs',{name:"admin",async: true}) %>
<%- include('./header.ejs') %>
<h1>hello admin</h1>
<iframe src="/reg" frameborder="0"></iframe>
<section class="main">
<h1>hello admin</h1>
</section>
<!-- <iframe src="/reg" frameborder="0"></iframe> -->
<%- include('./reg.ejs') %>
<%- include('./static/end.ejs') %>

7
views/main.ejs
View File

@ -44,9 +44,10 @@
<%- include('./header.ejs') %>
<!-- <script src="/lib/interact.min.js"></script> -->
<div id="projs_div"></div>
<button >new project</button>
<section class="main">
<div id="projs_div"></div>
<button >new project</button>
</section>
<script>
load_projs((projs)=>{

93
views/project.ejs
View File

@ -4,6 +4,7 @@
width: 50px;
position: absolute;
text-align: center;
margin: auto;
}
.dropzone {
@ -16,6 +17,20 @@
width: 80%;
transition: background-color 0.3s;
}
body {
height: 100%;
overflow-y: hidden;
}
.createzone {
background-color: #bfe4ff;
border: dashed 4px transparent;
border-radius: 4px;
height: 10px;
margin: 10px;
padding: 10px;
width: 10px;
transition: background-color 0.3s;
}
.trash {
background-color: #bfe4ff;
@ -28,6 +43,13 @@
transition: background-color 0.3s;
z-index: -1;
}
.czones{
display: flex;
margin: auto;
/* justify-content: space-around; */
flex-wrap: wrap;
width: 80%;
}
.drop-active {
border-color: #aaa;
@ -56,23 +78,76 @@
<%- include('./header.ejs') %>
<script src="/lib/interact.min.js"></script>
<div id="proj_top">
<input id="proj_name"></input>
</div>
<div id="drags"></div>
<div class="dropzone"></div>
<div id="drags">
<!-- <div class="cube drag spawn" id="cube_0" style="transform: translate(197.7px, 57.8667px);" data-x="197.6999969482422" data-y="57.866668701171875" >cube</div> -->
</div>
<section class="main">
<div id="proj_top">
<button onclick="save()">save</button>
<input id="proj_name"></input>
</div>
</section>
<div class="dropzone"></div>
<div class="trash"></div>
<button onclick="add('cube')">add</button>
<button onclick="save()">save</button>
<div class="czones">
<div class="cube createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
<div class="buble createzone"></div>
</div>
<script src="/lib/inter.js"></script>
<script>
let proj_name = "<%= proj_name %>";
load_proj();
// console.log(proj_name);
document.getElementById("proj_name").value = proj_name;
// drag_start();
load_proj();
</script>
<%- include('./static/end.ejs') %>

27
views/reg.ejs
View File

@ -1,11 +1,26 @@
<style>
.main_sec{
margin: auto;
/* display: flex; */
text-align: center;
}
#reg_form{
width: 80vw;
margin: auto;
}
</style>
<%- include('./static/start.ejs',{name:"reg",async: true}) %>
<form action="" method="get" onsubmit="return false;">
<input type="text" id="login" name="login">
<input type="password" id="pass" name="pass">
<input type="checkbox" name="admin" value='false' id="admin_check">
<button onclick='reg();'>reg</button>
<div id="reg_response"></div>
<form action="" method="get" onsubmit="return false;" id="reg_form">
<h1>user registration</h1>
<section class="main_sec">
<input type="text" id="login" name="login">
<input type="password" id="pass" name="pass">
<input type="checkbox" name="admin" value='false' id="admin_check">
<button onclick='reg();'>reg</button>
<div id="reg_response"></div>
</section>
<script>
function reg(){
console.log("reg");

7
views/static/start.ejs
View File

@ -11,5 +11,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> <%= name %> </title>
<!-- <script> document.querySelector("title").innerHTML += $.cookie("uuid"); </script> -->
<style>
.main{
width: 80vw;
margin: auto;
padding-block: 20px;
}
</style>
</head>
<body>