// ---- panel pro práci s kartami ---------------------------------------------- // // Texty se přepisují přímo ve stránce — je u toho vidět výsledek v pravé // typografii. Co vidět není, řeší tenhle panel: pořadí karet, přidání a // smazání, barvy a odstíny. Dvojí ovládání je to schválně; formulář se // čtyřiceti políčky by byl přehlednější jen na papíře. var cmsPanelOpen = false; var cmsPanelFocus = null; // id karty, na kterou se panel zrovna dívá // Panel měl všechno rozbalené najednou — přes dvacet karet ve třech seznamech, // ve kterých se nedalo nic najít. Teď je zavřený a otevírá se to, na čem se // zrovna pracuje. Stav si pamatuje jen do zavření stránky; příště se začíná // znovu od přehledu, což je při úpravách ta správná výchozí poloha. var cmsOpen = {}; function cmsToggleSection(key) { cmsOpen[key] = !cmsOpen[key]; cmsRenderPanel(); } function cmsAcc(key, title, count, note, bodyFn) { var open = !!cmsOpen[key]; return '

' + '" + // Obsah se staví, až když je sekce otevřená — jinak by se při každém // překreslení zbytečně skládalo všechno. (open ? '

' + bodyFn() + "

" : "") + "

"; } function cmsSlug(s) { return String(s || "").normalize("NFD").replace(/[̀-ͯ]/g, "") .replace(/[^A-Za-z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase() || "polozka"; } function cmsUniqueId(base) { var all = (STATE.logos || []).concat(STATE.logoTiles || [], STATE.materialsLabels || [], STATE.materialsBadges || []); var taken = {}; all.forEach(function (i) { taken[i.id] = 1; }); if (!taken[base]) return base; var n = 2; while (taken[base + "-" + n]) n++; return base + "-" + n; } // Nová karta musí mít stejný tvar slotů jako ty stávající, jinak by jí // chyběla tlačítka ke stažení. Vzorem je proto sousední karta. function cmsEmptyFormatsLike(sample) { var out = {}; var src = (sample && sample.formats) || null; if (src) { for (var g in src) { out[g] = {}; for (var f in src[g]) out[g][f] = { data: null, filename: null, link: null }; } return out; } // Úplně nová podsekce nemá od koho tvar opsat — vezme se ten, který karty // materiálu nabízejí. Bez toho by karta neměla žádná tlačítka ke stažení. var slots = (typeof FORMAT_SLOTS3 !== "undefined" && FORMAT_SLOTS3) || []; for (var i = 0; i < slots.length; i++) { var s2 = slots[i]; if (!out[s2.group]) out[s2.group] = {}; out[s2.group][s2.fmt] = { data: null, filename: null, link: null }; } return out; } var CMS_LISTS = { logos: { label: "Varianty loga", arr: function () { return STATE.logos; }, title: function (it) { return it.group + " — " + it.variant; }, make: function (sample) { return { id: cmsUniqueId("logo-" + Date.now().toString(36)), group: (sample && sample.group) || "Logo", variant: "Nová varianta", desc: null, shape: (sample && sample.shape) || Object.keys(STATE.shapes || { tan: 1 })[0], aspect: (sample && sample.aspect) || "square", mark: sample && sample.mark ? { blob: sample.mark.blob, text: sample.mark.text } : { blob: "#000000", text: "#ffffff" }, formats: cmsEmptyFormatsLike(sample) }; }, fields: [ { key: "group", label: "Skupina", type: "text" }, { key: "variant", label: "Varianta", type: "text" }, { key: "desc", label: "Popis (nepovinný)", type: "textarea" }, { key: "shape", label: "Podklad karty", type: "select", options: function () { return Object.keys(STATE.shapes || {}); } }, { key: "aspect", label: "Tvar", type: "select", options: function () { return ["square", "wide"]; } } ] }, }; // ---- podsekce Materiálu ------------------------------------------------------ // // Podklady etiket a Příznakové značky jsou dvě instance jedné věci: nadpis plus // mřížka karet. Panel je tak i obsluhuje — každá skupina se dá přejmenovat, // přesunout, zduplikovat i smazat, a přidat se dá další. function cmsGroups() { return STATE.materialGroups || (STATE.materialGroups = []); } function cmsGroupAt(gi) { return cmsGroups()[gi]; } function cmsGroupItemTitle(it) { return it.title || it.variant || it.id; } function cmsGroupNewItem(group) { var sample = group.items[group.items.length - 1]; var base = group.useTint !== false ? { title: "Nová plocha", subtitle: (sample && sample.subtitle) || "podkladová plocha", tint: (sample && sample.tint) || "#cccccc" } : { title: "Nová značka", desc: (sample && sample.desc) || "vlastní značka" }; base.id = cmsUniqueId(cmsSlug(group.id + "-" + Date.now().toString(36))); base.formats = cmsEmptyFormatsLike(sample); return base; } function cmsGroupItemFields(group) { return group.useTint !== false ? [{ key: "title", label: "Název", type: "text" }, { key: "subtitle", label: "Podtitulek", type: "text" }, { key: "tint", label: "Barva plochy", type: "color" }] : [{ key: "title", label: "Název", type: "text" }, { key: "desc", label: "Popisek", type: "text" }]; } function cmsGroupAdd() { var gs = cmsGroups(); gs.push({ id: cmsUniqueGroupId("sekce"), title: "Nová podsekce", sub: "", useTint: false, items: [] }); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsUniqueGroupId(base) { var taken = {}; cmsGroups().forEach(function (g) { taken[g.id] = 1; }); if (!taken[base]) return base; var n = 2; while (taken[base + "-" + n]) n++; return base + "-" + n; } function cmsGroupMove(gi, dir) { var gs = cmsGroups(), to = gi + dir; if (to < 0 || to >= gs.length) return; var t = gs[gi]; gs[gi] = gs[to]; gs[to] = t; markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsGroupDuplicate(gi) { var gs = cmsGroups(), src = gs[gi]; if (!src) return; var copy = JSON.parse(JSON.stringify(src)); copy.id = cmsUniqueGroupId(cmsSlug(src.id) + "-kopie"); copy.title = (copy.title || "") + " (kopie)"; // Karty uvnitř potřebují vlastní id a prázdné soubory — ze stejného důvodu // jako u duplikátu jedné karty. copy.items.forEach(function (it) { it.id = cmsUniqueId(cmsSlug(copy.id + "-" + (it.title || "polozka"))); var f = it.formats || {}; for (var g in f) for (var k in f[g]) f[g][k] = { data: null, filename: null, link: null }; it.previewData = null; }); gs.splice(gi + 1, 0, copy); markUnsaved(); rerenderAll(); cmsRenderPanel(); showToast("Podsekce zkopírována. Soubory ke stažení zůstaly prázdné.", 7000); } function cmsGroupRemove(gi) { var g = cmsGroupAt(gi); if (!g) return; if (!window.confirm("Smazat podsekci „" + g.title + "“ i s " + g.items.length + " kartami?")) return; cmsGroups().splice(gi, 1); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsGroupItemAdd(gi) { var g = cmsGroupAt(gi); if (!g) return; var it = cmsGroupNewItem(g); g.items.push(it); cmsPanelFocus = it.id; markUnsaved(); rerenderAll(); cmsRenderPanel(); var card = document.querySelector('[data-card-id="' + it.id + '"]'); if (card) card.scrollIntoView({ block: "center", behavior: "smooth" }); } function cmsGroupItemMove(gi, idx, dir) { var g = cmsGroupAt(gi); if (!g) return; var to = idx + dir; if (to < 0 || to >= g.items.length) return; var t = g.items[idx]; g.items[idx] = g.items[to]; g.items[to] = t; markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsGroupItemDuplicate(gi, idx) { var g = cmsGroupAt(gi); if (!g || !g.items[idx]) return; var copy = JSON.parse(JSON.stringify(g.items[idx])); copy.title = (copy.title || "") + " (kopie)"; copy.id = cmsUniqueId(cmsSlug(copy.title)); var f = copy.formats || {}; for (var k in f) for (var j in f[k]) f[k][j] = { data: null, filename: null, link: null }; copy.previewData = null; g.items.splice(idx + 1, 0, copy); cmsPanelFocus = copy.id; markUnsaved(); rerenderAll(); cmsRenderPanel(); showToast("Karta zkopírována. Soubory ke stažení zůstaly prázdné — nahraj je.", 7000); } function cmsGroupItemRemove(gi, idx) { var g = cmsGroupAt(gi); if (!g || !g.items[idx]) return; if (!window.confirm("Smazat „" + cmsGroupItemTitle(g.items[idx]) + "“?\n\nZ manuálu zmizí i tlačítka ke stažení.")) return; g.items.splice(idx, 1); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsGroupFieldHtml(gi, idx, f, item) { var val = item[f.key] == null ? "" : String(item[f.key]); var attr = 'data-group="' + gi + "," + idx + '" data-key="' + f.key + '"'; var input = f.type === "color" ? '' : ''; return '' + escapeHtml(f.label) + "" + input + ""; } function cmsGroupsHtml() { var gs = cmsGroups(); var html = ""; for (var gi = 0; gi < gs.length; gi++) { var g = gs[gi]; var gOpen = !!cmsOpen["grp:" + g.id]; html += '

