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

modified: func.js

Browse Source 
modified:   index.js
	modified:   object.js
	modified:   public/lib/fn.js
	modified:   public/lib/inter.js
	modified:   views/admin/objects/object_creation.ejs
	modified:   views/admin/objects/object_edit.ejs
	modified:   views/admin/objects/object_groups.ejs
	modified:   views/header.ejs
	modified:   views/load.ejs
	modified:   views/main.ejs
	modified:   views/project.ejs
	modified:   views/static/start.ejs
This commit is contained in:
n0rdye 2023-08-19 21:18:45 +05:00
parent f2bbded81b
commit 9cf2250b7b
13 changed files with 330 additions and 315 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
func.js
View File

@ -56,18 +56,21 @@ module.exports.sid = (cook,res,callback,auto = true,admin_check = false)=>{
} }
} }
else{ else{
if(auto) res.send({out:"bad",err:"wrong"}); // if(auto) res.send({out:"bad",err:"wrong"});
if(auto) res.redirect("/");
else if(!auto) callback(false); else if(!auto) callback(false);
} }
}); });
} }
else{ else{
if(auto) res.send({out:"bad",err:"expired"}); // if(auto) res.send({out:"bad",err:"expired"});
if(auto) res.redirect("/");
else if(!auto) callback(false); else if(!auto) callback(false);
} }
}); });
}else{ }else{
if(auto) res.send({out:"bad",err:"nocr"}); // if(auto) res.send({out:"bad",err:"nocr"});
if(auto) res.redirect("/");
else if(!auto) callback(false); else if(!auto) callback(false);
} }
} catch (error) { } catch (error) {

268
index.js
View File

@ -54,104 +54,83 @@ app.get('/', (req, res) => {
app.get("/login" , (req,res) =>{ app.get("/login" , (req,res) =>{
res.render('login'); res.render('login');
}) })
app.get("/main", (req,res) =>{ app.get("/main", (req,res) =>{try{
res.render('main'); let inp = req.body;
let cook = req.cookies;
func.sid(cook,res,()=>{
res.render('main');
})
} catch (error) {func.log("router getting user information by uuid error - "+error);}
}); });
app.post('/back_login', (req, res) => { app.post('/back_login', (req, res) => {try {
try {
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
user.login(inp,cook,res); user.login(inp,cook,res);
} catch (error) { } catch (error) {func.log("router login error - "+error);}
func.log("router login error - "+error);
}
}); });
app.post("/sid_log",(req,res) =>{ app.post("/sid_log",(req,res) =>{try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
user.sid_log(inp,cook,res,req); user.sid_log(inp,cook,res,req);
} catch (error) { } catch (error) {func.log("router sid logging in error - "+error);}
func.log("router sid logging in error - "+error);
}
}) })
app.post("/get_sid" , (req,res) =>{ app.post("/get_sid" , (req,res) =>{try{
try{
let inp = req.body; let inp = req.body;
let sid = func.get_uuid(); let sid = func.get_uuid();
res.cookie("sid",sid,{maxAge:(vars.week),path:"/;SameSite=Strict"}); res.cookie("sid",sid,{maxAge:(vars.week),path:"/;SameSite=Strict"});
res.send({out:"good"}); res.send({out:"good"});
} catch (error) { } catch (error) {func.log("router sid getting error - "+error);}
func.log("router sid getting error - "+error);
}
}); });
app.post("/clear_sid" , (req,res) =>{ app.post("/clear_sid" , (req,res) =>{try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
user.clear_sid(inp,cook,res); user.clear_sid(inp,cook,res);
} catch (error) { } catch (error) {func.log("router sid clearing error - "+error);}
func.log("router sid clearing error - "+error);
}
}); });
app.post("/get_cr_uuid", (req,res) => { app.post("/get_cr_uuid", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
user.get_cr(inp,cook,res); user.get_cr(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router getting user information by uuid error - "+error);}
func.log("router getting user information by uuid error - "+error);
}
}) })
/// project /// project
app.get("/proj/load/:name" , (req,res) =>{ app.get("/proj/load/:name" , (req,res) =>{
res.render('project',{proj_name:req.params["name"]}); res.render('project',{proj_name:req.params["name"]});
}) })
app.post("/save_proj", (req,res) => { app.post("/save_proj", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
proj.save(inp,cook,res); proj.save(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router project saving error - "+error);}
func.log("router project saving error - "+error);
}
}) })
app.post("/load_proj", (req,res) => { app.post("/load_proj", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
proj.load(inp,cook,res); proj.load(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router project loading error - "+error);}
func.log("router project loading error - "+error);
}
}) })
app.post("/proj/delete", (req,res) => { app.post("/proj/delete", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
proj.del(inp,cook,res); proj.del(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router project loading error - "+error);}
func.log("router project loading error - "+error);
}
}) })
app.post("/proj/download", (req,res) => { app.post("/proj/download", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
proj.download(inp,cook,res); proj.download(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router project loading error - "+error);}
func.log("router project loading error - "+error);
}
}) })
app.post("/get_projs", (req,res) => { app.post("/get_projs", (req,res) => {
try{ try{
@ -160,9 +139,7 @@ app.post("/get_projs", (req,res) => {
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
proj.loads(inp,cook,res); proj.loads(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router user projects getting error - "+error);}
func.log("router user projects getting error - "+error);
}
}) })
app.post("/get_objs", (req,res) => { app.post("/get_objs", (req,res) => {
try{ try{
@ -172,247 +149,168 @@ app.post("/get_objs", (req,res) => {
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.loads(inp,cook,res); obj.loads(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router objects getting error - "+error);}
func.log("router objects getting error - "+error);
}
}) })
app.post("/get_obj", (req,res) => { app.post("/get_obj", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
// func.log(inp["name"]); // func.log(inp["name"]);
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.load(inp,cook,res); obj.load(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router single object getting error - "+error);}
func.log("router single object getting error - "+error);
}
}) })
app.post("/get_groups", (req,res) => { app.post("/get_groups", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
// func.log(inp["name"]); // func.log(inp["name"]);
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.load_groups(inp,cook,res); obj.load_groups(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router single object getting error - "+error);}
func.log("router single object getting error - "+error);
}
}) })
app.post("/object/parts/get", (req,res) => { app.post("/object/parts/get", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
// func.log(inp["name"]); // func.log(inp["name"]);
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.load_parts(inp,cook,res); obj.load_parts(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router single object getting error - "+error);}
func.log("router single object getting error - "+error);
}
}) })
app.post("/object/group/get", (req,res) => { app.post("/object/group/get", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
// func.log(inp["name"]); // func.log(inp["name"]);
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.load_group(inp,cook,res); obj.load_group(inp,cook,res);
}) })
} catch (error) { } catch (error) {func.log("router single object getting error - "+error);}
func.log("router single object getting error - "+error);
}
}) })
/// admin /// admin
app.get("/admin", (req,res) =>{ app.get("/admin", (req,res) =>{try {
try {
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,(rights)=>{ func.sid(cook,res,(rights)=>{
res.render('admin'); res.render('admin');
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router admin page error - "+error);}
func.log("router admin page error - "+error);
}
}); });
app.get("/admin/objects", (req,res) =>{ app.get("/admin/:type", (req,res) =>{try {
try { let inp = req.body;
let inp = req.body; let cook = req.cookies;
let cook = req.cookies; func.sid(cook,res,(rights)=>{
func.sid(cook,res,(rights)=>{ if ((req.params["type"] == "objects") && (rights == 1 || rights == 3)){
if (rights == 1 || rights == 3){ res.render('admin/objects');
res.render('admin/objects'); }
} else if ((req.params["type"] == "users") && (rights == 2 || rights == 3)){
else{ res.render('admin/users');
res.redirect('/admin'); }
} else{res.redirect('/admin');}
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router admin page error - "+error);}
func.log("router admin page error - "+error);
}
}); });
app.get("/admin/users", (req,res) =>{
try {
let inp = req.body;
let cook = req.cookies;
func.sid(cook,res,(rights)=>{
if (rights == 2 || rights == 3){
res.render('admin/users');
}
else{
res.redirect('/admin');
}
},true,true)
} catch (error) {
func.log("router admin page error - "+error);
}
});
app.get("/home", (req,res) =>{
res.render('home');
});
// app.get("/admin/edit/:edit" , (req,res) =>{
// try {
// let inp = req.body;
// let cook = req.cookies;
// func.sid(cook,res,()=>{
// switch (req.params["edit"]) {
// case "users":
// res.render('admin/user_edit');break;
// case "projects":
// res.render('admin/project_edit');break;
// case "objects":
// res.render('admin/object_edit');break;
// }
// },true,true)
// } catch (error) {
// func.log("router admin edit page error - "+error);
// }
// })
app.get("/get_logs", (req,res) => { app.get("/get_logs", (req,res) => {
try{let cook = req.cookies;func.sid(cook,res,()=>{func.logs_file(res);})} try{let cook = req.cookies;func.sid(cook,res,()=>{func.logs_file(res);})}
catch (error) {func.log("router logs download error - "+error);} catch (error) {func.log("router logs download error - "+error);}
}) })
app.post("/admin/objects/new", (req,res) => { app.post("/admin/objects/new", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.new(inp,cook,res); obj.new(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/objects/edit", (req,res) => { app.post("/admin/objects/edit", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.save(inp,cook,res); obj.save(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/objects/delete", (req,res) => { app.post("/admin/objects/delete", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.del(inp,cook,res); obj.del(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/objects/find", (req,res) => { app.post("/admin/objects/find", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.find(inp,cook,res); obj.find(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/groups/new", (req,res) => { app.post("/admin/groups/new", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.new_group(inp,cook,res); obj.new_group(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/groups/delete", (req,res) => { app.post("/admin/parts/new", (req,res) => {try{
try{ let inp = req.body;
let cook = req.cookies;
func.sid(cook,res,()=>{
obj.new_part(inp,cook,res);
},true,true)
} catch (error) {func.log("router object creating error - "+error);}
})
app.post("/admin/groups/delete", (req,res) => {try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
obj.del_group(inp,cook,res); obj.del_group(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/users/get", (req,res) => { app.post("/admin/users/get", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
admin.get_users(inp,cook,res); admin.get_users(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post('/admin/users/new', (req, res) => { app.post('/admin/users/new', (req, res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
admin.new_user(inp,cook,res); admin.new_user(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router registration error - "+error);}
func.log("router registration error - "+error);
}
}) })
app.post("/admin/users/edit", (req,res) => { app.post("/admin/users/edit", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
admin.edit_user(inp,cook,res); admin.edit_user(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/users/delete", (req,res) => { app.post("/admin/users/delete", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
admin.del_user(inp,cook,res); admin.del_user(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })
app.post("/admin/users/find", (req,res) => { app.post("/admin/users/find", (req,res) => {try{
try{
let inp = req.body; let inp = req.body;
let cook = req.cookies; let cook = req.cookies;
func.sid(cook,res,()=>{ func.sid(cook,res,()=>{
admin.find_user(inp,cook,res); admin.find_user(inp,cook,res);
},true,true) },true,true)
} catch (error) { } catch (error) {func.log("router object creating error - "+error);}
func.log("router object creating error - "+error);
}
}) })

11
object.js
View File

@ -7,7 +7,7 @@ module.exports.loads = (inp,cook,res)=>{
let gin let gin
if (typeof inp["gid"] == 'undefined' || inp["gid"] == null) gin = "1 OR 1=1" if (typeof inp["gid"] == 'undefined' || inp["gid"] == null) gin = "1 OR 1=1"
else gin = inp["gid"] else gin = inp["gid"]
db.ggv("objects","`name`,`id`,`height`,`width`,`description`,`cost`,`gid`","gid",`${gin}`,(odata)=>{ db.ggv("objects","`name`,`id`,`height`,`width`,`description`,`cost`,`gid`,`colors`","gid",`${gin}`,(odata)=>{
// func.log(odata); // func.log(odata);
res.send({out:"good",body:odata}); res.send({out:"good",body:odata});
}) })
@ -140,13 +140,15 @@ module.exports.new_group = (inp,cook,res)=>{
db.nr("object_groups","`name`,`count`,`pid`",`'${inp["name"]}','0',${inp["pid"]}`,true,()=>{ db.nr("object_groups","`name`,`count`,`pid`",`'${inp["name"]}','0',${inp["pid"]}`,true,()=>{
db.glv("object_groups","id",(new_group)=>{ new_group = new_group[0]; db.glv("object_groups","id",(new_group)=>{ new_group = new_group[0];
db.gv("object_partition","id",`${inp["pid"]}`,(part_db)=>{part_db = part_db[0]; db.gv("object_partition","id",`${inp["pid"]}`,(part_db)=>{part_db = part_db[0];
if (part_db["groups"].split(",").lenght<2){ // console.log(part_db);
db.sv("object_partition","`groups`",`${part_db["groups"]}`,"id",`${inp["pid"]}`,()=>{},true) if (part_db["count"] == 0){
db.sv("object_partition","`groups`",`${new_group["id"]}`,"id",`${inp["pid"]}`,()=>{},true)
} }
else{ else{
db.sv("object_partition","`groups`",`${part_db["groups"]},${new_group["id"]}`,"id",`${inp["pid"]}`,()=>{},true) db.sv("object_partition","`groups`",`${part_db["groups"]},${new_group["id"]}`,"id",`${inp["pid"]}`,()=>{},true)
} }
res.send({out:"good"}); res.send({out:"good"});
db.sv("object_partition","count",`(count + 1)`,"id",`${inp["pid"]}`,()=>{},true,true)
func.log(`admin group created ${new_group["name"]}`); func.log(`admin group created ${new_group["name"]}`);
}) })
}) })
@ -182,6 +184,7 @@ module.exports.del_group = (inp,cook,res)=>{
db.sv("object_partition","`groups`",`${new_groups}`,"`id`",`${inp["pid"]}`,()=>{ db.sv("object_partition","`groups`",`${new_groups}`,"`id`",`${inp["pid"]}`,()=>{
db.dl("object_groups",`id`,`'${inp["gid"]}'`,()=>{ db.dl("object_groups",`id`,`'${inp["gid"]}'`,()=>{
func.log(`admin group deleted ${gname}`); func.log(`admin group deleted ${gname}`);
db.sv("object_partition","count",`(count - 1)`,"id",`${inp["pid"]}`,()=>{},true,true)
res.send({out:"good"}); res.send({out:"good"});
},true); },true);
},true) },true)
@ -222,7 +225,7 @@ module.exports.new_part = (inp,cook,res)=>{
res.send({out:"bad"}); res.send({out:"bad"});
} }
else if (gdata == null){ else if (gdata == null){
db.nr("object_partition","`name`,`count`",`'${inp["name"]}','0'`,true,()=>{ db.nr("object_partition","`name`,`count`,`groups`",`'${inp["name"]}','0',''`,true,()=>{
res.send({out:"good"}); res.send({out:"good"});
}) })
} }

10
public/lib/fn.js
View File

@ -111,16 +111,18 @@ function load_groups(callback,groups,admin = false){
group_div.classList.add(`obj_group`); group_div.classList.add(`obj_group`);
let group_label = document.createElement("label"); let group_label = document.createElement("label");
group_label.innerText = group["name"].replace("$"," "); group_label.innerText = group["name"].replaceAll("$"," ");
group_label.setAttribute("for",`obj_group_${group["id"]}`) group_label.setAttribute("for",`obj_group_${group["id"]}`)
let group_inp = document.createElement("input"); let group_inp = document.createElement("input");
group_inp.setAttribute("type","checkbox"); group_inp.setAttribute("type","checkbox");
group_inp.setAttribute("onchange",`group_check(${group["id"]})`) group_inp.setAttribute("onchange",`group_check(${group["id"]})`)
// group_inp.innerText = group["name"].replace("$"," "); // group_inp.innerText = group["name"].replaceAll("$"," ");
group_inp.setAttribute("group_count",group["count"]); group_inp.setAttribute("group_count",group["count"]);
console.log(group["count"]);
group_inp.setAttribute("gid",group["id"]); group_inp.setAttribute("gid",group["id"]);
group_inp.id = `obj_group_${group["id"]}`; group_inp.id = `obj_group_${group["id"]}`;
group_inp.setAttribute("group_name",`${group["name"].replaceAll("$"," ")}`);
group_inp.setAttribute("pid",`${group["pid"]}`); group_inp.setAttribute("pid",`${group["pid"]}`);
if (gids.includes(group["id"])){ if (gids.includes(group["id"])){
@ -149,6 +151,10 @@ function load_groups(callback,groups,admin = false){
} }
function group_check(gid){ function group_check(gid){
if (typeof gids[0] == 'undefined'){
gids = []
}
let gid_el = document.getElementById(`obj_group_${gid}`); let gid_el = document.getElementById(`obj_group_${gid}`);
if(gid_el.checked){ if(gid_el.checked){
gids[gids.indexOf(gids.at(-1))+1] = gid; gids[gids.indexOf(gids.at(-1))+1] = gid;

43
public/lib/inter.js
View File

@ -8,6 +8,7 @@ let cur_obj;
let objs_back = []; let objs_back = [];
let objs_forw = []; let objs_forw = [];
let proj_state = "loading"; let proj_state = "loading";
let cm_mod = 2;
function create(clas,x,y,body,id,size){ function create(clas,x,y,body,id,size){
let main_clas = clas.split(" ")[0]; let main_clas = clas.split(" ")[0];
@ -49,21 +50,37 @@ function create(clas,x,y,body,id,size){
} }
function make(img){ function make(img){
obj.src = img; obj.src = img;
obj.title = `${db_data["name"].replace("$"," ").split("/g")[0]}\nцена:${db_data["cost"]}\n${db_data["description"]}\nширина:${db_data["width"]}см высота:${db_data["height"]}см`; obj.title = `${db_data["name"].replaceAll("$"," ").split("/g")[0]}\nцена:${db_data["cost"]}\n${db_data["description"]}\nширина:${db_data["width"]}см высота:${db_data["height"]}см`;
obj.setAttribute("cost",db_data["cost"]) obj.setAttribute("cost",db_data["cost"])
// drag.transform = `translate(${drag.getAttribute("data-y")}px, ${drag.getAttribute("data-y")}px) scale(${db_data["width"] * 2} ${db_data["height"] * 2})`; // drag.transform = `translate(${drag.getAttribute("data-y")}px, ${drag.getAttribute("data-y")}px) scale(${db_data["width"] * cm_mod} ${db_data["height"] * cm_mod})`;
if(size){ if(size){
obj.style.width = `${db_data["width"] * 2}px`; obj.style.width = `${db_data["width"] * cm_mod}px`;
obj.style.height = `${db_data["height"] * 2}px`; obj.style.height = `${db_data["height"] * cm_mod}px`;
} }
} }
calc_total(); calc_total();
}) })
obj.setAttribute("onclick",`cur_obj = "${id}"`); obj.setAttribute("onclick",`obj_click("${id}")`);
root.append(obj); root.append(obj);
set_pos(obj,x,y); set_pos(obj,x,y);
} }
function obj_click(id){
if (cur_obj != id){
cur_obj = id;
let drags = document.getElementsByClassName("drag");
Object.values(drags).forEach(element => {
// console.log(element.id,cur_obj);
if (element.id != cur_obj){
element.style.border = "0px";
}
else{
element.style.border = "1px black solid";
}
});
}
}
function resize_drags(){ function resize_drags(){
document.getElementById('drags').setAttribute("data-x",document.getElementsByClassName("wall")[0].getBoundingClientRect().left.toString()+"px"); document.getElementById('drags').setAttribute("data-x",document.getElementsByClassName("wall")[0].getBoundingClientRect().left.toString()+"px");
document.getElementById('drags').style.left = document.getElementsByClassName("wall")[0].getBoundingClientRect().left.toString()+"px"; document.getElementById('drags').style.left = document.getElementsByClassName("wall")[0].getBoundingClientRect().left.toString()+"px";
@ -84,7 +101,7 @@ function wall_size_change(type,value = null){
// document.getElementById("wall_width_value").innerHTML = `${scroll}м`; // document.getElementById("wall_width_value").innerHTML = `${scroll}м`;
// console.log(scroll); // console.log(scroll);
wall.style.width = `${scroll * 200}px`; wall.style.width = `${(scroll * 100) * cm_mod}px`;
objs["width"] = scroll; objs["width"] = scroll;
} }
if(type != null && type == "height") { if(type != null && type == "height") {
@ -94,7 +111,7 @@ function wall_size_change(type,value = null){
// document.getElementById("wall_height_value").innerHTML = `${scroll}м`; // document.getElementById("wall_height_value").innerHTML = `${scroll}м`;
// console.log(scroll); // console.log(scroll);
wall.style.height = `${scroll * 200}px`; wall.style.height = `${(scroll * 100) * cm_mod}px`;
objs["height"] = scroll; objs["height"] = scroll;
} }
} }
@ -116,7 +133,7 @@ function calc_total(start = false){
total += parseInt(parseInt(objs_store[key]["cost"]) * Object.keys(value).length); total += parseInt(parseInt(objs_store[key]["cost"]) * Object.keys(value).length);
let obj_cost_div = document.createElement("li"); let obj_cost_div = document.createElement("li");
obj_cost_div.innerHTML = obj_cost_div.innerHTML =
`<div style="display:flex;"> <div id='obj_cost_name'>${key.split("/g/")[0].replace("$"," ")}</div>`+ `<div style="display:flex;"> <div id='obj_cost_name'>${key.split("/g/")[0].replaceAll("$"," ")}</div>`+
`<div id='obj_cost_count'>&nbsp${Object.keys(value).length}x</div> </div>`+ `<div id='obj_cost_count'>&nbsp${Object.keys(value).length}x</div> </div>`+
`<div id='obj_cost'>${parseInt(parseInt(objs_store[key]["cost"]) * Object.keys(value).length)}</div>`; `<div id='obj_cost'>${parseInt(parseInt(objs_store[key]["cost"]) * Object.keys(value).length)}</div>`;
document.getElementById("cost_list").append(obj_cost_div); document.getElementById("cost_list").append(obj_cost_div);
@ -280,6 +297,7 @@ function load_obj(name,key,callback){
function dragMoveListener (event) { function dragMoveListener (event) {
var drag = event.target var drag = event.target
obj_click(drag.id)
var x = (parseFloat(drag.getAttribute('data-x')) || 0) + event.dx var x = (parseFloat(drag.getAttribute('data-x')) || 0) + event.dx
var y = (parseFloat(drag.getAttribute('data-y')) || 0) + event.dy var y = (parseFloat(drag.getAttribute('data-y')) || 0) + event.dy
set_pos(drag,x,y); set_pos(drag,x,y);
@ -289,7 +307,7 @@ interact('.drag').draggable({
inertia: true, inertia: true,
modifiers: [ modifiers: [
interact.modifiers.restrictRect({restriction: dragzone,endOnly: true,elementRect:{ left: 0.15, right: 0.85, top: 0, bottom: 1 }}), interact.modifiers.restrictRect({restriction: dragzone,endOnly: true,elementRect:{ left: 0.15, right: 0.85, top: 0, bottom: 1 }}),
interact.modifiers.snap({targets: [interact.snappers.grid({ x: 2, y: 2 })],range: Infinity,relativePoints: [ { x: 0, y: 0 } ]}), interact.modifiers.snap({targets: [interact.snappers.grid({ x: cm_mod, y: cm_mod })],range: Infinity,relativePoints: [ { x: 0, y: 0 } ]}),
], ],
autoScroll: true, autoScroll: true,
listeners: {move: dragMoveListener, end (event) {}} listeners: {move: dragMoveListener, end (event) {}}
@ -333,7 +351,6 @@ interact('.dropzone').dropzone({
objs[drag.classList[0]][drag.id] = {}; objs[drag.classList[0]][drag.id] = {};
calc_total() calc_total()
} }
drag.setAttribute("onclick",`cur_obj = "${drag.id}"`);
zone.classList.add('drop-target');drag.classList.add('can-drop'); 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');}, 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');},
@ -359,9 +376,9 @@ interact('.createzone').dropzone({
if(drag.classList[1] == "spawn" && drag.classList[0] == zone.classList[0]){ if(drag.classList[1] == "spawn" && drag.classList[0] == zone.classList[0]){
get_obj(drag.classList[0],(db_data)=>{ get_obj(drag.classList[0],(db_data)=>{
// drag.transform = `translate(${drag.getAttribute("data-y")}px, ${drag.getAttribute("data-y")}px) scale(${db_data["width"] * 2} ${db_data["height"] * 2})`; // drag.transform = `translate(${drag.getAttribute("data-y")}px, ${drag.getAttribute("data-y")}px) scale(${db_data["width"] * cm_mod} ${db_data["height"] * cm_mod})`;
drag.style.width = `${db_data["width"] * 2}px`; drag.style.width = `${db_data["width"] * cm_mod}px`;
drag.style.height = `${db_data["height"] * 2}px`; drag.style.height = `${db_data["height"] * cm_mod}px`;
// console.log(db_data); // console.log(db_data);
}) })
let x = zone.getBoundingClientRect().left - document.getElementById("drags").getBoundingClientRect().left; let x = zone.getBoundingClientRect().left - document.getElementById("drags").getBoundingClientRect().left;

64
views/admin/objects/object_creation.ejs
View File

@ -23,19 +23,29 @@
</style> </style>
<form action="#" class="nobj"> <form action="#" class="nobj">
<div> <style>
#img_prev_div:hover{
border: 1px solid black;
border-radius: 0.5vw;
cursor: pointer;
}
</style>
<div id="img_file_div" >
<div class="img_preview"> <div class="img_preview">
<label for="img_file">макс. размер 2мб</label><br> <label for="img_file">макс. размер 2мб</label><br>
<input type="file" id="img_file" onchange="previewFile()" accept="image/*" value="" maxlength="1"><br> <input hidden type="file" id="img_file" onchange="previewFile()" accept="image/*" value="" maxlength="1"><br>
</div> </div>
<div style="width: 200px; height: 200px;"> <div id="img_prev_div" style="width: 200px; height: 200px;" onclick="document.getElementById('img_file').click();">
<img src="" id="img_prev" height="100" alt="предпросмотр картинки"> <img src="" id="img_prev" height="100" alt="выбрать изображение">
</div>
<div>
<input type="checkbox" id="obj_color_check">
<label for="obj_color_check">можно менять цвет</label>
</div> </div>
</div> </div>
<textarea id="nobj_description" cols="30" rows="5" placeholder="описание товара"></textarea> <textarea id="nobj_description" cols="30" rows="5" placeholder="описание товара"></textarea>
<div> <div>
<div id="object_edit_type" style="text-align: right;">creation</div> <div id="object_edit_type" style="display: flex;justify-content: space-between;"><div>creation</div></div>
<div class="nobj_options"> <div class="nobj_options">
<input type="text" id="nobj_name" placeholder="название товара"> <input type="text" id="nobj_name" placeholder="название товара">
<input type="submit" onclick="create_obj()" id="obj_apply_btn" value="создать товар"> <input type="submit" onclick="create_obj()" id="obj_apply_btn" value="создать товар">
@ -91,15 +101,19 @@
} }
} }
function set_obj_edit_params(img = "",name = "",description="",height = 100,width = 100,cost = 0,gid = 0){ function set_obj_edit_params(img = "",name = "",description="",height = 100,width = 100,cost = 0,gid = 0, id = null){
if(img ==""&&name ==""&&description == ""){ if(img ==""&&name ==""&&description == ""){
document.getElementById("object_edit_type").innerText = "добавление"; document.getElementById("object_edit_type").innerText = "добавление";
document.getElementById("obj_apply_btn").value = "добавить товар"; document.getElementById("obj_apply_btn").value = "добавить товар";
document.getElementById("obj_apply_btn").setAttribute("onclick","create_obj()"); document.getElementById("obj_apply_btn").setAttribute("onclick","create_obj()");
}else { }else {
document.getElementById("object_edit_type").innerText = "редактирование"; document.getElementById("object_edit_type").innerText = "редактирование";
let del_btn = document.createElement("button");
del_btn.setAttribute("onclick",`obj_del(${id})`);
del_btn.innerText = "удалить объект";
document.getElementById("object_edit_type").append(del_btn);
document.getElementById("obj_apply_btn").value = "сохранить"; document.getElementById("obj_apply_btn").value = "сохранить";
document.getElementById("obj_apply_btn").setAttribute("onclick","save_edited_obj()"); document.getElementById("obj_apply_btn").setAttribute("onclick",`save_edited_obj(${id})`);
// document.getElementById("group_select").selectedIndex = document.getElementById("group_select").options[`obj_group_${gid}`].index; // document.getElementById("group_select").selectedIndex = document.getElementById("group_select").options[`obj_group_${gid}`].index;
gids = [parseInt(gid)] gids = [parseInt(gid)]
console.log(gid); console.log(gid);
@ -148,14 +162,21 @@
function new_obj(cost,name,img,height,width,description,callback){ function new_obj(cost,name,img,height,width,description,callback){
let gid = gids[0]; let gid = gids[0];
if(name!=""){ if(gid != null){
$.post( "/admin/objects/new", { cost:cost,name:name,img:img,desc:description,height:height,width:width,gid:gid}) if(name!=""){
.done(function( res ) { $.post( "/admin/objects/new", { cost:cost,name:name,img:img,desc:description,height:height,width:width,gid:gid})
// if(res["out"] == "good"){ .done(function( res ) {
// console.log(res["body"]); // if(res["out"] == "good"){
// } // console.log(res["body"]);
callback(res); // }
}); callback(res);
});
}
}
else{
alert("группа не выбранна")
let res = {out:"bad"}
callback(res);
} }
} }
@ -166,7 +187,7 @@
let width = document.getElementById("obj_width").value; let width = document.getElementById("obj_width").value;
var img = document.querySelector('#img_prev').src; var img = document.querySelector('#img_prev').src;
var cost = document.getElementById("obj_cost").value; var cost = document.getElementById("obj_cost").value;
name = name.replace(" ","$"); name = name.replaceAll(" ","$");
if(name != ""){ if(name != ""){
if (img != "http://n0rsrv2:3002/admin"){ if (img != "http://n0rsrv2:3002/admin"){
document.getElementById("obj_resp").innerHTML = "добавление товара"; document.getElementById("obj_resp").innerHTML = "добавление товара";
@ -174,15 +195,18 @@
if(res["out"] == "bad" && res["err"] == "name"){ if(res["out"] == "bad" && res["err"] == "name"){
document.getElementById("obj_resp").innerHTML = "товар уже существует"; document.getElementById("obj_resp").innerHTML = "товар уже существует";
} }
else if (res["out"] == "bad" ){
document.getElementById("obj_resp").innerHTML = "ошибка при добавлении товара";
}
else if(res["out"] == "good"){ else if(res["out"] == "good"){
document.getElementById("obj_resp").innerHTML = "товар добавлен"; document.getElementById("obj_resp").innerHTML = "товар добавлен";
setTimeout(()=>{ setTimeout(()=>{
edit_get_objs(); edit_get_objs();
},1000) },1000)
setTimeout(()=>{
document.getElementById("obj_resp").innerHTML = "";
},3000)
} }
setTimeout(()=>{
document.getElementById("obj_resp").innerHTML = "";
},3000)
}); });
} }
else{ else{

61
views/admin/objects/object_edit.ejs
View File

@ -38,19 +38,21 @@
<div id="objs_in_group"></div> <div id="objs_in_group"></div>
</div> </div>
<div class="cmenu" id="object_edit_menu">
<button onclick="obj_del()">удалить объект</button>
<button onclick="set_edit()">редактирование объекта</button>
</div>
<script> <script>
// load_groups(()=>{ // load_groups(()=>{
// edit_get_objs(); // edit_get_objs();
// }); // });
function set_edit(){ function set_edit(id){
let menu = document.getElementById("object_edit_menu"); let menu = document.getElementById(`object_${id}`);
set_obj_edit_params(menu.getAttribute("obj_img"),menu.getAttribute("obj_name").split("/")[0],menu.getAttribute("obj_description"),menu.getAttribute("obj_height"),menu.getAttribute("obj_width"),menu.getAttribute("obj_cost"),menu.getAttribute("obj_gid")); set_obj_edit_params(menu.getAttribute("src"),
menu.getAttribute("name").split("/")[0],
menu.getAttribute("description"),
menu.getAttribute("height"),
menu.getAttribute("width"),
menu.getAttribute("cost"),
menu.getAttribute("gid"),
menu.getAttribute("obj_id"));
} }
function edit_get_objs(by_name){ function edit_get_objs(by_name){
@ -68,17 +70,23 @@
} }
function gids_change(){ function gids_change(){
let last = gids.at(-1) if (typeof gids[0] == 'undefined'){
gids = [last]; gids = []
edit_get_objs(); edit_get_objs();
}
else{
let last = gids.at(-1)
gids = [last];
edit_get_objs();
}
hide_menus(); hide_menus();
} }
function obj_del(){ function obj_del(id){
// let select = document.getElementById("group_select"); // let select = document.getElementById("group_select");
let menu = document.getElementById("object_edit_menu"); let menu = document.getElementById(`object_${id}`);
if (confirm(`вы точно хотите удалить ${menu.getAttribute("obj_name").split("/")[0]}?`)){ if (confirm(`вы точно хотите удалить ${menu.getAttribute("name").split("/")[0]}?`)){
$.post( "/admin/objects/delete", { id:menu.getAttribute(`obj_id`),}) $.post( "/admin/objects/delete", { id:id,})
.done(function( res ) { .done(function( res ) {
if(res["out"] == "good"){ if(res["out"] == "good"){
edit_get_objs(); edit_get_objs();
@ -87,9 +95,9 @@
} }
} }
function save_edited_obj(){ function save_edited_obj(id){
let gid = gids[0]; let gid = gids[0];
let menu = document.getElementById("object_edit_menu"); let menu = document.getElementById(`object_${id}`);
let attributes = ["name","description","img","height","width","cost"]; let attributes = ["name","description","img","height","width","cost"];
let cur_atts = { let cur_atts = {
name : document.getElementById("nobj_name").value, name : document.getElementById("nobj_name").value,
@ -116,16 +124,16 @@
} }
}); });
function check_change(element){ function check_change(element){
if(element == "name" && cur_atts[element] != menu.getAttribute(`obj_${element}`).split("/")[0]){ if(element == "name" && cur_atts[element] != menu.getAttribute(`${element}`).split("/")[0]){
changes[element] = cur_atts[element]; changes[element] = cur_atts[element];
} }
else if (element != "name" && cur_atts[element] != menu.getAttribute(`obj_${element}`)){ else if (element != "name" && cur_atts[element] != menu.getAttribute(`${element}`)){
changes[element] = cur_atts[element]; changes[element] = cur_atts[element];
} }
} }
function make_obj_save(){ function make_obj_save(){
load_group(gid,(group_db)=>{ load_group(gid,(group_db)=>{
if(changes["name"]) changes["name"] = (changes["name"]+"/g/"+group_db["name"].replace(" ","$")); if(changes["name"]) changes["name"] = (changes["name"]+"/g/"+group_db["name"].replaceAll(" ","$"));
document.getElementById("obj_resp").innerHTML = "сохранение товара"; document.getElementById("obj_resp").innerHTML = "сохранение товара";
$.post( "/admin/objects/edit", { id:menu.getAttribute(`obj_id`),changes:JSON.stringify(changes),gid:gid}) $.post( "/admin/objects/edit", { id:menu.getAttribute(`obj_id`),changes:JSON.stringify(changes),gid:gid})
.done(function( res ) { .done(function( res ) {
@ -178,7 +186,7 @@
else{ else{
let name = ask("название"); let name = ask("название");
if(name != "")[ if(name != "")[
$.post( "/admin/objects/find", { name:name.replace(" ","$")}) $.post( "/admin/objects/find", { name:name.replaceAll(" ","$")})
.done(function( res ) { .done(function( res ) {
if(res["out"] == "good"){ if(res["out"] == "good"){
// console.log(res["body"]); // console.log(res["body"]);
@ -194,11 +202,12 @@
let obj = document.createElement('div'); let obj = document.createElement('div');
let name_text = document.createElement('div'); let name_text = document.createElement('div');
let img_elm = document.createElement('img'); let img_elm = document.createElement('img');
obj.title = `название:${value["name"].split("/")[0].replace("$"," ")}\nцена:${value["cost"]}\nширена:${value["width"]}\nвысота${value["height"]}\nописание:${value["description"]}`; obj.title = `название:${value["name"].split("/")[0].replaceAll("$"," ")}\nцена:${value["cost"]}\nширина:${value["width"]}\nвысота${value["height"]}\nописание:${value["description"]}`;
obj.id = "object_menu"; obj.id = `object_${value["id"]}`;
obj.setAttribute("onclick",`set_edit(${value["id"]})`)
obj.classList.add(value["name"]); obj.classList.add(value["name"]);
obj.classList.add("object"); obj.classList.add("object");
obj.setAttribute("name",value["name"].split("/")[0].replace("$"," ")) obj.setAttribute("name",value["name"].split("/")[0].replaceAll("$"," "))
obj.setAttribute("description",value["description"]) obj.setAttribute("description",value["description"])
obj.setAttribute("src",img) obj.setAttribute("src",img)
obj.setAttribute("height",value["height"]) obj.setAttribute("height",value["height"])
@ -206,12 +215,12 @@
obj.setAttribute("obj_id",value["id"]) obj.setAttribute("obj_id",value["id"])
obj.setAttribute("cost",value["cost"]) obj.setAttribute("cost",value["cost"])
obj.setAttribute("gid",value["gid"]) obj.setAttribute("gid",value["gid"])
name_text.innerText = value["name"].split("/")[0].replace("$"," "); name_text.innerText = value["name"].split("/")[0].replaceAll("$"," ");
img_elm.src = img; img_elm.src = img;
obj.append(img_elm) obj.append(img_elm)
obj.append(name_text) obj.append(name_text)
obj_list.append(obj) obj_list.append(obj)
console.log("obj"); // console.log("obj");
} }
</script> </script>

70
views/admin/objects/object_groups.ejs
View File

@ -4,13 +4,19 @@
/* height: 5vh; */ /* height: 5vh; */
margin: auto 0px; margin: auto 0px;
} }
#obj_group {
margin-bottom: 20px;
}
.obj_group{ .obj_group{
display: flex; display: flex;
} }
</style> </style>
<div id="obj_group"> <div id="obj_group">
<div style="display: flex;justify-content: space-between;"> <div style="display: flex;justify-content: space-between;">
<h1>группы товаров</h1> <div style="display: block;">
<h1>группы товаров</h1>
<button onclick="create_new_part()">доб. раздел</button>
</div>
<style> <style>
.group_drop{ .group_drop{
width: 15vw; width: 15vw;
@ -47,24 +53,9 @@
<script> <script>
// load_groups(); // load_groups();
function delete_group(gid,pid) { function delete_group(gid,pid) {
let select = document.getElementById("group_select"); let name = document.getElementById("obj_group_"+gid).getAttribute("group_name");
if(confirm(`вы уверены вы хотите удалить группу ${document.getElementById("obj_group_"+gid).innerText}`) == true){ if(confirm(`вы уверены вы хотите удалить группу ${name}`) == true){
$.post( "/admin/groups/delete", { gid:gid,pid:pid}) $.post( "/admin/groups/delete", { gid:gid,pid:pid})
.done(function( res ) {
if(res["out"] == "good"){
// console.log(res["body"]);
// load_groups();
edit_get_objs();
hide_menus();
alert(`группа удалена`)
}
});
}
}
function create_new_group(pid) {
let group_name = ask("название группы");
if(group_name != ""){
$.post( "/admin/groups/new", { name:group_name.replace(" ","$"),pid:pid})
.done(function( res ) { .done(function( res ) {
if(res["out"] == "good"){ if(res["out"] == "good"){
// console.log(res["body"]); // console.log(res["body"]);
@ -73,8 +64,44 @@
hide_menus(); hide_menus();
setTimeout(()=>{ setTimeout(()=>{
parts_load(); parts_load();
alert(`группа ${group_name.replace(" ","$")} создана`) alert(`группа ${name} удалена`)
},200) },500)
}
});
}
}
function create_new_group(pid) {
let group_name = ask("название группы");
if(group_name != null && group_name != ""){
$.post( "/admin/groups/new", { name:group_name.replaceAll(" ","$"),pid:pid})
.done(function( res ) {
if(res["out"] == "good"){
// console.log(res["body"]);
// load_groups();
edit_get_objs();
hide_menus();
setTimeout(()=>{
parts_load();
alert(`группа ${group_name.replaceAll(" ","$")} создана`)
},500)
}
});
}
}
function create_new_part() {
let part_name = ask("название раздела");
if(part_name != null && part_name != ""){
$.post( "/admin/parts/new", { name:part_name.replaceAll(" ","$")})
.done(function( res ) {
if(res["out"] == "good"){
// console.log(res["body"]);
// load_groups();
hide_menus();
setTimeout(()=>{
parts_load();
alert(`раздел ${part_name.replaceAll(" ","$")} создан`)
},500)
} }
}); });
} }
@ -92,12 +119,13 @@
part_drop.src = "/img/drop.png"; part_drop.src = "/img/drop.png";
part_drop.alt = "\/"; part_drop.alt = "\/";
part_text.innerText = `${value["name"]}`; part_text.innerText = `${value["name"].replaceAll("$", " ")}`;
part.id = `group_drop-${value["id"]}`; part.id = `group_drop-${value["id"]}`;
part.classList.add("menu_btn") part.classList.add("menu_btn")
part.classList.add("group_drop") part.classList.add("group_drop")
part.setAttribute("groups",`${value["groups"]}`) part.setAttribute("groups",`${value["groups"]}`)
part.setAttribute("count",`${value["count"]}`)
part.setAttribute("pid",`${value["id"]}`) part.setAttribute("pid",`${value["id"]}`)
part.append(part_text); part.append(part_text);

84
views/header.ejs
View File

@ -112,6 +112,13 @@
display: none; display: none;
} }
} }
#top_panel_center button{
border-radius: 0.5vw;
}
#top_panel_center :hover{
border: 1px solid black;
}
</style> </style>
<header id="top_panel"> <header id="top_panel">
@ -119,11 +126,11 @@
<div id="proj_top_panel"> <div id="proj_top_panel">
<div id="top_panel_left" class="tpanel"></div> <div id="top_panel_left" class="tpanel"></div>
<div id="top_panel_center" class="tpanel"> <div id="top_panel_center" class="tpanel">
<button onclick="goto('/main')">Мои проекты</button> <button id="page_btn_main" onclick="goto('/main')">Мои проекты</button>
<button onclick="goto('/tamp')">Шаблоны</button> <button id="page_btn_tamp" onclick="goto('/tamp')">Шаблоны</button>
<button onclick="goto('/gallery')">Галерея</button> <button id="page_btn_gallery" onclick="goto('/gallery')">Галерея</button>
<button onclick="goto('/faq')">FAQ</button> <button id="page_btn_faq" onclick="goto('/faq')">FAQ</button>
<button onclick="goto('/help')">Связаться с поддержкой</button> <button id="page_btn_help" onclick="goto('/help')">Связаться с поддержкой</button>
</div> </div>
<div id="top_panel_right_main" class="tpanel top_panel_right"> <div id="top_panel_right_main" class="tpanel top_panel_right">
@ -152,14 +159,27 @@
let menu = document.getElementById("top_panel_center"); let menu = document.getElementById("top_panel_center");
if (res["admin"] == true){ if (res["admin"] == true){
menu.innerHTML += `<button onclick='goto("/admin")'>админ. панель</button><br>`; menu.innerHTML += `<button id="page_btn_admin" onclick='goto("/admin")'>Админ. панель</button><br>`;
} }
// menu.innerHTML += "<button onclick='logout();'>выйти</button><br>"; // menu.innerHTML += "<button onclick='logout();'>выйти</button><br>";
document.URL.split("puzzle.n0r.su/").at(-1)
switch (document.URL.split("puzzle.n0r.su/").at(-1)) {
case ("main"):
document.getElementById("page_btn_main").style.border = "1px solid black";
break;
case ("admin"):document.getElementById("page_btn_admin").style.border = "1px solid black";break;
case ("admin/objects"):document.getElementById("page_btn_admin").style.border = "1px solid black";break;
case ("admin/users"):document.getElementById("page_btn_admin").style.border = "1px solid black";break;
default:
break;
}
}); });
onscroll = (e)=>{ console.log("asd");
hide_menus();
} // onscroll = (e)=>{
// hide_menus();
// }
onresize = (e)=>{ onresize = (e)=>{
hide_menus(); hide_menus();
} }
@ -210,27 +230,27 @@
open_menu(); open_menu();
} }
else if(e.target.id == "object_menu"){ // else if(e.target.id == "object_menu"){
hide_menus(); // hide_menus();
let menu = document.getElementById("object_edit_menu"); // let menu = document.getElementById("object_edit_menu");
let obj = e.target; // let obj = e.target;
menu.setAttribute("obj_img",obj.getAttribute("src")); // menu.setAttribute("obj_img",obj.getAttribute("src"));
menu.setAttribute("obj_name",obj.getAttribute("name")); // menu.setAttribute("obj_name",obj.getAttribute("name"));
menu.setAttribute("obj_description",obj.getAttribute("description")); // menu.setAttribute("obj_description",obj.getAttribute("description"));
menu.setAttribute("obj_height",obj.getAttribute("height")); // menu.setAttribute("obj_height",obj.getAttribute("height"));
menu.setAttribute("obj_width",obj.getAttribute("width")); // menu.setAttribute("obj_width",obj.getAttribute("width"));
menu.setAttribute("obj_id",obj.getAttribute("obj_id")); // menu.setAttribute("obj_id",obj.getAttribute("obj_id"));
menu.setAttribute("obj_cost",obj.getAttribute("cost")) // menu.setAttribute("obj_cost",obj.getAttribute("cost"))
menu.setAttribute("obj_gid",obj.getAttribute("gid")) // menu.setAttribute("obj_gid",obj.getAttribute("gid"))
menu.style.display = 'block'; // menu.style.display = 'block';
// menu.style = `top:${e.target.getBoundingClientRect().top+27}px;left:${e.target.getBoundingClientRect().left-13}px`; // // menu.style = `top:${e.target.getBoundingClientRect().top+27}px;left:${e.target.getBoundingClientRect().left-13}px`;
menu.style = `top:${e.target.getBoundingClientRect().top + 40}px;left:${e.target.getBoundingClientRect().left - 5}px`; // menu.style = `top:${e.target.getBoundingClientRect().top + 40}px;left:${e.target.getBoundingClientRect().left - 5}px`;
// menu.onmouseleave = () => menu.style.display = 'none'; // // menu.onmouseleave = () => menu.style.display = 'none';
// menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p>" // // menu.innerHTML = "<p>Option1</p><p>Option2</p><p>Option3</p><p>Option4</p>"
// document.body.appendChild(menu) // // document.body.appendChild(menu)
open_menu(); // open_menu();
} // }
else if(e.target.id == "proj_cost"){ else if(e.target.id == "proj_cost"){
hide_menus(); hide_menus();
document.getElementById("cost_list").style = `margin-top:2.5vw;left:${e.target.getBoundingClientRect().left}px`; document.getElementById("cost_list").style = `margin-top:2.5vw;left:${e.target.getBoundingClientRect().left}px`;
@ -242,12 +262,12 @@
document.getElementById("group").innerHTML = ""; document.getElementById("group").innerHTML = "";
// console.log(e.target.getAttribute("groups").split(",")); // console.log(e.target.getAttribute("groups").split(","));
document.getElementById("group").style = `margin-top:2.5vw;left:${e.target.getBoundingClientRect().left}px;width: 14vw;padding: 0.45vw;display:block;`; document.getElementById("group").style = `margin-top:2.9vw;left:${e.target.getBoundingClientRect().left}px;width: 14vw;padding: 0.45vw;display:block;padding-bottom: 0.7vw;`;
console.log("group"); console.log("group");
open_menu(); open_menu();
if (document.URL == "https://puzzle.n0r.su/admin/objects"){ if (document.URL == "https://puzzle.n0r.su/admin/objects"){
load_groups(()=>{},e.target.getAttribute("groups").split(","),true) if(e.target.getAttribute("count") != 0)load_groups(()=>{},e.target.getAttribute("groups").split(","),true)
let groups = document.getElementById("group"); let groups = document.getElementById("group");
let new_grp_btn = document.createElement("button"); let new_grp_btn = document.createElement("button");
new_grp_btn.setAttribute("onclick",`create_new_group(${e.target.getAttribute("pid")})`); new_grp_btn.setAttribute("onclick",`create_new_group(${e.target.getAttribute("pid")})`);
@ -256,7 +276,7 @@
groups.append(new_grp_btn) groups.append(new_grp_btn)
} }
else{ else{
load_groups(()=>{},e.target.getAttribute("groups").split(",")) if(e.target.getAttribute("count") != 0)load_groups(()=>{},e.target.getAttribute("groups").split(","))
} }
// hide_menus(); // hide_menus();
// let menu = document.getElementById("object_edit_menu"); // let menu = document.getElementById("object_edit_menu");

5
views/load.ejs
View File

@ -4,12 +4,13 @@
<style> <style>
#load_div{ #load_div{
width: 100vw; width: 100vw;
height: 99vh; height: 100vh;
display: flex; display: flex;
position: absolute; position: absolute;
z-index: 10000; z-index: 10000;
background-color: white; background-color: white;
transition: background-color 1s; transition: background-color 1s;
top: 0;
} }
#load_logo{ #load_logo{
width: 12vw; width: 12vw;
@ -96,5 +97,5 @@
if(page_state != "loaded"){ if(page_state != "loaded"){
document.getElementById("load_help").style.display = "block"; document.getElementById("load_help").style.display = "block";
} }
},2000) },7000)
</script> </script>

4
views/main.ejs
View File

@ -7,6 +7,7 @@
border-radius: 10px; border-radius: 10px;
width: 290px; width: 290px;
box-shadow: 0px 4px 4px 0px #00000040; box-shadow: 0px 4px 4px 0px #00000040;
cursor: pointer;
} }
.proj, .new_proj{ .proj, .new_proj{
border: 0px; border: 0px;
@ -28,6 +29,9 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.p_props img{
cursor: pointer;
}
.main h1{ .main h1{
/* font-size: --main-font-size; */ /* font-size: --main-font-size; */
font-weight: 100; font-weight: 100;

11
views/project.ejs
View File

@ -10,13 +10,14 @@
text-align: center; text-align: center;
margin: auto; margin: auto;
z-index: 10; z-index: 10;
touch-action: none;
} }
#drags{ #drags{
position: absolute; position: absolute;
margin: auto; margin: auto;
} }
#drags img{ .spawn{
object-fit: contain; object-fit: contain;
} }
@ -304,10 +305,6 @@
catch{alert("объкт не выбран")} catch{alert("объкт не выбран")}
} }
function gids_change(){
group_drop();
}
function group_drop(){ function group_drop(){
let e = document.getElementById("group_drop") let e = document.getElementById("group_drop")
setTimeout(()=>{ setTimeout(()=>{
@ -340,12 +337,14 @@
part_drop.src = "/img/drop.png"; part_drop.src = "/img/drop.png";
part_drop.alt = "\/"; part_drop.alt = "\/";
part_text.innerText = `${value["name"]}`; part_text.innerText = `${value["name"].replaceAll("$", " ")}`;
part.id = `group_drop-${value["id"]}`; part.id = `group_drop-${value["id"]}`;
part.classList.add("menu_btn") part.classList.add("menu_btn")
part.classList.add("group_drop") part.classList.add("group_drop")
part.setAttribute("groups",`${value["groups"]}`) part.setAttribute("groups",`${value["groups"]}`)
part.setAttribute("count",`${value["count"]}`)
part.setAttribute("pid",`${value["id"]}`)
part.append(part_text); part.append(part_text);
part.append(part_drop); part.append(part_drop);

5
views/static/start.ejs
View File

@ -44,7 +44,6 @@
margin: 0px; margin: 0px;
} }
*{ *{
touch-action: none;
user-select: none; user-select: none;
font: "Circe Rounded"; font: "Circe Rounded";
font-size: var(--main-font-size); font-size: var(--main-font-size);
@ -56,6 +55,10 @@
--main-font-size: 12px; --main-font-size: 12px;
} }
} }
.obj_group input{
width: 1vw;
height: 1vw;
}
</style> </style>
</head> </head>
<body> <body>