// script.js
let tg = window.Telegram.WebApp;
tg.expand();
const urlParams = new URLSearchParams(window.location.search);
const userId = urlParams.get('user_id');
const theme = urlParams.get('theme') || 'light';
document.documentElement.setAttribute('data-theme', theme);
let currentPage = 'home';
let userData = null;
// Загружаем данные при старте
document.addEventListener('DOMContentLoaded', function() {
loadUserData();
loadHomePage();
setActiveNav('home');
});
// Навигация
function navigateTo(page) {
currentPage = page;
setActiveNav(page);
if (page === 'home') {
loadHomePage();
} else if (page === 'appointments') {
loadAppointmentsPage();
} else if (page === 'shop') {
loadShopPage();
} else if (page === 'my') {
loadMyPage();
} else if (page === 'more') {
loadMorePage();
}
}
function setActiveNav(page) {
var navItems = document.querySelectorAll('.nav-item');
for (var i = 0; i < navItems.length; i++) {
navItems[i].classList.remove('active');
if (navItems[i].dataset.page === page) {
navItems[i].classList.add('active');
}
}
}
// Загрузка данных пользователя
function loadUserData() {
fetch('/api/user/?user_id=' + userId)
.then(function(response) {
return response.json();
})
.then(function(data) {
userData = data;
})
.catch(function(error) {
console.log('Ошибка загрузки пользователя:', error);
});
}
// Главная страница
function loadHomePage() {
var content = document.getElementById('content');
var userName = 'Гость';
if (userData && userData.first_name) {
userName = userData.first_name;
}
content.innerHTML = `
Добро пожаловать, ` + userName + `!
Выберите действие в меню ниже
Записаться
Магазин
`;
}
// Страница записи
function loadAppointmentsPage() {
var content = document.getElementById('content');
content.innerHTML = `
📅 Запись на прием
Февраль 2026
Пн
Вт
Ср
Чт
Пт
Сб
Вс
`;
// Добавляем дни календаря
for (var i = 1; i <= 28; i++) {
var isAvailable = false;
if (i === 5 || i === 6 || i === 7 || i === 12 || i === 13 || i === 14 || i === 19 || i === 20 || i === 21) {
isAvailable = true;
}
var dayClass = 'calendar-day';
if (isAvailable) {
dayClass = dayClass + ' available';
}
var clickHandler = '';
if (isAvailable) {
clickHandler = 'onclick="selectDate(' + i + ')"';
}
content.innerHTML = content.innerHTML + '
' + i + '
';
}
content.innerHTML = content.innerHTML + '
';
}
// Страница магазина
function loadShopPage() {
var content = document.getElementById('content');
content.innerHTML = `
🛍️ Магазин
`;
// Добавляем тестовые товары
var products = [
{name: 'Крем для тела', price: 1500, discounted: 1200},
{name: 'Маска для лица', price: 800, discounted: 0},
{name: 'Масло для волос', price: 1200, discounted: 900},
{name: 'Скраб для тела', price: 600, discounted: 0}
];
for (var i = 0; i < products.length; i++) {
var p = products[i];
var priceHtml = '' + p.price + ' ₽';
if (p.discounted > 0) {
priceHtml = '' + p.discounted + ' ₽' + p.price + ' ₽';
}
content.innerHTML = content.innerHTML + `
` + p.name + `
` + priceHtml + `
`;
}
content.innerHTML = content.innerHTML + '
';
}
function loadMyPage() {
var content = document.getElementById('content');
content.innerHTML = `
📋 Мои записи
У вас пока нет записей
`;
}
function loadMorePage() {
var content = document.getElementById('content');
content.innerHTML = `
⚙️ Еще
О нас
Поддержка
Настройки
`;
}
// Функции для действий
function addToCart(productId) {
showToast('✅ Товар добавлен в корзину');
}
function showToast(message) {
var toast = document.getElementById('toast');
var toastMessage = document.getElementById('toastMessage');
toastMessage.textContent = message;
toast.classList.add('show');
setTimeout(function() {
toast.classList.remove('show');
}, 3000);
}
// Функции для модальных окон
function openProfile() {
var modal = document.getElementById('profileModal');
var content = document.getElementById('profileContent');
var userName = 'Гость';
var userStatus = 'regular';
if (userData) {
userName = userData.first_name || 'Гость';
userStatus = userData.status || 'regular';
}
content.innerHTML = `
` + userName.charAt(0) + `
` + userName + `
ID: ` + userId + `
` + userStatus + `
`;
modal.classList.add('active');
}
function openCart() {
var modal = document.getElementById('cartModal');
var content = document.getElementById('cartContent');
content.innerHTML = `
Корзина пуста
Добавьте товары из магазина
`;
modal.classList.add('active');
}
function openAbout() {
alert('О нас - информация о салоне');
}
function openSupport() {
alert('Техническая поддержка');
}
function openSettings() {
alert('Настройки');
}
function closeModal(modalId) {
document.getElementById(modalId).classList.remove('active');
}
function selectCategory(category) {
alert('Выбрана категория: ' + category);
}
function selectDate(day) {
alert('Выбрана дата: ' + day + ' февраля 2026');
}
function changeMonth(delta) {
alert('Смена месяца');
}
function openProduct(productId) {
alert('Товар ' + productId);
}
function loadProducts(category) {
alert('Загрузка товаров категории: ' + category);
}
// Делаем функции доступными глобально
window.navigateTo = navigateTo;
window.openProfile = openProfile;
window.openCart = openCart;
window.closeModal = closeModal;
window.selectCategory = selectCategory;
window.selectDate = selectDate;
window.changeMonth = changeMonth;
window.addToCart = addToCart;
window.openProduct = openProduct;
window.loadProducts = loadProducts;
window.openAbout = openAbout;
window.openSupport = openSupport;
window.openSettings = openSettings;