' + '" + '' + '" + '" + '' + '' + "

" + (!gOpen ? "" : '

' + 'Nadpis' + 'Podtitulek' + 'Poměr náhledu" + 'Vzhled náhledu" + "

"); if (!gOpen) { html += "

"; continue; } html += '

' + '" + '' + '" + '" + '' + '' + "
" + (open ? '
' + cmsGroupItemFields(g).map(function (f) { return cmsGroupFieldHtml(gi, i, f, it); }).join("") + cmsFormatsHtml(it) + "
" : "") + "

'; } return html + ''; } // Políčka podsekcí a jejich karet. function cmsGroupInput(ev) { var t = ev.target; if (!t || !t.dataset) return false; if (t.dataset.grpmeta !== undefined) { var g = cmsGroupAt(Number(t.dataset.grpmeta)); if (!g) return true; if (t.dataset.key === "useTint") g.useTint = t.value === "true"; else if (t.dataset.key === "ratio") g.ratio = t.value ? Number(t.value) : null; else g[t.dataset.key] = t.value; markUnsaved(); rerenderAll(); if (t.dataset.key === "useTint") cmsRenderPanel(); return true; } if (!t.dataset.group) return false; var p = t.dataset.group.split(","); var grp = cmsGroupAt(+p[0]); var item = grp && grp.items[+p[1]]; if (!item) return true; item[t.dataset.key] = t.value; markUnsaved(); if (t.type === "color" || t.classList.contains("cms-hex")) { var sibs = t.parentNode.querySelectorAll("input"); for (var i = 0; i < sibs.length; i++) if (sibs[i] !== t) sibs[i].value = t.value; } rerenderAll(); return true; } function cmsMove(listKey, idx, dir) { var arr = CMS_LISTS[listKey].arr(); var to = idx + dir; if (to < 0 || to >= arr.length) return; var tmp = arr[idx]; arr[idx] = arr[to]; arr[to] = tmp; markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsAdd(listKey) { var arr = CMS_LISTS[listKey].arr(); var item = CMS_LISTS[listKey].make(arr[arr.length - 1]); arr.push(item); cmsPanelFocus = item.id; markUnsaved(); rerenderAll(); cmsRenderPanel(); var el = document.getElementById("dlbtn-" + item.id + "-rgb-pdf") || document.getElementById("dlbtn-" + item.id + "-rgb-svg"); if (el) el.scrollIntoView({ block: "center", behavior: "smooth" }); } // Duplikát převezme texty, barvy i tvar karty — tedy práci, která se dělá // znovu nejhůř. Soubory ke stažení ale NE: kopie karty „Negativní varianta" // s podstrčeným souborem od pozitivní je přesně ten druh chyby, kterou by // v manuálu nikdo nehledal, dokud by si ji klient nestáhl do tiskárny. function cmsDuplicate(listKey, idx) { var def = CMS_LISTS[listKey]; var arr = def.arr(); var src = arr[idx]; if (!src) return; var copy = JSON.parse(JSON.stringify(src)); var nameKey = copy.variant !== undefined ? "variant" : "title"; copy[nameKey] = (copy[nameKey] || "") + " (kopie)"; copy.id = cmsUniqueId(cmsSlug(copy[nameKey])); var f = copy.formats || {}; for (var g in f) for (var k in f[g]) f[g][k] = { data: null, filename: null, link: null }; copy.previewData = null; arr.splice(idx + 1, 0, copy); cmsPanelFocus = copy.id; markUnsaved(); rerenderAll(); cmsRenderPanel(); var card = document.querySelector('[data-card-id="' + copy.id + '"]'); if (card) card.scrollIntoView({ block: "center", behavior: "smooth" }); showToast("Karta zkopírována. Soubory ke stažení zůstaly prázdné — nahraj je.", 7000); } // Smazání karty vezme s sebou i odkazy na její soubory. Samotné soubory // zůstanou ležet — mazat cizí data na základě jednoho kliknutí by bylo horší // než pár osiřelých souborů, které nikomu nevadí. function cmsRemove(listKey, idx) { var arr = CMS_LISTS[listKey].arr(); var it = arr[idx]; if (!it) return; if (!window.confirm("Smazat „" + CMS_LISTS[listKey].title(it) + "“?\n\nZ manuálu zmizí i tlačítka ke stažení. Nahrané soubory zůstanou v úložišti.")) return; arr.splice(idx, 1); if (cmsPanelFocus === it.id) cmsPanelFocus = null; markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsFieldHtml(listKey, idx, f, item) { var id = "cmsf-" + listKey + "-" + idx + "-" + f.key; var val = item[f.key] == null ? "" : String(item[f.key]); var attr = 'id="' + id + '" data-list="' + listKey + '" data-idx="' + idx + '" data-key="' + f.key + '"'; var input; if (f.type === "textarea") { input = '"; } else if (f.type === "select") { var opts = f.options().map(function (o) { return '"; }).join(""); input = '"; } else if (f.type === "color") { input = ''; } else { input = ''; } return '' + escapeHtml(f.label) + "" + input + ""; } function cmsListHtml(listKey) { var def = CMS_LISTS[listKey]; var arr = def.arr(); if (!arr) return ""; var rows = ""; for (var i = 0; i < arr.length; i++) { var it = arr[i]; var open = cmsPanelFocus === it.id; rows += '

