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

lib updates, img sizing fixes

Browse Source
This commit is contained in:
N0rdye
2023-07-01 16:47:05 +05:00
parent 2bc7d45097
commit a5ef0206c4
9 changed files with 11813 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
public/lib/inter.js
View File

@ -11,41 +11,39 @@ function get_count(clas){
function create(clas,x,y,body,id){
let main_clas = clas.split(" ")[0];
// if (body == null || body == "") body = "[]";
try{
load_obj(main_clas,(db_data)=>{
// let data = db_data;
// body = data["img"];
// console.log(data["img"].toString());
// console.log(db_data[0]);
// console.log(clas,x,y,body,parent);
// console.log(id);
// root.innerHTML += "<div class='"+clas+" drag' id="+obj+">"+body+"</div>";
// let img = document.createElement("img");
let obj = document.createElement("img");
obj.id = id;
clas= clas.split(" ");
clas.forEach(cl => {
obj.classList.add(cl);
load_obj(main_clas,(db_data)=>{
// let data = db_data;
// body = data["img"];
// console.log(data["img"].toString());
// console.log(db_data[0]);
// console.log(clas,x,y,body,parent);
// console.log(id);
// root.innerHTML += "<div class='"+clas+" drag' id="+obj+">"+body+"</div>";
// let img = document.createElement("img");
let obj = document.createElement("img");
obj.id = id;
clas= clas.split(" ");
clas.forEach(cl => {
obj.classList.add(cl);
});
if (db_data == null) {
delete objs[main_clas][id];
save(()=>{
goto("/proj/"+proj_name);
});
if (db_data == null) {
delete objs[main_clas][id];
save(()=>{
goto("/proj/"+proj_name);
});
}
else{
obj.src = db_data["img"];
obj.title = `${db_data["name"]} \n ${db_data["description"]}`;
}
// obj.innerHTML = body;
// parent.append(obj);
obj.setAttribute("max-width","100px");
root.append(obj);
set_pos(obj,x,y);
// let obj_doc = document.getElementById(obj);
// console.log(obj_doc.classList);
})
}catch{}
}
else{
obj.src = db_data["img"];
obj.title = `${db_data["name"]} \n ${db_data["description"]}`;
}
// obj.innerHTML = body;
// parent.append(obj);
obj.setAttribute("max-width","100px");
root.append(obj);
set_pos(obj,x,y);
// let obj_doc = document.getElementById(obj);
// console.log(obj_doc.classList);
})
}
function wall_size_change(type,value){
@ -233,7 +231,7 @@ interact('.createzone').dropzone({
zone.classList.remove('drop-target');
drag.classList.remove('spawn');
let x = zone.getBoundingClientRect().left + window.scrollX - 15;
let y = zone.getBoundingClientRect().top + window.scrollY - 30;
let y = zone.getBoundingClientRect().top + window.scrollY - 32;
create(`${zone.classList[0]} drag spawn`,x,y,`${zone.classList[0]}`,`none`);
},
ondrop: function (event) {var drag = event.relatedTargetdrag.classList.remove('in_zone');drag.classList.remove('can-drop');},
@ -244,7 +242,7 @@ function drag_start() {
let zones = document.getElementsByClassName("createzone");
Object.entries(zones).forEach(([key, zone]) => {
let x = zone.getBoundingClientRect().left - scrollX - 15;
let y = zone.getBoundingClientRect().top - scrollY - 30;
let y = zone.getBoundingClientRect().top - scrollY - 32;
// console.log(x,y);
create(`${zone.classList[0]} drag spawn`,x,y,`${zone.classList[0]}`,`none`);
});