mirror of
https://github.com/wasrusgen/zov-tech.git
synced 2026-06-03 21:44:48 +00:00
d7be644aed
WHAT CHANGED: - New _renderPriceMatrix(models) — table with rows=models, columns=stores - Inserted as PRIMARY view above model cards (was secondary accordion) - Columns dynamically include only stores that returned data - Sticky model column (left) — scrolls horizontally on mobile - Best price per row highlighted: green bg + ✓ badge + green text - Empty cells: '—' if no URL, 'смотреть →' if URL but no price yet - 'Мин' column on far right — explicit cheapest price summary CSS: - .report-matrix-wrap with rounded card - Sticky col-model with box-shadow on right edge - Cell-price.best with rgba green background - .best-mark circle badge PREVIEW: - Updated mock with 3 fridges + 3 hobs across multiple stores (real pricing spread) - Demonstrates min-price highlighting working UX: - User can now visually compare 'where is it cheapest' at a glance - Tap any cell with price → opens store page - Tap empty cell with URL → opens search in store NEXT: same matrix can become PDF/Excel export for client briefcase
31 lines
1.4 KiB
HTML
31 lines
1.4 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
|
||
<meta name="theme-color" content="#003E7E">
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<title>ЗОВ — Кабинет</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
|
||
<script src="https://telegram.org/js/telegram-web-app.js"></script>
|
||
<link rel="stylesheet" href="assets/styles.css?v=20260511i">
|
||
<link rel="stylesheet" href="assets/podbor.css?v=20260511i">
|
||
</head>
|
||
<body>
|
||
<main id="app">
|
||
<div class="loader">
|
||
<div class="spinner"></div>
|
||
</div>
|
||
</main>
|
||
<script src="assets/icons.js?v=20260511i"></script>
|
||
<script src="assets/podbor.config.js?v=20260511i"></script>
|
||
<script src="assets/podbor.picts.js?v=20260511i"></script>
|
||
<script src="assets/podbor.js?v=20260511i"></script>
|
||
<script src="assets/app.js?v=20260511i"></script>
|
||
</body>
|
||
</html>
|