' + '

' + '" + '' + '" + '" + '' + '' + "" + "

" + (open ? '

' + def.fields.map(function (f) { return cmsFieldHtml(listKey, i, f, it); }).join("") + cmsFormatsHtml(it) + "

" : "") + "

"; } return '

' + rows + "" + ''; } function cmsFocus(id) { cmsPanelFocus = cmsPanelFocus === id ? null : id; cmsRevealSection(id); cmsRenderPanel(); var card = document.querySelector('[data-card-id="' + id + '"]'); if (card) card.scrollIntoView({ block: "center", behavior: "smooth" }); } // Aby se dalo na kartu odkázat zvenčí, musí se otevřít i sekce, ve které leží. function cmsRevealSection(id) { if ((STATE.logos || []).some(function (l) { return l.id === id; })) { cmsOpen["list:logos"] = true; return; } var gs = cmsGroups(); for (var i = 0; i < gs.length; i++) { if ((gs[i].items || []).some(function (it) { return it.id === id; })) { cmsOpen.groups = true; cmsOpen["grp:" + gs[i].id] = true; return; } } } function cmsRenderPanel() { var el = document.getElementById("cms-panel"); if (!el) return; el.hidden = !(adminUnlocked && cmsPanelOpen); if (el.hidden) { cmsToolsHome(); return; } // Panel se překresluje po každém kliknutí. Bez tohohle by po zaškrtnutí // formátu odskočil na začátek a člověk by se k té kartě prokoukával znovu. var keepTop = el.scrollTop; var html = '

