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

git

Browse Source
This commit is contained in:
N0rdye
2023-06-27 02:45:13 +05:00
commit 8e05bba5d4
22 changed files with 3609 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
views/admin.ejs Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1><%= name %></h1>
<h1>hello admin</h1>
<form action="/add_user">
<input type="submit" value="add">
</form>
</body>
</html>

42
views/login.ejs Normal file
View File

@ -0,0 +1,42 @@
<%- include('./static/start.ejs',{name:'login',async: true,sid_check:"yes"}) %>
<style>
* {
text-align: center;
}
iframe{
border: 0px;
display: none;
}
</style>
<form action="" method="post" id="log_form">
<div class="login-page">
<input name="login" type="text" id="login" required>
<label for="login">login</label>
</div>
<div class="pass-page">
<input name="pass" type="password" id="pass" value="" required>
<label for="pass">password</label>
</div>
<button type="button" id="log_btn" onclick="blogin()">login</button>
<!-- <input type="submit" value="" hidden> -->
<div id="res"></div>
<script>
// console.log($.cookie("uuid"));
log_by_sid();
var input = document.getElementById("pass");
input.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
document.getElementById("log_btn").click();
}
});
</script>
</form>
<%- include('./static/end.ejs') %>

208
views/main.ejs Normal file
View File

