mtextylelastedweb / wishlist.html
ibrohm's picture
Initial deploy via assistant API
7b3aac2 verified
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0D1F23">
<title>Sevimlilar — M-TEXTILE</title>
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/pages.css">
<link rel="stylesheet" href="css/premium.css">
<link rel="manifest" href="manifest.json">
<!-- AOS CSS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>
<!-- Global Preloader -->
<div id="global-preloader" class="preloader">
<div class="preloader-spinner"></div>
</div>
<div class="page-wrapper">
<div class="page-content">
<section class="section-padding" style="padding-top: calc(var(--navbar-height) + 2rem);">
<div class="container">
<h1 style="margin-bottom: 2rem;">❤️ Sevimlilar</h1>
<div class="wishlist-grid stagger" id="wishlistGrid"></div>
<div id="emptyWishlist" style="display:none;">
<div class="empty-state">
<div class="empty-state-icon">❤️</div>
<h3 class="empty-state-title">Sevimlilar ro'yxati bo'sh</h3>
<p class="empty-state-text">Mahsulotlarni ❤️ tugmasi orqali saqlang</p>
<a href="catalog.html" class="btn btn-primary">Mahsulotlarni ko'rish</a>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="js/products.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
<script src="js/firebase-config.js"></script>
<script src="js/api.js"></script>
<script src="js/store.js"></script>
<script src="js/app.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => { renderWishlist(); document.addEventListener('wishlistUpdated', renderWishlist); });
function renderWishlist() {
const wl = getWishlist();
const grid = document.getElementById('wishlistGrid');
const empty = document.getElementById('emptyWishlist');
grid.innerHTML = '';
if (wl.length === 0) { grid.style.display = 'none'; empty.style.display = 'block'; return; }
grid.style.display = ''; empty.style.display = 'none';
wl.forEach(id => {
const p = getProductById(id);
if (p) grid.appendChild(renderProductCard(p));
});
}
</script>
<script>
if ('serviceWorker' in navigator) navigator.serviceWorker.register('sw.js').then(() => console.log('SW Registered')).catch(e => console.error('SW Error', e));
</script>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</body>
</html>