Obsah' + '

'; if (!adminMode) { // Přihlášený, ale úpravy vypnuté: manuál vypadá jako pro návštěvníka // a v panelu je jen to, čím se úpravy zapnou. html += '

Zapni Úpravy obsahu dole a můžeš přepisovat texty přímo ve stránce i skládat karty tady.

' + '

'; // Nastroje jsou presunuty uzel, ne kopie - innerHTML by je zahodil // i s jejich posluchaci. Pred prekreslenim se proto vrati do paticky. cmsToolsHome(); el.innerHTML = html; cmsMoveTools(); return; } html += '

Texty přepisuješ přímo ve stránce. Tady je pořadí karet, jejich přidání, barvy a formáty ke stažení. Klikni na sekci, kterou chceš upravovat.

'; for (var k in CMS_LISTS) { if (!CMS_LISTS[k].arr()) continue; (function (key) { html += cmsAcc("list:" + key, CMS_LISTS[key].label, CMS_LISTS[key].arr().length, "", function () { return cmsListHtml(key); }); })(k); } var gs = cmsGroups(); var karet = gs.reduce(function (a, g) { return a + (g.items || []).length; }, 0); html += cmsAcc("groups", "Podsekce materiálu", gs.length, gs.length ? karet + " karet" : "", cmsGroupsHtml); if (STATE.colorRows) { html += cmsAcc("colors", "Barevnost", STATE.colorRows.length, "", cmsColorsHtml); } html += '

