add print codes button

This commit is contained in:
Zholdas 2026-08-10 09:26:56 +00:00
parent b6d1cbec67
commit c6f5baae6e

View File

@ -123,7 +123,10 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<button type="submit" class="btn btn-green">Зарегистрировать родителя</button> <button type="submit" class="btn btn-green">Зарегистрировать родителя</button>
</form> </form>
<h4 style="margin-bottom:16px">Зарегистрированные родители:</h4> <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px">
<h4 style="margin:0">Зарегистрированные родители:</h4>
<button class="btn" onclick="printCodes()" style="padding:8px 16px;font-size:14px">🖨️ Распечатать коды</button>
</div>
<div id="parents-list" style="margin-bottom:32px"></div> <div id="parents-list" style="margin-bottom:32px"></div>
</div> </div>
@ -456,6 +459,35 @@ function deleteParent(id) {
} }
} }
function printCodes() {
if (parents.length === 0) {
alert('Пока нет зарегистрированных родителей!');
return;
}
const content = parents.map(p =>
`${p.name} (${p.phone}) — КОД: ${p.code} (лимит ${p.limit}₸)`
).join('\n\n');
const printWindow = window.open('', '', 'width=600,height=400');
printWindow.document.write(`
<html><head><title>Коды родителей</title>
<style>
body{font-family:Arial,sans-serif;padding:40px}
h1{color:#0F1218}
.code{background:#E8FCFF;padding:15px;margin:10px 0;border-radius:8px;font-size:18px}
.code strong{color:#00E5FF;font-size:24px}
</style>
</head><body>
<h1>🏪 Школьный магазин — Коды родителей</h1>
<p style="color:#5B6573">Распечатайте этот список и повесьте на кассе для проверки</p>
${parents.map(p => `<div class="code"><strong>КОД: ${p.code}</strong><br>${p.name} (${p.phone})<br>Лимит: ${p.limit}₸</div>`).join('')}
<p style="margin-top:30px;color:#5B6573;font-size:14px">Распечатано: ${new Date().toLocaleString('ru-RU')}</p>
</body></html>
`);
printWindow.document.close();
printWindow.print();
}
// === Добавление/удаление === // === Добавление/удаление ===
document.getElementById('add-form').addEventListener('submit', (e) => { document.getElementById('add-form').addEventListener('submit', (e) => {
e.preventDefault(); e.preventDefault();