modified: object.js
modified: public/lib/fn.js modified: public/lib/inter.js modified: public/lib/inter_group_object.js modified: public/lib/inter_temp.js modified: views/admin/objects/group_object.ejs modified: views/admin/objects/object_creation.ejs modified: views/admin/objects/object_edit.ejs modified: views/project.ejs
This commit is contained in:
@ -237,6 +237,9 @@
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-between; width: 15vw;">
|
||||
<div><input type="checkbox" id="trans_checkbox" checked="true" onchange='wall_color_change()'><label for="trans_checkbox">прозрачный фон</label></div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-between; width: 7vw;">
|
||||
<div id="save_btn_icon" class="btn_icon" onclick="save()"><img src="/img/icon/save.png" alt="save"></div>
|
||||
<!-- <div class="btn_icon" onclick="document.getElementById('import_file').click();"><img src="/img/icon/download.png" alt="load"></div> -->
|
||||
@ -288,6 +291,7 @@
|
||||
<script src="/lib/inter_group_object.js"></script>
|
||||
<script>
|
||||
const get_object_id = new URL(window.location).searchParams.get("object_id");
|
||||
const get_object_name = new URL(window.location).searchParams.get("object_name");
|
||||
document.getElementById("layer_inp").value = 0;
|
||||
img_cache(()=>{})
|
||||
wall_size_change('height');resize_drags();
|
||||
@ -300,27 +304,35 @@
|
||||
downloadImg(src,`${proj_name}.png`)
|
||||
},false)
|
||||
}
|
||||
|
||||
function get_data(id,callback) {
|
||||
$.post( "/get_objs")
|
||||
|
||||
function get_data(name,callback) {
|
||||
$.post( "/get_obj",{name:name,key:"*"})
|
||||
.done(function( res ) {
|
||||
if(res["out"] == "good"){
|
||||
Object.entries(res["body"]).forEach(([key,value]) => {
|
||||
if(id == value["id"]){
|
||||
callback(value)
|
||||
}
|
||||
});
|
||||
// Object.entries(res["body"]).forEach(([key,value]) => {
|
||||
// if(id == value["id"]){
|
||||
// callback(value)
|
||||
// }
|
||||
// });
|
||||
console.log(res["body"]);
|
||||
callback(res["body"])
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function save() {
|
||||
get_data(get_object_id,(data)=>{
|
||||
proj_img((src)=>{
|
||||
$.post( "/admin/object/grouped/save",{name:data["name"],data:src,json:JSON.stringify(objs),id:data["id"]})
|
||||
.done(function( res ) {
|
||||
goto(`/admin/objects?object_id=${data["id"]}`);
|
||||
});
|
||||
let wait_msg = msg("Сохраняем изображение", {type:"wait"})
|
||||
get_data(get_object_name,(data)=>{
|
||||
proj_img((src_orig)=>{
|
||||
removeImageBackground(src_orig).then((src_chaged)=>{
|
||||
src = (JSON.parse(document.getElementById("trans_checkbox").checked) == true)? src_chaged:src_orig;
|
||||
console.log("posting");
|
||||
$.post( "/admin/object/grouped/save",{name:data["name"],data:src,json:JSON.stringify(objs),id:data["id"],cost:objs["total"]})
|
||||
.done(function( res ) {
|
||||
msg_del(wait_msg.id)
|
||||
goto(`/admin/objects?object_id=${data["id"]}`);
|
||||
});
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
@ -344,8 +356,8 @@
|
||||
y:7,
|
||||
x:2,
|
||||
width:width,
|
||||
logging:false,
|
||||
scale:5
|
||||
logging:false
|
||||
// scale:0.2
|
||||
}).then(canvas => {
|
||||
if(cost == true){
|
||||
document.getElementById("cost_div").style.marginLeft = `0`;
|
||||
@ -384,11 +396,19 @@
|
||||
|
||||
function wall_color_change(){
|
||||
if (proj_state == "loaded"){objs_back.push(JSON.parse(JSON.stringify(objs)));}
|
||||
|
||||
let wall = document.getElementById("wall")
|
||||
let color = document.getElementById("wall_color")
|
||||
wall.style.backgroundColor = color.value;
|
||||
objs["color"] = color.value;
|
||||
if (JSON.parse(document.getElementById("trans_checkbox").checked) == true) {
|
||||
let wall = document.getElementById("wall")
|
||||
wall.style.backgroundColor = "#ffffff";
|
||||
objs["color"] = "#ffffff";
|
||||
document.getElementById("wall_color").disabled = true;
|
||||
}
|
||||
else{
|
||||
document.getElementById("wall_color").disabled = false;
|
||||
let wall = document.getElementById("wall")
|
||||
let color = document.getElementById("wall_color")
|
||||
wall.style.backgroundColor = color.value;
|
||||
objs["color"] = color.value;
|
||||
}
|
||||
}
|
||||
|
||||
function obj_color_change(color,in_obj = null){
|
||||
|
||||
@ -60,20 +60,31 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<input type="checkbox" id="obj_group_check" onchange="group_object_check()">
|
||||
<input type="checkbox" id="obj_group_check" onchange='group_object_check(event)'>
|
||||
<label for="obj_group_check">Сделать обьект группированным</label>
|
||||
<script>
|
||||
function group_object_check(){
|
||||
function group_object_check(event){
|
||||
let onc = `document.getElementById('img_file').click();msg('помните что граници обозначают элемент с которым можно взаимодействовать даже если он прозрачный',{time:10,type:'help'});msg('старайтесь не оставлять пустые/прозрачные отступы',{time:15,type:'help'})`
|
||||
let group_check = document.getElementById("obj_group_check");
|
||||
let img_div = document.getElementById("img_prev_div");
|
||||
if(group_check.checked == true){
|
||||
img_div.setAttribute("onclick",`save_edited_obj(${group_check.getAttribute("object_id")});goto('/admin/group_object?object_id=${group_check.getAttribute("object_id")}')`);
|
||||
document.getElementById("obj_cost").disabled = true;
|
||||
img_div.setAttribute("onclick",
|
||||
`save_edited_obj(${group_check.getAttribute("object_id")});goto('/admin/group_object?`+
|
||||
`object_id=${group_check.getAttribute("object_id")}&`+
|
||||
`object_name=${document.getElementById(`object_${group_check.getAttribute("object_id")}`).getAttribute("class").split(" ")[0]}')`);
|
||||
}
|
||||
else{
|
||||
document.getElementById("obj_cost").disabled = false;
|
||||
img_div.setAttribute("onclick",onc);
|
||||
}
|
||||
|
||||
if(event != null && group_check.checked == true){
|
||||
msg("при изменении изображения вы перейдёте в режим редактирования гриппированного обьекта",{type:"help",time:11});
|
||||
msg("нынешние изменения сохраняться",{type:"help",time:12});
|
||||
msg("цена будет равна цене группы обьектов",{type:"help",time:13});
|
||||
msg("при сохранении гриппированного обьекта вы вернётесь в это меню с сохранением всех параметров",{type:"help",time:14});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
|
||||
@ -60,9 +60,11 @@
|
||||
// load_groups(()=>{
|
||||
// edit_get_objs();
|
||||
// });
|
||||
const get_object_id = new URL(window.location).searchParams.get("object_id");
|
||||
|
||||
|
||||
function set_edit(id){
|
||||
window.history.pushState({}, null, `${(new URL(window.location)).toString().split("?")[0]}?object_id=${id}`);
|
||||
let menu = document.getElementById(`object_${id}`);
|
||||
set_obj_edit_params(menu.getAttribute("src"),
|
||||
menu.getAttribute("name").split("~")[0],
|
||||
@ -81,6 +83,7 @@
|
||||
|
||||
function edit_get_objs(by_name = false,callback){
|
||||
document.getElementById("objs_in_group").innerHTML = "";
|
||||
let wait_msg_object_load = (get_object_id != null)? msg("загружаем прошлый объект",{type:"wait"}):null;
|
||||
if (obj_edit_type == "edit") set_obj_edit_params();
|
||||
edit_load_objs((data)=>{
|
||||
let wait_msg = msg("Загрузка объектов",{type:"wait"})
|
||||
@ -92,9 +95,9 @@
|
||||
if(data.at(-1)["id"] == value["id"]){
|
||||
msg_del(wait_msg.id);
|
||||
msg("Объекты загружены")
|
||||
if(new URL(window.location).searchParams.get("object_id") != null){
|
||||
const get_object_id = new URL(window.location).searchParams.get("object_id");
|
||||
set_edit(new URL(window.location).searchParams.get("object_id"));
|
||||
if(get_object_id != null && wait_msg_object_load != null){
|
||||
set_edit(get_object_id);
|
||||
msg_del(wait_msg_object_load.id);
|
||||
}
|
||||
if(callback)callback(true);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user