'; cmsToolsHome(); el.innerHTML = html; cmsMoveTools(); el.scrollTop = keepTop; } // Nástroje (úpravy, uložit, stáhnout, záloha) bydlí v patičce, ale po // přihlášení se přestěhují sem dolů. Přesouvá se celý uzel, ne jeho kopie — // tlačítka si tak nesou své posluchače a nemusí se nic přepojovat. function cmsMoveTools() { var slot = document.getElementById("cms-tools"); var tools = document.getElementById("admin-tools"); if (!slot || !tools) return; slot.appendChild(tools); var note = document.getElementById("admin-note"); if (note) slot.appendChild(note); // Zamknout patří sem taky: otevřený panel patičku překrývá, takže tlačítko // v ní by bylo pod ním a nešlo by se odhlásit. var gate = document.getElementById("admin-gate"); if (gate) slot.appendChild(gate); } // Po zamčení nebo zavření panelu se vrátí, odkud přišly — jinak by zůstaly // viset ve skrytém panelu a při dalším přihlášení nebylo co přesouvat. function cmsToolsHome() { var tools = document.getElementById("admin-tools"); var toolsHome = document.getElementById("admin-tools-home"); if (tools && toolsHome && tools.parentNode !== toolsHome) toolsHome.appendChild(tools); var note = document.getElementById("admin-note"); var noteHome = document.getElementById("admin-note-home"); if (note && noteHome && note.parentNode !== noteHome) noteHome.appendChild(note); var gate = document.getElementById("admin-gate"); var gateHome = document.getElementById("admin-gate-home"); if (gate && gateHome && gate.parentNode !== gateHome) gateHome.appendChild(gate); } function cmsTogglePanel() { cmsPanelOpen = !cmsPanelOpen; cmsRenderPanel(); } // Políčka panelu píšou rovnou do stavu. Barvy se překreslují hned, aby bylo // vidět, co se děje; u textů by překreslení sebralo kurzor, tak se u nich čeká // na opuštění políčka. function cmsPanelInput(ev) { var t = ev.target; if (cmsFormatInput(ev)) return; if (cmsGroupInput(ev)) return; if (cmsColorInput(ev)) return; if (!t || !t.dataset || !t.dataset.list) return; var arr = CMS_LISTS[t.dataset.list].arr(); var item = arr[Number(t.dataset.idx)]; if (!item) return; var v = t.value; item[t.dataset.key] = v === "" && t.dataset.key === "desc" ? null : v; markUnsaved(); if (t.type === "color" || t.classList.contains("cms-hex") || t.tagName === "SELECT") { var pair = t.parentNode && t.parentNode.querySelectorAll ? t.parentNode.querySelectorAll("input") : []; for (var i = 0; i < pair.length; i++) if (pair[i] !== t) pair[i].value = v; rerenderAll(); } } function cmsPanelChange(ev) { var t = ev.target; if (!t || !t.dataset || !t.dataset.list) return; if (t.type === "color" || t.tagName === "SELECT") return; // už překresleno rerenderAll(); } // ---- barevnost --------------------------------------------------------------- // // Barevnost není mřížka karet, ale řady o jedné nebo dvou kartách, některé // s připojenými pruhy odstínů. Pořadí se proto řeší po řadách, ne po kartách — // přesouvat kartu mezi řadami by znamenalo rozhodovat za redaktora, co se má // stát se šířkou zbytku řady. var CMS_COLOR_FIELDS = [ { key: "label", label: "Název", type: "text" }, { key: "desc", label: "Popis", type: "text" }, { key: "hex", label: "HEX", type: "color" }, { key: "rgb", label: "RGB", type: "text" }, { key: "cmyk", label: "CMYK", type: "text" }, { key: "pantone", label: "Pantone", type: "text" }, { key: "pantoneNote", label: "Poznámka k Pantone", type: "text" }, { key: "titleColor", label: "Barva názvu", type: "color" }, { key: "descColor", label: "Barva popisu", type: "color" }, { key: "metaColor", label: "Barva hodnot", type: "color" } ]; function cmsColorCard(r, c) { var row = STATE.colorRows[r]; return row && row[c]; } function cmsColorField(r, c, f) { var item = cmsColorCard(r, c); var val = item[f.key] == null ? "" : String(item[f.key]); var attr = 'data-color="' + r + "," + c + '" data-key="' + f.key + '"'; var input; if (f.type === "color") { input = ''; } else { input = ''; } return '' + escapeHtml(f.label) + "" + input + ""; } function cmsTintsHtml(r, c) { var item = cmsColorCard(r, c); var have = item.tints || []; var boxes = [75, 50, 25].map(function (p) { var on = have.indexOf(p) !== -1; return ' " + p + "%"; }).join(""); return '

