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

admin object view change

Browse Source
This commit is contained in:
N0rdye
2023-10-05 01:02:19 +05:00
parent f51e96d4dd
commit c0d4f0ecf7
3 changed files with 95 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,17 +70,17 @@
</div>
<div id="obj_input">
<div>
<div style="display: flex;width: 40%;justify-content: space-between;">
<div style="display: flex;width: 50%;justify-content: space-between;">
<label for="obj_height">Высота</label>
<div style="display: flex;"><input type="text" class="btn_white" style="width: 50px;" id="obj_height_value" value="100" oninput="this.value = this.value.replace(/[^0-9.]/g, '0').replace(/(\..*?)\..*/g, '$1').replace(/^0[^.]/, '0');obj_size_change('height','text')">
<div style="display: flex;"><input type="text" class="btn_white" style="width: 3vw;" id="obj_height_value" value="100" oninput="this.value = this.value.replace(/[^0-9.]/g, '0').replace(/(\..*?)\..*/g, '$1').replace(/^0[^.]/, '0');obj_size_change('height','text')">
<div class="vc">см</div></div>
</div>
<input style="width: 100%;" type="range" step="1" min="1" max="300" id="obj_height" value="100" oninput="obj_size_change('height','range')">
</div>
<div>
<div style="display: flex;width: 40%;justify-content: space-between;">
<div style="display: flex;width: 50%;justify-content: space-between;">
<label for="obj_width" class="vc">Ширина</label>
<div style="display: flex;"><input type="text" class="btn_white" style="width: 50px;" id="obj_width_value" value="100" oninput="this.value = this.value.replace(/[^0-9.]/g, '0').replace(/(\..*?)\..*/g, '$1').replace(/^0[^.]/, '0');obj_size_change('width','text')">
<div style="display: flex;"><input type="text" class="btn_white" style="width: 3vw;" id="obj_width_value" value="100" oninput="this.value = this.value.replace(/[^0-9.]/g, '0').replace(/(\..*?)\..*/g, '$1').replace(/^0[^.]/, '0');obj_size_change('width','text')">
<div class="vc">см</div></div>
</div>
<input style="width: 100%;" type="range" step="1" min="1" max="300" id="obj_width" value="100" oninput="obj_size_change('width','range')">

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

@ -25,6 +25,24 @@
margin: auto 0px;
/* height: 25px; */
}
.object *{
font-size: calc(var(--main-font-size)/1.6);
}
.object td{
border: 1px #777777 solid;
padding: 0.5vw;
}
.object{
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #B9B9B9;
}
.obj_table_labels{
background-color: #B9B9B9;
}
.obj_table_divs{
background-color: #ffffff;
}
</style>
<h1>Изменение объектов</h1>
@ -53,6 +71,10 @@
menu.getAttribute("gid"),
menu.getAttribute("colors"),
menu.getAttribute("obj_id"));
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
function edit_get_objs(by_name = false){
@ -176,6 +198,11 @@
});
}
img_cache(()=>{
loaded()
})
function edit_load_objs(callback,by_name = false){
// let select = document.getElementById("group_select");
if(!by_name){
@ -209,12 +236,14 @@
function make_obj(img,value,list_id){
let obj_list = document.getElementById(list_id);
let obj = document.createElement('div');
let name_text = document.createElement('div');
let img_elm = document.createElement('img');
// let obj = document.createElement('div');
// let name_text = document.createElement('div');
// let img_elm = document.createElement('img');
let obj = document.createElement("table");
obj.title = `название:${value["name"].split("~")[0].replaceAll("$"," ")}\nцена:${value["cost"]}\nширина:${value["width"]}\nвысота${value["height"]}\nименение цвета:${Boolean(value["colors"])}\nартикуль:${value["name"]}`;
obj.id = `object_${value["id"]}`;
obj.setAttribute("onclick",`set_edit(${value["id"]})`)
// obj.setAttribute("onclick",`set_edit(${value["id"]})`)
obj.classList.add(value["name"]);
obj.classList.add("object");
obj.setAttribute("name",value["name"].split("~")[0].replaceAll("$"," "))
@ -226,10 +255,61 @@
obj.setAttribute("cost",value["cost"])
obj.setAttribute("colors",Boolean(value["colors"]))
obj.setAttribute("gid",value["gid"])
// name_text.innerText = value["name"].split("~")[0].replaceAll("$"," ");
img_elm.src = img;
obj.append(img_elm)
obj.append(name_text)
// // name_text.innerText = value["name"].split("~")[0].replaceAll("$"," ");
// img_elm.src = img;
// obj.append(img_elm)
// obj.append(name_text)
obj.style.width = "80vw";
obj.style.wordBreak = "break-all";
let divs = {
name : value["name"].split("~")[0].replaceAll("$"," "),
object : value["name"],
height : value["height"],
width : value["width"],
cost : value["cost"],
link : img,
color : Boolean(value["colors"]),
edit : `set_edit(${value["id"]})`
}
let labels = {
name : "Название",
object : "Объект",
height : "Высота",
width : "Ширина",
cost : "Цена",
link : "Ссылка на изображение",
color : "Меняет цвет",
edit : "Радактировать"
}
obj.innerHTML =
"<tr class='obj_table_labels'>"+
`<td>${labels["name"]}</td>`+
`<td>${labels["object"]}</td>`+
`<td>${labels["height"]}</td>`+
`<td>${labels["width"]}</td>`+
`<td>${labels["cost"]}</td>`+
`<td>${labels["link"]}</td>`+
`<td>${labels["color"]}</td>`+
`<td>${labels["edit"]}</td>`+
"</tr>"+
"<tr class='obj_table_divs'>"+
`<td>${divs["name"]}</td>`+
`<td>${divs["object"]}</td>`+
`<td>${divs["height"]}</td>`+
`<td>${divs["width"]}</td>`+
`<td>${divs["cost"]}</td>`+
`<td><a href='${divs["link"]}'>${divs["link"]}</a></td>`+
`<td>${divs["color"]}</td>`+
`<td><button onclick='${divs["edit"]}' class='btn_blue'>Выбрать</button></td>`+
"</tr>";
obj_list.append(obj)
// console.log("obj");