49 lines
3.2 KiB
JavaScript
49 lines
3.2 KiB
JavaScript
// Данные каталога: гүл түрі / кімге беруге болады / бір шетес бағасы
|
||
var FLOWERS = [
|
||
{ name: "Ромашка", for: "Шырақ, ұстаз, көрші-қонақ", note: "Жай ғана қуаныш көрсетудің ең классикалық жолы." },
|
||
{ name: "Ақгүл", for: "Ана, апай, қарындас", note: "Сыйластық пен қорғаудың символы — 8 Mart-ның батыры." },
|
||
{ name: "Роза", for: "Жұбайға, артық адамға", note: "Ашық сезімнің символы: қызыл — ашық сезім, ақ — таза ниет." },
|
||
{ name: "Тюльпан", for: "Жұбайға, достық сый ретінде", note: "Байырмен басталған күндердің символы — қуаныш нұрландырады." },
|
||
{ name: "Гортензия", for: "Жеке үйге, кеңесті көрсету", note: "Толықтай ысқыш, суықта 2-3 аптаға дейін ұзақ тұрады." },
|
||
{ name: "Лаванда", for: "Жұбайға, көңілді көтергіш", note: "Серенілік пен тыныштық — құмарланған адамға." },
|
||
{ name: "Гвоздика", for: "Ата, аға, ардагер", note: "Құрмет пен алғыс көрсетуінің көрнекі белгісі." },
|
||
{ name: "Хризантема", for: "Ана, достық құбыстық", note: "Күзгі фаворит: сақталады, сәнді және жағымды." },
|
||
{ name: "Асаға", for: "Жылы гүлхана, жақын адамға", note: "Жайлылық пен сереннің көрнекі белгісі." },
|
||
{ name: "Пион", for: "Жұбайға, маңызды сәтке", note: "Нармалы — шектеулі маусым: мамыр–маусым." },
|
||
{ name: "Альстрөмерия", for: "Мәнерлі сыйлық қаласа", note: "Сирек, сәнді — букетке ерекше мәнер береді." },
|
||
{ name: "Жұлдызды тәңірі", for: "Ардақталған адамға, мерекеге", note: "Шылажай, жылы күзгі гүл — жылы естелік қалдырады." }
|
||
];
|
||
|
||
var PRICES = {
|
||
"Ромашка": 600,
|
||
"Ақгүл": 800,
|
||
"Роза": 1500,
|
||
"Тюльпан": 700,
|
||
"Гортензия": 2500,
|
||
"Лаванда": 900,
|
||
"Гвоздика": 500,
|
||
"Хризантема": 800,
|
||
"Асаға": 1000,
|
||
"Пион": 2200,
|
||
"Альстрөмерия": 1800,
|
||
"Жұлдызды тәңірі": 1200
|
||
};
|
||
|
||
function renderCatalog() {
|
||
var grid = document.getElementById("catalog-grid");
|
||
if (!grid) return;
|
||
var html = '<div class="kt-ai-grid" data-cols="3">';
|
||
FLOWERS.forEach(function (f) {
|
||
html += '<article class="kt-ai-tile">'
|
||
+ "<h3>" + f.name + "</h3>"
|
||
+ "<p>" + f.note + "</p>"
|
||
+ '<span class="kt-ai-chip" data-tone="blue">кімге: ' + f.for + "</span>"
|
||
+ '<div class="price-tag">' + PRICES[f.name].toLocaleString("kk-KZ") + " ₸ <small>/ 1 шетес</small></div>"
|
||
+ "</article>";
|
||
});
|
||
html += "</div>";
|
||
grid.innerHTML = html;
|
||
}
|
||
|
||
document.addEventListener("DOMContentLoaded", renderCatalog);
|