Odstíny

' + boxes + "

"; } function cmsToggleTint(r, c, pct, on) { var item = cmsColorCard(r, c); if (!item) return; var t = (item.tints || []).slice(); var i = t.indexOf(pct); if (on && i === -1) t.push(pct); if (!on && i !== -1) t.splice(i, 1); // Pruhy jdou na artboardu odshora dolů 75 → 50 → 25. t.sort(function (a, b) { return b - a; }); item.tints = t; markUnsaved(); rerenderAll(); cmsRenderPanel(); } // Barvy žádné soubory ke stažení nemají, takže jejich kopie může být úplná. function cmsColorCardDuplicate(r, c) { var row = STATE.colorRows[r]; if (!row || !row[c] || row.length >= 2) return; var copy = JSON.parse(JSON.stringify(row[c])); copy.label = (copy.label || "") + " (kopie)"; row.splice(c + 1, 0, copy); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorRowDuplicate(r) { var row = STATE.colorRows[r]; if (!row) return; STATE.colorRows.splice(r + 1, 0, JSON.parse(JSON.stringify(row))); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorRowMove(r, dir) { var to = r + dir; if (to < 0 || to >= STATE.colorRows.length) return; var tmp = STATE.colorRows[r]; STATE.colorRows[r] = STATE.colorRows[to]; STATE.colorRows[to] = tmp; markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorNew(sample) { return { label: "Nová barva", desc: null, hex: "#cccccc", rgb: "204 / 204 / 204", cmyk: "0 / 0 / 0 / 20", pantone: "—", pantoneNote: "—", titleColor: (sample && sample.titleColor) || "#171717", descColor: (sample && sample.descColor) || "#171717", metaColor: (sample && sample.metaColor) || "#171717", tints: [] }; } function cmsColorRowAdd() { var last = STATE.colorRows[STATE.colorRows.length - 1]; STATE.colorRows.push([cmsColorNew(last && last[0])]); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorCardAdd(r) { var row = STATE.colorRows[r]; if (!row || row.length >= 2) return; // na artboardu jsou nejvýš dvě v řadě row.push(cmsColorNew(row[0])); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorCardRemove(r, c) { var row = STATE.colorRows[r]; if (!row) return; var name = row[c] && row[c].label; if (!window.confirm("Smazat barvu „" + name + "“?")) return; row.splice(c, 1); if (!row.length) STATE.colorRows.splice(r, 1); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsColorsHtml() { if (!STATE.colorRows) return ""; var html = '