@ -0,0 +1,208 @@
<%- include('./static/start.ejs',{name:'main',async: true}) %>
<h1>none</h1>
<h1>hello</h1>
<style>
.drag{
height: 50px;
width: 50px;
position: absolute;
text-align: center;
}
.dropzone {
background-color: #bfe4ff;
border: dashed 4px transparent;
border-radius: 4px;
height: 140px;
margin: 10px auto 30px;
padding: 10px;
width: 80%;
transition: background-color 0.3s;
}
.trash {
background-color: #bfe4ff;
border: dashed 4px transparent;
border-radius: 4px;
margin: 10px auto 30px;
padding: 10px;
height: 50px;
width: 50px;
transition: background-color 0.3s;
z-index: -1;
}
.drop-active {
border-color: #aaa;
}
.drop-target {
background-color: #29e;
border-color: #fff;
border-style: solid;
}
</style>
<div id="drags"></div>
<div class="dropzone"></div>
<div class="trash"></div>
<button onclick="add('cube')">add</button>
<button onclick="save()">save</button>
<script>
window.dragMoveListener = dragMoveListener
let root = document.getElementById("drags");
var objs = {};
if ($.cookie("objs") != null){
load_local();
}
function add(obj){
if (objs[obj] == null) objs[obj] = {};
if ((objs[obj]["count"] == null)){(objs[obj]["count"] = 0)}
let count = Object.keys(objs[obj]).length -1;
// console.log(obj,objs[obj+"_count"],objs[obj+"_s"]);
root.innerHTML += "<div class='"+obj+" drag' id="+obj+"_"+count+">"+obj+"</div>";
objs[obj][obj+"_"+count] = {};
objs[obj]["count"]+=1;
console.log(objs);
}
function create(clas,obj,x,y,inside){
if (inside == null || inside == "") inside = "[]";
root.innerHTML += "<div class='"+clas+" drag' id="+obj+">"+inside+"</div>";
let obj_doc = document.getElementById(obj);
set_pos(obj_doc,x,y);
}
function load_local(){
objs = JSON.parse($.cookie("objs"));
// console.log(objs);
Object.entries(objs).forEach(([keys, values]) => {
// console.log(keys,values);
Object.entries(values).forEach(([key, value]) => {
if(key != "count"){
// console.log(key,value);
create(keys,key,value["x"],value["y"],value["body"]);
}
})
});
}
function save(){
$.cookie("objs",JSON.stringify(objs));
}
function set_pos(obj,x,y){
obj.style.transform = 'translate(' + x + 'px, ' + y + 'px)';
obj.setAttribute('data-x', x)
obj.setAttribute('data-y', y)
}
function dragMoveListener (event) {
var drag = event.target
var x = (parseFloat(drag.getAttribute('data-x')) || 0) + event.dx
var y = (parseFloat(drag.getAttribute('data-y')) || 0) + event.dy
set_pos(drag,x,y);
}
interact('.drag').draggable({
inertia: true,
// modifiers: [
// interact.modifiers.restrictRect({restriction: 'parent',endOnly: true}),
// interact.modifiers.snap({targets: [interact.snappers.grid({ x: 5, y: 5 })],range: Infinity,relativePoints: [ { x: 0, y: 0 } ]}),],
// autoScroll: true,
listeners: {move: dragMoveListener, end (event) {}}
})
interact('.trash').dropzone({
accept: '.drag',
overlap: 0.2,
ondragenter: function (event) {var drag = event.relatedTarget;var zone = event.target; zone.classList.add('drop-target');drag.classList.add('can-drop');},
ondragleave: function (event) {var drag = event.relatedTarget;var zone = event.target;zone.classList.remove('drop-target');drag.classList.remove('in_zone');drag.classList.remove('can-drop');},
ondrop: function (event) {
var drag = event.relatedTarget
delete objs[drag.classList[0]][drag.id];
drag.remove();
console.log(objs);
drag.classList.add('in_zone')
drag.classList.remove('can-drop')
},
ondropdeactivate: function (event) {var zone = event.target;zone.classList.remove('drop-active');zone.classList.remove('drop-target');}
})
interact('.dropzone').dropzone({
accept: '.drag',
overlap: 0.5,
ondragenter: function (event) {var drag = event.relatedTarget;var zone = event.target;zone.classList.add('drop-target');drag.classList.add('can-drop');},
ondragleave: function (event) {var drag = event.relatedTarget;var zone = event.target;zone.classList.remove('drop-target');drag.classList.remove('in_zone');drag.classList.remove('can-drop');},
ondrop: function (event) {
var drag = event.relatedTarget
objs[drag.classList[0]][drag.id] = {y:drag.getAttribute('data-y'),x:drag.getAttribute('data-x'),body:drag.innerHTML};
// $.cookie("objs",JSON.stringify(objs));
drag.classList.add('in_zone')
drag.classList.remove('can-drop')
},
ondropdeactivate: function (event) {var zone = event.target;zone.classList.remove('drop-active');zone.classList.remove('drop-target');}
})
</script>
<%- include('./static/end.ejs') %>
<!-- template -->
<!-- ondropactivate: function (event) {
var drag = event.relatedTarget
var zone = event.target
// add active dropzone feedback
// console.log(drag.getAttribute('data-x'));
zone.classList.add('drop-active')
},
ondragenter: function (event) {
var drag = event.relatedTarget
var zone = event.target
// feedback the possibility of a drop
// console.log(drag.getAttribute('data-x'));
drag.classList.add('can-drop')
// draggableElement.textContent = 'Dragged in'
},
ondragleave: function (event) {
var drag = event.relatedTarget
var zone = event.target
// remove the drop feedback style
// console.log(drag.getAttribute('data-x'));
zone.classList.remove('drop-target')
drag.classList.remove('in_zone')
drag.classList.remove('can-drop')
// event.relatedTarget.textContent = 'Dragged out'
},
ondrop: function (event) {
var drag = event.relatedTarget
var zone = event.target
// console.log(drag.getAttribute('data-x'));
// console.log();
objs[drag.classList[0]][drag.id] = {y:drag.getAttribute('data-y'),x:drag.getAttribute('data-x'),body:drag.innerHTML};
$.cookie("objs",JSON.stringify(objs));
drag.classList.add('in_zone')
drag.classList.remove('can-drop')
// draggableElement.textContent = 'Dropped'
},
ondropdeactivate: function (event) {
var drag = event.relatedTarget
var zone = event.target
// remove active dropzone feedback
// console.log(drag.getAttribute('data-x'));
zone.classList.remove('drop-active')
zone.classList.remove('drop-target')
}
}) -->

9
views/reg.ejs Normal file
View File

@ -0,0 +1,9 @@
<script src="/lib/fn.js"></script>
<form action="/reg_user" method="post">
<input type="text" name="login">
<input type="password" name="pass">
<input type="checkbox" name="admin" value='false' id="admin_check">
<input type="submit" value="">
<!-- <script>test();</script> -->
</form>

2
views/static/end.ejs Normal file
View File

@ -0,0 +1,2 @@
</body>
</html>

17
views/static/start.ejs Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script src="/lib/interact.min.js"></script>
<script src="/lib/jquery.js"></script>
<script src="/lib/jquery.cookie.js"></script>
<script src="/lib/fn.js"></script>
<script src="/lib/ejs.js"></script>
<script src="/lib/aes.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> <%= name %> </title>
<!-- <script> document.querySelector("title").innerHTML += $.cookie("uuid"); </script> -->
</head>
<body>
<script>if("<%= name %>" != "login") check_sid();</script>