При копировании переносятся все поля (цвета, цены, фото, описание) —
дальше поправите в карточке. ID будет новый.
`;
openMask("maskNew");
});
$("newBox").addEventListener("click", e=>{
const cls = e.target.closest("[data-close]");
if (cls){ closeMask(cls.dataset.close); return; }
if (e.target.closest("#nwCreate")){
const arr = sectionArr(sec);
const name = $("nwName").value.trim();
const art = $("nwArt").value.trim();
if (!name || !art){ msg("Название и артикул обязательны.", true); return; }
const copyId = $("nwCopy").value;
let p;
if (copyId){
const src = arr.find(x=>x.id==+copyId);
if (src){
p = JSON.parse(JSON.stringify(src));
p.name = name; p.article = art;
}
}
if (!p) p = { name, article:art };
p.id = Math.max(0, ...arr.map(x=>+x.id||0)) + 1;
const put = (k, v)=>{ const t=v.trim(); if (t) p[k]=t; };
put("brand",$("nwBrand").value); put("type",$("nwType").value);
put("collection",$("nwSeries").value);
const pr = num($("nwPrice").value);
if (pr!=null) p.price = pr;
arr.push(p);
dirty.add(p.id);
closeMask("maskNew");
renderAll();
openEdit(p.id);
msg(`Товар создан (id ${p.id}). Заполните карточку и выгрузите файл.`);
}
});
/* ---------- выгрузка data-файла ---------- */
function serializeSection(key, arr){
const body = arr.map(p=>
" " + JSON.stringify(p, null, 1).replace(/\n/g, "\n ")
).join(",\n");
return `/* ============================================================
data/${key}.js — сгенерировано tools/admin.html ${today()}
Правки вручную: только мелкие. Основной путь — админка.
============================================================ */
window.CATALOG_SECTIONS = window.CATALOG_SECTIONS || {};
window.CATALOG_SECTIONS[${JSON.stringify(key)}] = [
${body}
];
`;
}
function exportSection(){
const arr = sectionArr(sec);
if (!arr){ msg("Нет данных раздела для выгрузки.", true); return; }
/* страховки перед выгрузкой */
const ids = arr.map(p=>p.id);
const dup = ids.filter((v,i)=>ids.indexOf(v)!==i);
const noArt = arr.filter(p=>!p.article);
if (dup.length && !confirm(`Внимание: дублируются ID товаров: ${[...new Set(dup)].join(", ")}.\nПродолжить выгрузку?`)) return;
if (noArt.length && !confirm(`Внимание: у ${noArt.length} товаров пустой артикул (id: ${noArt.map(p=>p.id).join(", ")}).\nБез артикула не работают «Подбор» и обновление цен из прайса. Продолжить?`)) return;
if ($("doBackup").checked && SNAP[sec]){
const bak = `/* БЭКАП раздела ${sec} на момент открытия админки ${today()} */\n` +
`window.CATALOG_SECTIONS = window.CATALOG_SECTIONS || {};\n` +
`window.CATALOG_SECTIONS[${JSON.stringify(sec)}] = ` +
JSON.stringify(SNAP[sec], null, 1) + `;\n`;
download(`${sec}-backup-${today()}.js`, bak, "text/javascript");
}
download(`${sec}.js`, serializeSection(sec, arr), "text/javascript");
msg(`Выгружено: ${sec}.js (${arr.length} товаров)${$("doBackup").checked?` + бэкап ${sec}-backup-${today()}.js`:""}.
Положите файл в папку data/ с заменой и обновите сайт (Ctrl+F5).`);
}
$("btnExport").addEventListener("click", exportSection);
/* ---------- список картинок для скачивания ---------- */
function collectImageURLs(){
const arr = sectionArr(sec)||[];
const out = [];
const isExt = u => /^(https?:)?\/\//i.test(u);
arr.forEach(p=>{
const art = String(p.article||("id"+p.id)).replace(/\//g,"-");
const seen = new Set();
const add = (u, name)=>{
if (!u || !isExt(u) || seen.has(u)) return;
seen.add(u);
out.push(`${u}\timages/${sec}/${name}`);
};
if (p.images) Object.keys(p.images).forEach((c,i)=>{
add(p.images[c], art + (i===0?"":"_"+(i+1)) + ".jpg");
});
(p.gallery||[]).forEach((g,n)=>{ add(g, art+"_"+(n+2)+".jpg"); });
if (p.fallback) add(p.fallback, "common-"+art+".jpg");
if (p.manual) add(p.manual, "docs/"+art+".pdf");
});
return out;
}
$("btnImgs").addEventListener("click", ()=>{
const rows = collectImageURLs();
if (!rows.length){ msg("Внешних URL картинок в разделе не найдено.", true); return; }
const txt = "# Список для массового скачивания (URL → локальный путь)\n" +
"# Скачайте загрузчиком (или PowerShell) и положите файлы по указанным путям в папке сайта.\n" +
rows.join("\n") + "\n";
download(`${sec}-images-${today()}.txt`, txt, "text/plain", true);
msg(`Список сохранён: ${rows.length} файлов. После скачивания замените в карточках URL на локальные пути — массово это сделает импорт (кнопка «Вставить таблицу»).`);
});
/* ---------- защита от случайного закрытия ---------- */
window.addEventListener("beforeunload", e=>{
if (dirty.size){ e.preventDefault(); e.returnValue = ""; }
});
/* ---------- запуск ---------- */
renderSecs();
(function(){
const first = SECTIONS_META.find(m=>sectionArr(m.key));
if (first) chooseSection(first.key);
else msg("Ни один data-файл не загрузился. Проверьте пути в конце admin.html и откройте страницу через F5.", true);
})();
/* ================================================================
ЧАСТЬ 4: массовый импорт таблицы (Вставить таблицу)
================================================================ */
const COLOR_NORM = {
"хром":"хром глянцевый","хром глянец":"хром глянцевый",
"черный":"черный матовый","чёрный":"черный матовый","черный глянец":"черный глянцевый",
"белый":"белый матовый","белый глянец":"белый глянцевый",
"латунь":"латунь металлик","никель":"никель металлик",
"сатин":"сатинированная сталь","нержавеющая сталь":"сатинированная сталь",
"нерж. сталь":"сатинированная сталь"
};
function normColor(c){
const t = String(c||"").trim(); if (!t) return "";
const k = t.toLowerCase();
if (COLOR_NORM[k]) return COLOR_NORM[k];
const hit = Object.keys(COLORS).find(x=>x.toLowerCase()===k);
return hit || t;
}
function parseTSV(text){
const rows=[]; let row=[], cell="", q=false;
for (let i=0;i{
const t = String(h).trim().toLowerCase();
if (!t) return;
if (col.article==null && /^артикул/.test(t)) col.article=i;
else if (col.name==null && /^(название|наименован)/.test(t)) col.name=i;
else if (col.control==null && /управлен/.test(t)) col.control=i;
else if (col.type==null && /^тип\b/.test(t)) col.type=i;
else if (col.collection==null && /^(коллекция|серия)/.test(t)) col.collection=i;
else if (/^фото\s*1/.test(t)) col.ph1=i;
else if (/^фото\s*2/.test(t)) col.ph2=i;
else if (/^фото\s*3/.test(t)) col.ph3=i;
else if (/^фото\s*4/.test(t)) col.ph4=i;
else if (/^фото\s*5/.test(t)) col.ph5=i;
else if (col.drawing==null && /^черт/.test(t)) col.drawing=i;
else if (col.contents==null && /^компл/.test(t)) col.contents=i;
else if (col.manual==null && /инструкц/.test(t)) col.manual=i;
else if (col.price==null && /(м\.?\s*р\.?\s*\.?\s*ц|мрц|цена)/.test(t)) col.price=i;
else if (col.warranty==null && /гаранти/.test(t)) col.warranty=i;
else if (col.chars==null && /^характеристик/.test(t)) col.chars=i;
else if (col.schema==null && /^схема/.test(t)) col.schema=i;
else if (col.mount==null && /^монтаж/.test(t)) col.mount=i;
else if (col.purpose==null && /^назначен/.test(t)) col.purpose=i;
else if (col.color==null && /^цвет/.test(t)) col.color=i;
else if (col.material==null && /материал/.test(t)) col.material=i;
else if (col.spout==null && /излив/.test(t)) col.spout=i;
});
return col;
}
/* кнопка импорта — вставляется на панель перед «Вставить прайс» */
(function(){
const b=document.createElement("button");
b.className="btn"; b.id="btnImport"; b.textContent="⬆ Вставить таблицу (импорт)";
$("btnPrice").parentNode.insertBefore(b, $("btnPrice"));
b.addEventListener("click", openImport);
})();
const maskImport=document.createElement("div");
maskImport.className="mask";
maskImport.innerHTML='';
document.body.appendChild(maskImport);
maskImport.addEventListener("click", e=>{ if (e.target===maskImport) maskImport.classList.remove("on"); });
let IMPORT_IMGS = []; /* строки "URL ⇥ локальный путь" */
function openImport(){
$("importBox").innerHTML = `
Импорт таблицы ассортимента
Вставьте таблицу из Excel целиком (первой строкой — заголовки).
Одна строка = один товар-вариант со своим артикулом. URL картинок автоматически
переводятся в локальные пути images/${sec}/…; список для скачивания — кнопкой ниже.
Импорт идёт в текущий раздел: ${sec}.
`;
IMPORT_IMGS = [];
$("impX").addEventListener("click", ()=>maskImport.classList.remove("on"));
$("impClose").addEventListener("click", ()=>maskImport.classList.remove("on"));
$("impPaste").addEventListener("input", impPreview);
$("impImgs").addEventListener("click", ()=>{
if (!IMPORT_IMGS.length){ msg("Сначала вставьте таблицу с URL картинок.", true); return; }
download(`${sec}-import-images-${today()}.txt`,
"# URL → локальный путь (от корня сайта)\n"+IMPORT_IMGS.join("\n")+"\n",
"text/plain", true);
});
$("impApply").addEventListener("click", impApply);
impPreview();
}
function impBuild(){
const rows = parseTSV($("impPaste").value);
const hasHeader = rows.length && /артикул/i.test(rows[0].join("\t"));
const col = hasHeader ? detectColumns(rows[0]) : IMP_POS;
const body = rows.slice(hasHeader ? 1 : 0);
const brand = $("impBrand").value.trim();
const items = [], stat = {rows:body.length, noArt:0, noPrice:0, dups:0};
const seen = new Set();
body.forEach(r=>{
const cell = k => col[k]!=null ? String(r[col[k]]||"").trim() : "";
const art = cell("article");
const price= num(cell("price"));
if (!art){ stat.noArt++; return; }
if (price==null) stat.noPrice++;
if (seen.has(art)){ stat.dups++; return; }
seen.add(art);
const safe = art.replace(/\//g,"-").replace(/[\\:*?"<>|]/g,"").trim();
const cRaw = cell("color");
const c = normColor(cRaw);
const it = { name:"", article:art };
if (brand) it.brand = brand;
/* чистое имя: тип + серия; иначе — исходное название без артикула и цвета */
const type = cell("type"), coll = cell("collection");
let nm = [type, coll].filter(Boolean).join(" ").trim();
if (!nm){
nm = cell("name").replace(new RegExp("\\s*"+art.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i"),"");
if (cRaw) nm = nm.replace(new RegExp("[,\\s]*"+cRaw.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"i"),"");
nm = nm.replace(/\s{2,}/g," ").trim();
}
it.name = nm || art;
if (type) it.type = type;
if (coll) it.collection = coll;
if (price!=null) it.price = price;
/* фото: URL → локальные имена */
const gal = [];
const img = (url, local)=>{
if (!url) return;
IMPORT_IMGS.push(`${url}\timages/${sec}/${local}`);
return local;
};
const main = img(cell("ph1"), `${safe}.jpg`);
if (c && main){ it.colors=[c]; it.articles={[c]:art}; it.images={[c]:main}; }
else if (main){ it.images={ "": main }; it.colors=[]; }
[cell("ph2"),cell("ph3"),cell("ph4"),cell("ph5")].forEach((u,i)=>{
const l = img(u, `${safe}_${i+2}.jpg`); if (l) gal.push(l);
});
const dr = img(cell("drawing"), `${safe}_shema.jpg`); if (dr) gal.push(dr);
const sc = img(cell("schema"), `${safe}_connect.jpg`); if (sc) gal.push(sc);
if (gal.length) it.gallery = gal;
const man = cell("manual");
if (man){ IMPORT_IMGS.push(`${man}\timages/${sec}/docs/${safe}.pdf`);
it.manual = `../images/${sec}/docs/${safe}.pdf`; }
const cont = cell("contents");
if (cont){ const L = cont.split(/\s*\n\s*/).filter(Boolean); if (L.length) it.contents = L; }
if (cell("mount")) it.mount = cell("mount");
if (cell("purpose")) it.purpose = cell("purpose");
if (cell("control")) it.control = cell("control");
const mat = cell("material").split(/[,;]+/).map(s=>s.trim()).filter(Boolean);
if (mat.length) it.material = mat.length>1 ? mat : mat[0];
const sp = cell("spout").replace(/[^\d.]/g,"");
if (sp) it.spout = sp;
let w = cell("warranty");
if (!w && col.chars!=null){
const m = String(r[col.chars]||"").match(/гаранти[^\n]*/i);
if (m) w = m[0];
}
if (w) it.description = "Гарантия: " + w.replace(/^гарантия\s*/i,"").replace(/\.$/,"") + ".";
items.push(it);
});
return {items, stat};
}
function impPreview(){
const {items, stat} = impBuild();
const arr = sectionArr(sec)||[];
const ex = new Set(arr.map(p=>String(p.article).trim()));
const dup = items.filter(i=>ex.has(i.article)).length;
$("impStat").textContent =
`строк: ${stat.rows} · к добавлению: ${items.length-dup} · обновится: ${dup} · без артикула: ${stat.noArt} · без цены: ${stat.noPrice} · дублей в таблице: ${stat.dups}`;
$("impPrev").innerHTML = items.length ? `