' + '' + (r + 1) + ". řada" + '' + '" + '" + (row.length < 2 ? '' : "") + '' + "
"; for (var c = 0; c < row.length; c++) { html += '
' + "" + escapeHtml(row[c].label || "—") + "" + '' + (row.length < 2 ? '' : "") + '' + "
" + '
' + CMS_COLOR_FIELDS.map(function (f) { return cmsColorField(r, c, f); }).join("") + cmsTintsHtml(r, c) + "
"; } html += "

'; } // Políčka barevnosti mají vlastní obsluhu — adresují se řadou a sloupcem, // ne id, protože karty barev žádné nemají. function cmsColorInput(ev) { var t = ev.target; if (!t || !t.dataset) return false; if (t.dataset.tint) { var p = t.dataset.tint.split(","); cmsToggleTint(+p[0], +p[1], +p[2], t.checked); return true; } if (!t.dataset.color) return false; var rc = t.dataset.color.split(","); var item = cmsColorCard(+rc[0], +rc[1]); if (!item) return true; item[t.dataset.key] = t.value === "" && t.dataset.key === "desc" ? null : t.value; markUnsaved(); if (t.type === "color") { var sibs = t.parentNode.querySelectorAll("input"); for (var i = 0; i < sibs.length; i++) if (sibs[i] !== t) sibs[i].value = t.value; } rerenderAll(); return true; } // ---- které formáty karta nabízí --------------------------------------------- // // CMYK export nedává smysl všude a některá značka chce naopak SVG tam, kde ho // engine dřív nenabízel. Sloty proto nejsou pevné: co je v kartě zaškrtnuté, // to se vykreslí jako tlačítko ke stažení. // // Odškrtnutí formátu, ve kterém už soubor leží, se ptá — odkaz by se ztratil // a člověk by si toho všiml, až by ho někdo sháněl. var FMT_CHOICES = [ { group: "rgb", fmts: ["svg", "pdf", "png", "jpg"] }, { group: "cmyk", fmts: ["pdf", "svg", "eps"] }, { group: "pantone", fmts: ["pdf", "eps"] }, // Balíček se vším — vlastní řádek, protože ZIP není barevný prostor. { group: "bundle", fmts: ["zip"] } ]; var FMT_GROUP_LABELS = { rgb: "RGB", cmyk: "CMYK", pantone: "PANTONE", bundle: "BALÍČEK" }; function cmsHasFile(slot) { return !!(slot && (slot.data || slot.link)); } function cmsToggleFormat(itemId, group, fmt, on) { var item = findItemById(itemId); if (!item) return; if (!item.formats) item.formats = {}; if (on) { if (!item.formats[group]) item.formats[group] = {}; var have = item.formats[group][fmt]; if (have) { delete have.off; } else { // Klíče se vykreslují v pořadí, v jakém vznikly, takže nový formát se // nevloží na konec, ale na své místo — jinak by PDF přibylo za JPG. var want = ["svg", "png", "pdf", "jpg", "eps", "zip"]; var merged = {}, existing = item.formats[group]; Object.keys(existing).concat([fmt]).sort(function (a, b) { var ia = want.indexOf(a), ib = want.indexOf(b); return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib); }).forEach(function (k) { merged[k] = existing[k] || { data: null, filename: null, link: null }; }); item.formats[group] = merged; } } else { var slot = item.formats[group] && item.formats[group][fmt]; if (!slot) return; // Soubor se nemaže, jen se schová i s tlačítkem. Vrátit se dá kdykoli. slot.off = true; } markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsFormatsHtml(item) { var rows = FMT_CHOICES.map(function (c) { var boxes = c.fmts.map(function (f) { var slot = item.formats && item.formats[c.group] && item.formats[c.group][f]; var on = !!(slot && !slot.off); return '' + ' " + f.toUpperCase() + (cmsHasFile(slot) ? " •" : "") + ""; }).join(""); return '

