Zholdas/ya-hochu-nachat-biznes-dazhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

parent self registration

Browse Source
This commit is contained in:
Zholdas 2026-08-10 09:58:28 +00:00
parent e48c07aa27
commit 798b9b4d48
1 changed files with 84 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
index.html
View File

@ -87,8 +87,9 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
<div style="text-align:center;margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap">
<button class="btn" onclick="openParentCodeModal()" style="background:var(--green);color:#fff">👨‍👩‍👧 Получить код родителя</button>
<button class="btn" onclick="openParentRegisterModal()" style="background:#FF5500;color:#fff">👨‍👩‍👧 Родителям: регистрация</button>
<button class="btn" onclick="openPaymentModal()" style="background:#FF5500;color:#fff">💳 Оплатить онлайн</button>
<button class="btn" onclick="showPage('admin');setTimeout(() => document.getElementById('nav-admin').click(), 100)" style="background:var(--ink);color:#fff">➕ Добавить товар</button>
<button class="btn" onclick="openPaymentModal()" style="background:#FF5500;color:#fff">💳 Родителям: оплатить онлайн</button>
</div>
</div>
</section>
@ -231,6 +232,28 @@ body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
</div>
</div>
<div class="modal" id="parent-register-modal">
<div class="modal-content">
<h3>👨‍👩‍👧 Регистрация родителя</h3>
<p style="margin-bottom:20px">Контролируйте покупки ребёнка — установите лимит и получайте код</p>
<div class="form-group">
<label>Ваше имя</label>
<input type="text" id="reg-name" placeholder="Иванова Мария" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px">
</div>
<div class="form-group">
<label>Телефон</label>
<input type="tel" id="reg-phone" placeholder="+7 777 123 45 67" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px">
</div>
<div class="form-group">
<label>Лимит на день (₸)</label>
<input type="number" id="reg-limit" placeholder="1000" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px">
</div>
<button class="btn btn-green" onclick="registerParent()" style="width:100%">Зарегистрироваться</button>
<button class="btn" style="background:var(--gray-100);margin-top:12px;width:100%" onclick="closeParentRegisterModal()">Отмена</button>
<p style="margin-top:16px;font-size:13px;color:var(--gray-500)">После регистрации вы получите персональный код для ребёнка</p>
</div>
</div>
<script>
// === Данные ===
const CATEGORIES = {еда:'🍫', напитки:'🥤', школа:'✏️', разное:'🎁'};
@ -470,6 +493,66 @@ function closeParentModal() {
document.getElementById('parent-code-modal').classList.remove('on');
}
function openParentRegisterModal() {
document.getElementById('parent-register-modal').classList.add('on');
}
function closeParentRegisterModal() {
document.getElementById('parent-register-modal').classList.remove('on');
}
function registerParent() {
const name = document.getElementById('reg-name').value.trim();
const phone = document.getElementById('reg-phone').value.trim();
const limit = Number(document.getElementById('reg-limit').value);
if (!name || !phone || !limit) {
alert('Заполните все поля!');
return;
}
// Проверяем, есть ли уже такой родитель
const exists = parents.find(p => p.phone === phone);
if (exists) {
alert('Такой родитель уже зарегистрирован! Ваш код: ' + exists.code);
closeParentRegisterModal();
return;
}
const parent = {
id: Date.now(),
name: name,
phone: phone,
limit: limit,
code: generateCode()
};
parents.push(parent);
saveProducts();
render();
closeParentRegisterModal();
// Очищаем форму
document.getElementById('reg-name').value = '';
document.getElementById('reg-phone').value = '';
document.getElementById('reg-limit').value = '';
// Показываем код
document.getElementById('success-message').textContent = `✅ Вы зарегистрированы!\n\nВаш код: ${parent.code}\n\nСообщите этот код ребёнку. Он будет использовать его для покупок.`;
document.getElementById('success-code').textContent = parent.code;
document.getElementById('success-modal').classList.add('on');
// Предлагаем отправить код в WhatsApp
setTimeout(() => {
const message = `✅ Вы зарегистрированы в школьном магазине!\n\nВаш код: *${parent.code}*\nЛимит: ${limit} ₸ в день\n\nСообщите этот код ребёнку для покупок.`;
const url = `https://wa.me/${phone.replace(/\D/g, '')}?text=${encodeURIComponent(message)}`;
if (confirm('📱 Отправить себе код в WhatsApp?')) {
window.open(url, '_blank');
}
}, 500);
}
let currentProductForPayment = null;
function openPaymentModal() {