Compare commits

...

2 Commits

Author SHA1 Message Date
b5e62473bc Vetsi Update 2026-04-07 21:10:15 +02:00
abd86e7d2c Pre 2026-04-07 07:47:12 +02:00
7 changed files with 214 additions and 291 deletions

View File

@@ -50,8 +50,11 @@ input,select,button {
</select>
<button id="loadkata" onclick="naplnitKatalog()">Načíst Katalog</button>
<button id="savekata" onclick="ulozitKatalog()">Ulozit Katalog</button>
<button id="savekata" onclick="ulozitKatalog()">Uložit Katalog</button>
<button id="presentkata" onclick="vystavitKatalog()">Vystavit Katalog</button>
<button id="downloadkata" onclick="stahnoutKatalog()">Stáhnout Katalog</button>
<button id="nahratKata">Nahrát Katalog </button>
<input type="file" id="inputFile" style="display: none;">
<button class="pridat-kategorii" style="">Pridat Kategorii</button>

View File

@@ -1,54 +1,23 @@
// function katalogToXML(katalog) {
// let xml = '<katalog>';
//
// Object.entries(katalog).forEach(([kategorie, produkty]) => {
// xml += `<kategorie nazev="${kategorie}">`;
//
// Object.entries(produkty).forEach(([nazev, data]) => {
// xml += `<produkt nazev="${nazev}">`;
// Object.entries(data).forEach(([key, value]) => {
// xml += `<${key}>${value}</${key}>`;
// });
// xml += `</produkt>`;
// });
//
// xml += `</kategorie>`;
// });
//
// xml += '</katalog>';
// return xml;
// }
//
//
// function xmlToKatalog(xmlString) {
// const parser = new DOMParser();
// const xmlDoc = parser.parseFromString(xmlString, "application/xml");
// const katalog = {};
//
// xmlDoc.querySelectorAll('kategorie').forEach(kat => {
// const kNazev = kat.getAttribute('nazev');
// katalog[kNazev] = {};
//
// kat.querySelectorAll('produkt').forEach(prod => {
// const pNazev = prod.getAttribute('nazev');
// const data = {};
//
// prod.childNodes.forEach(node => {
// if(node.nodeType === 1) { // ELEMENT_NODE
// const key = node.nodeName;
// let value = node.textContent;
// // pokus převést čísla
// if(!isNaN(value)) value = Number(value);
// data[key] = value;
// }
// });
//
// katalog[kNazev][pNazev] = data;
// });
// });
//
// return katalog;
// }
function stahnoutKatalog(data) {
// převod na JSON string
const jsonString = JSON.stringify(katalog2JSON(), null, 2);
// vytvoření blobu (soubor v paměti)
const blob = new Blob([jsonString], { type: "application/json" });
// vytvoření odkazu
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = "katalog.json";
// simulace kliknutí
a.click();
// úklid
URL.revokeObjectURL(url);
}
function uuidv4() {
return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c =>
@@ -56,52 +25,40 @@ function uuidv4() {
);
}
// Vypocita ceny do katalogu na zaklade zadane ceny bez DPH
// Ceny se zaokrouhluji na koruny nahoru
// Vsechny rozmery v katalogu jsou v cm
function vypocitejCenu(uuid) {
let nazev = document.getElementById("nazev-"+uuid).value
// Prehodi pripadnou desetinnou carku na desetinnou tecku
let zakladniCenaBezDPH = document.getElementById("cena-"+uuid).value.replace(/,/,'.')
let mj = document.getElementById("mj-"+uuid).value
// Rozbije rozmery na jednotlive hodnoty, prevede na cisla, seradi vzestupne
let rozmery = document.getElementById("rozmery-"+uuid).value.split('/').map(Number).sort((x, y) => x - y)
function prepocitejCenu(rozmery, vstupniCena, mj) {
vat = 21
vatKoeficient = (1 + (vat/100))
desetinnaMista = 4 // Ucetni vypocet ceny se provadi s presnosti na x desetinnych mist
let cena = {
"bezDPH": zakladniCenaBezDPH,
"sDPH": zakladniCenaBezDPH * 1.21,
"ks": 0
}
console.log(mj)
"bezDPH": vstupniCena.toFixed(desetinnaMista),
"sDPH": (vstupniCena * vatKoeficient).toFixed(desetinnaMista),
"ks": -1
}
if (mj == "ks") {
cena.ks = cena.sDPH
}
// MJ = m
// cena je s DPH za m
// MJ = m; cena je s DPH za m
// pouzije se pouze nejvetsi z rozmeru
else if (mj == "m") {
cena.ks = cena.sDPH/(100/rozmery.pop())
delka = (rozmery.pop()/100).toFixed(desetinnaMista)
cena.ks = cena.sDPH * delka
}
// MJ = m2
// cena je s DPH za m2
// MJ = m2; cena je s DPH za m2
// zahazuje se nejmensi ze tri rozmeru
// vypocet je cena/(10000/(r1*r2))
else if (mj == "m2") {
cena.ks = cena.sDPH/(10000/(rozmery.pop()*rozmery.pop()))
obsah = ((rozmery.pop()*rozmery.pop())/10000).toFixed(desetinnaMista)
cena.ks = cena.sDPH * obsah
//cena.ks = cena.sDPH/(10000/(rozmery.pop()*rozmery.pop()))
console.log("Cena " + cena.ks)
}
// MJ = m3
// cena je s DPH za m3
// vypocet je cena/(1000000/(r1*r2*r3))
// MJ = m3; cena je s DPH za m3
else if (mj == "m3") {
cena.ks = cena.sDPH/(1000000/(rozmery.pop()*rozmery.pop()*rozmery.pop()))
objem = ((rozmery.pop()*rozmery.pop()*rozmery.pop())/1000000).toFixed(desetinnaMista)
//cena.ks = cena.sDPH/(1000000/(rozmery.pop()*rozmery.pop()*rozmery.pop()))
cena.ks = cena.sDPH * objem
}
cena.bezDPH = Math.ceil(cena.bezDPH)
cena.sDPH= Math.ceil(cena.sDPH)
cena.ks = Math.ceil(cena.ks)
document.getElementById("cenadph-"+uuid).value = cena.sDPH
document.getElementById("cenaks-"+uuid).value = cena.ks
return cena
}
@@ -128,6 +85,29 @@ function zapniNaElementSortableJS(el) {
// Rucne vyrobit polozku
document.addEventListener("click", function(event) {
if (event.target.id == "nahratKata") {
document.getElementById("inputFile").click() // Simuluje kliknuti na input>file
// zpracování souboru
document.getElementById("inputFile").addEventListener("change", (e) => {
const file = e.target.files[0];
if (!file) return;
const reader = new FileReader();
reader.onload = () => {
try {
const data = JSON.parse(reader.result);
JSON2Katalog(reader.result)
} catch (err) {
console.error("Neplatný JSON");
}
};
reader.readAsText(file);
});
}
if (event.target.classList.contains("pridat-polozku")) {
let kategorie = event.target.closest(".kategorie");
let seznam = kategorie.querySelector(".polozky");
@@ -158,9 +138,102 @@ document.addEventListener("click", function(event) {
// tady se bude implementovat ulozeni katalogu do XML
console.log(document.getElementById("katalog"))
}
});
document.addEventListener("change", function(event) {
if(event.target.classList.contains("prepocitavaniCeny")) {
let uuid = event.target.parentElement.id
let vstupniCena = Number(document.getElementById("cena-"+uuid).value.replace(/,/,'.'))
let mj = document.getElementById("mj-"+uuid).value
let rozmery = document.getElementById("rozmery-"+uuid).value.replace(/,/,'.').split('/').map(Number).sort((x, y) => x - y)
cena = prepocitejCenu(rozmery, vstupniCena, mj)
document.getElementById("cenadph-"+uuid).value = Math.ceil(cena.sDPH)
document.getElementById("cenaks-"+uuid).value = Math.ceil(cena.ks)
}
});
function ulozitKatalog() {
function vyrobPolozku(nazev, cena, mj, rozmery, cenadph = -1, cenaks = -1) {
let uuid = uuidv4()
let btnDel = document.createElement("button");
btnDel.className = "vymaz"
btnDel.textContent = "✗"
let nova = document.createElement("div");
nova.className = "list-group-item nested-2 polozka";
nova.id = uuid
nova.appendChild(btnDel)
let rozmeryPolozky = document.createElement("input")
rozmeryPolozky.setAttribute("type", "text")
rozmeryPolozky.className = "prepocitavaniCeny"
rozmeryPolozky.value = rozmery
rozmeryPolozky.id = "rozmery-" + uuid
let cenaPolozky = document.createElement("input")
cenaPolozky.setAttribute("type", "text")
cenaPolozky.className = "prepocitavaniCeny"
cenaPolozky.value = cena
cenaPolozky.id = "cena-" + uuid
let cenaPolozkySDPH = document.createElement("input")
cenaPolozkySDPH.setAttribute("type", "text")
cenaPolozkySDPH.id = "cenadph-" + uuid
cenaPolozkySDPH.value = (cena >= 0) ? cenadph : 0
let cenaPolozkyKs = document.createElement("input")
cenaPolozkyKs.setAttribute("type", "text")
cenaPolozkyKs.id = "cenaks-" + uuid
cenaPolozkyKs.value = (cena >= 0) ? cenaks : 0
let mjPolozky = document.createElement("select")
mjPolozky.id = "mj-" + uuid
mjPolozky.className = "prepocitavaniCeny"
let mjMoznosti = [{"klic": "m", "hodnota": "m"}, {"klic": "m2","hodnota": "m²"},{"klic": "m3","hodnota": "m³"},{"klic": "ks","hodnota": "ks"}]
mjMoznosti.forEach((x, index, array) => {
var option = document.createElement("option");
option.value = x.klic
option.text = x.hodnota
mjPolozky.appendChild(option);
});
mjPolozky.value = mj
// nova.appendChild(document.createTextNode(" Nazev "));
// nova.appendChild(nazevPolozky)
nova.appendChild(document.createTextNode(" Rozměry "));
nova.appendChild(rozmeryPolozky)
nova.appendChild(document.createTextNode(" MJ "));
nova.appendChild(mjPolozky)
nova.appendChild(document.createTextNode(" Cena bez DPH "));
nova.appendChild(cenaPolozky)
nova.appendChild(document.createTextNode(" Cena s DPH "));
nova.appendChild(cenaPolozkySDPH)
nova.appendChild(document.createTextNode(" Cena s DPH/ks "));
nova.appendChild(cenaPolozkyKs)
return nova
}
function nactiKatalogy() {
url = "/skripty/katalog.php"
$.ajax({
type: "POST",
url: url,
dataType: "json",
success: function(x, status, xhr) {
$("#fileSelect").empty();
for(i = 0; i < x.length; i++) {
option = '<option value="'+ x[i] + '">' + x[i] + '</option>';
$("#fileSelect").append(option)
}
}
});
}
function katalog2JSON() {
let katalog = {}
$("#katalog").children().each(function(i) {
let kategorie = $(this).find("input[id^='nazev-']").first().val();
@@ -179,8 +252,12 @@ function ulozitKatalog() {
katalog[kategorie] = produkty
})
data = {"security_token":"jebatceckyhajzel", "akce":"nahraj", "katalog": katalog}
url = "http://localhost/skripty/katalog.php"
return katalog
}
function ulozitKatalog() {
data = {"security_token":"jebatceckyhajzel", "akce":"nahraj", "katalog": katalog2JSON()}
url = "/skripty/katalog.php"
dataType = "json"
$.ajax({
@@ -190,93 +267,13 @@ function ulozitKatalog() {
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function(x, status, xhr) {
console.log(x)
nactiKatalogy();
}
});
}
function vyrobPolozku(nazev, cena, mj, rozmery, cenadph = -1, cenaks = -1) {
let uuid = uuidv4()
let btnDel = document.createElement("button");
btnDel.className = "vymaz"
btnDel.textContent = "✗"
let nova = document.createElement("div");
nova.className = "list-group-item nested-2 polozka";
nova.id = uuid
nova.appendChild(btnDel)
let nazevPolozky = document.createElement("input")
nazevPolozky.setAttribute("type", "text")
nazevPolozky.value = nazev
nazevPolozky.id = "nazev-" + uuid
let rozmeryPolozky = document.createElement("input")
rozmeryPolozky.setAttribute("type", "text")
rozmeryPolozky.value = rozmery
rozmeryPolozky.id = "rozmery-" + uuid
rozmeryPolozky.setAttribute("onChange", "vypocitejCenu(this.parentElement.id)")
let cenaPolozky = document.createElement("input")
cenaPolozky.setAttribute("type", "text")
cenaPolozky.setAttribute("onChange", "vypocitejCenu(this.parentElement.id)")
cenaPolozky.value = cena
cenaPolozky.id = "cena-" + uuid
let cenaPolozkySDPH = document.createElement("input")
cenaPolozkySDPH.setAttribute("type", "text")
cenaPolozkySDPH.id = "cenadph-" + uuid
cenaPolozkySDPH.value = (cena >= 0) ? cenadph : 0
let cenaPolozkyKs = document.createElement("input")
cenaPolozkyKs.setAttribute("type", "text")
cenaPolozkyKs.id = "cenaks-" + uuid
cenaPolozkyKs.value = (cena >= 0) ? cenaks : 0
let mjPolozky = document.createElement("select")
mjPolozky.id = "mj-" + uuid
mjPolozky.setAttribute("onChange", "vypocitejCenu(this.parentElement.id)")
let mjMoznosti = [{"klic": "m", "hodnota": "m"}, {"klic": "m2","hodnota": "m²"},{"klic": "m3","hodnota": "m³"},{"klic": "ks","hodnota": "ks"}]
mjMoznosti.forEach((x, index, array) => {
var option = document.createElement("option");
option.value = x.klic
option.text = x.hodnota
mjPolozky.appendChild(option);
});
nova.appendChild(document.createTextNode(" Nazev "));
nova.appendChild(nazevPolozky)
nova.appendChild(document.createTextNode(" Rozmery "));
nova.appendChild(rozmeryPolozky)
nova.appendChild(document.createTextNode(" MJ "));
nova.appendChild(mjPolozky)
nova.appendChild(document.createTextNode(" Cena bez DPH "));
nova.appendChild(cenaPolozky)
nova.appendChild(document.createTextNode(" Cena s DPH "));
nova.appendChild(cenaPolozkySDPH)
nova.appendChild(document.createTextNode(" Cena s DPH/ks "));
nova.appendChild(cenaPolozkyKs)
return nova
}
function nactiKatalogy() {
url = "http://localhost/skripty/katalog.php"
$.ajax({
type: "POST",
url: url,
dataType: "json",
success: function(x, status, xhr) {
for(i = 0; i < x.length; i++) {
option = '<option value="'+ x[i] + '">' + x[i] + '</option>';
$("#fileSelect").append(option)
}
}
});
}
function vyrobKategorii(nazev) {
let uuid = uuidv4()
let kategorie = document.createElement("div")
@@ -329,7 +326,7 @@ function naplnitKatalog() {
let katalog;
data = {"security_token":"jebatceckyhajzel", "akce":"obsah", "soubor": $("#fileSelect :selected").val()}
url = "http://localhost/skripty/katalog.php"
url = "/skripty/katalog.php"
dataType = "json"
$.ajax({
@@ -339,22 +336,27 @@ function naplnitKatalog() {
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function(x, status, xhr) {
katalog = JSON.parse(x)
Object.entries(katalog).forEach(([kategorie, produkty]) => {
let kat = vyrobKategorii(kategorie)
katProdCont = kat.getElementsByClassName("polozky")[0]
Object.entries(produkty).forEach(([nazev, data]) => {
let prod = vyrobPolozku(nazev, data.cena, data.mj, data.rozmery, data.cenadph, data.cenaks)
katProdCont.appendChild(prod)
});
kata.appendChild(kat)
});
JSON2Katalog(x)
}
});
}
function JSON2Katalog(x) {
katalog = JSON.parse(x)
Object.entries(katalog).forEach(([kategorie, produkty]) => {
let kat = vyrobKategorii(kategorie)
katProdCont = kat.getElementsByClassName("polozky")[0]
Object.entries(produkty).forEach(([nazev, data]) => {
console.log(data.mj)
let prod = vyrobPolozku(nazev, data.cena, data.mj, data.rozmery, data.cenadph, data.cenaks)
katProdCont.appendChild(prod)
});
kata.appendChild(kat)
});
}
function vystavitKatalog() {
let soubor = $("#fileSelect :selected").val()
let potvrzeni = confirm("Zverejnit katalog " + soubor + " na web ?")
@@ -363,7 +365,8 @@ function vystavitKatalog() {
}
data = {"security_token":"jebatceckyhajzel", "akce":"zverejni", "soubor": soubor}
url = "http://localhost/skripty/katalog.php"
//url = "https://drevoprodej-benes.cz/skripty/katalog.php"
url = "/skripty/katalog.php"
dataType = "json"
$.ajax({
@@ -375,8 +378,11 @@ function vystavitKatalog() {
});
}
// ????
document.getElementById("telo").appendChild(kata)
$(document).ready(function () {
nactiKatalogy()
});

View File

@@ -1,64 +0,0 @@
{
"Kategorie1": {
"Produkt1": {
"nazev": "Produkt1",
"rozmery": "20/20/200",
"cena": "300",
"cenadph": "50",
"cenaks": "55",
"mj": "m"
},
"Produkt2": {
"nazev": "Produkt2",
"rozmery": "25/25/200",
"cena": "310",
"cenadph": "50",
"cenaks": "55",
"mj": "m"
}
},
"Kategorie2": {
"Produkt3": {
"nazev": "Produkt3",
"rozmery": "2/15/300",
"cena": "100",
"cenadph": "60",
"cenaks": "65",
"mj": "m"
},
"Produkt4": {
"nazev": "Produkt4",
"rozmery": "2/15/400",
"cena": "110",
"cenadph": "60",
"cenaks": "65",
"mj": "m"
},
"Produkt5": {
"nazev": "Produkt5",
"rozmery": "2/15/500",
"cena": "120",
"cenadph": "60",
"cenaks": "65",
"mj": "m"
}
},
"Kategorie3": {
"Produkt6": {
"nazev": "Produkt6",
"rozmery": "2/14/400",
"cena": "200",
"cenadph": "70",
"cenaks": "75",
"mj": "m"
},
"Produkt7": {
"nazev": "Produkt7",
"rozmery": "2/14/500",
"cena": "210",
"cenadph": "70",
"cenaks": "75",
"mj": "m"
}
}
}

View File

@@ -1,64 +1,48 @@
{
"Kategorie1": {
"Kategorie1asdf": {
"Produkt1": {
"nazev": "Produkt1",
"rozmery": "20/20/200",
"cena": "300",
"cenadph": "50",
"cenaks": "55",
"rozmery": "2,4/14/400",
"cena": "8190",
"cenadph": "9910",
"cenaks": "134",
"mj": "m"
},
"Produkt2": {
"nazev": "Produkt2",
"rozmery": "25/25/200",
"cena": "310",
"cenadph": "50",
"cenaks": "55",
"mj": "m"
"cenadph": "376",
"cenaks": "376",
"mj": "ks"
}
},
"Kategorie2": {
"Kategorie2fdsa": {
"Produkt3": {
"nazev": "Produkt3",
"rozmery": "2/15/300",
"cena": "100",
"cenadph": "60",
"cenaks": "65",
"cenadph": "121",
"cenaks": "363",
"mj": "m"
},
"Produkt4": {
"nazev": "Produkt4",
"rozmery": "2/15/400",
"cena": "110",
"cenadph": "60",
"cenaks": "65",
"mj": "m"
"cenadph": "134",
"cenaks": "80",
"mj": "m2"
},
"Produkt5": {
"nazev": "Produkt5",
"rozmery": "2/15/500",
"cena": "120",
"cenadph": "60",
"cenaks": "65",
"mj": "m"
"cenadph": "146",
"cenaks": "3",
"mj": "m3"
}
},
"Kategorie3": {
"Produkt6": {
"nazev": "Produkt6",
"rozmery": "2/14/400",
"cena": "200",
"cenadph": "70",
"cenaks": "75",
"mj": "m"
},
"Produkt7": {
"nazev": "Produkt7",
"rozmery": "2/14/500",
"cena": "210",
"cenadph": "70",
"cenaks": "75",
"mj": "m"
}
}
"Kategorie3": [],
"Kategorie 4": []
}

View File

@@ -1,6 +1,7 @@
data = {"security_token":"jebatceckyhajzel", "akce":"frontend"}
url = "http://localhost/skripty/katalog.php"
//url = "https://drevoprodej-benes.cz/skripty/katalog.php"
url = "/skripty/katalog.php"
dataType = "json"
$(document).ready(function () {

View File

@@ -63,7 +63,7 @@ function nahrajKatalog($data) {
$i++;
}
file_put_contents($cesta, $jsonData);
echo json_encode(file_put_contents($cesta, $jsonData));
}
// Zverejni je hotovy
@@ -117,7 +117,7 @@ function vykresliKatalog() {
foreach($v as $p) {
$output .= ' <tr>
<td scope="row" class="col-6">'.$p->nazev.'</td>
<td scope="row" class="col-6">'.$p->rozmery.'</td>
<td class="col-2">'.$p->mj.'</sup></td>
<td class="text_vlevo col-2">'.$p->cena.'</td>
<td class="text_vlevo col-2">'.$p->cenadph.'</td>

View File

@@ -46,16 +46,9 @@
</div>
<hr>
<p class="sortiment_nadpis">Máme skladem</p>
<p class="sortiment_nadpis">Máme skladem:</p>
<div class="alert alert-danger" role="alert">
Vážení zákazníci, vzhledem k velkým změnám v ceníku jsou ceny řeziva zde uvedené neplatné. Pro aktuální ceny prosím volejte <b>733 126 552</b> nebo pište <b>zdenekbenes@seznam.cz</b>. Připravujeme aktualizaci ceníku.</b>
</div>
<div id="semdej"></div>
<div id="semdej"></div>
<hr>