' + (FMT_GROUP_LABELS[c.group] || c.group.toUpperCase()) + "" + '

' + boxes + "

"; }).join(""); return '

Formáty ke stažení' + rows + 'Tečka = soubor je nahraný. Odškrtnutím zmizí tlačítko, soubor zůstane uložený.' + '

"; } // Uvnitř jedné sekce má mít nabídka ke stažení stejný tvar — jinak to vypadá, // že na některé varianty se zapomnělo. Kopíruje se jen sada formátů, soubory // zůstávají každé kartě její. function cmsFormatsToAll(itemId) { var src = findItemById(itemId); if (!src) return; var peers = null; if ((STATE.logos || []).indexOf(src) !== -1) peers = STATE.logos; else { var gs = STATE.materialGroups || []; for (var i = 0; i < gs.length && !peers; i++) { if ((gs[i].items || []).indexOf(src) !== -1) peers = gs[i].items; } } if (!peers) return; if (!window.confirm("Nastavit stejnou sadu formátů u všech " + peers.length + " karet v téhle sekci?\n\nNahrané soubory zůstanou, jen se u vypnutých formátů skryje tlačítko.")) return; peers.forEach(function (it) { if (it === src) return; var next = {}; for (var g in src.formats) { next[g] = {}; for (var f in src.formats[g]) { var old = (it.formats && it.formats[g] && it.formats[g][f]) || { data: null, filename: null, link: null }; if (src.formats[g][f].off) old.off = true; else delete old.off; next[g][f] = old; } } // Formáty, které zdroj nemá, se u ostatních jen schovají — soubory v nich // by se jinak ztratily bez varování. for (var g2 in (it.formats || {})) { for (var f2 in it.formats[g2]) { if (next[g2] && next[g2][f2]) continue; if (!next[g2]) next[g2] = {}; var keep = it.formats[g2][f2]; keep.off = true; next[g2][f2] = keep; } } it.formats = next; }); markUnsaved(); rerenderAll(); cmsRenderPanel(); } function cmsFormatInput(ev) { var t = ev.target; if (!t || !t.dataset || !t.dataset.fmt) return false; var p = t.dataset.fmt.split(","); cmsToggleFormat(p[0], p[1], p[2], t.checked); return true; }

Brand, který má chuť

Obsahmá chuť

Logomá chuť

Barevnostmá chuť

Písmomá chuť

Materiálmá chuť

Obsah
má chuť

Logo
má chuť

Barevnost
má chuť

Písmo
má chuť

Materiál
má chuť