تداول أكبر
أحداث العالم.
برأس مالنا.

document.addEventListener('DOMContentLoaded', function () { const cards = document.querySelectorAll('.market-card'); if (!cards.length) { return; } const slugsToFetch = []; cards.forEach(function (card) { const slug = card.getAttribute('data-slug'); const outcome = card.getAttribute('data-outcome'); slugsToFetch.push({ slug: slug, outcome: outcome }); }); const ajaxUrl = window.location.origin + '/wp-admin/admin-ajax.php'; const bodyParams = new URLSearchParams(); bodyParams.append( 'action', 'get_poly_rates' ); bodyParams.append( 'slugs_json', JSON.stringify(slugsToFetch) ); fetch(ajaxUrl, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, body: bodyParams.toString() }) .then(function (response) { if (!response.ok) { throw new Error( 'HTTP error: ' + response.status ); } return response.json(); }) .then(function (res) { if (!res.success || !res.data) { return; } cards.forEach(function (card) { const slug = card.getAttribute('data-slug'); const data = res.data[slug]; if (!data) { return; } /* * Вывод процентов */ const yesSpan = card.querySelector('.btn-yes .val'); const noSpan = card.querySelector('.btn-no .val'); if (yesSpan) { yesSpan.textContent = data.yes; } if (noSpan) { noSpan.textContent = data.no; } /* * История */ if ( !Array.isArray(data.history) || data.history.length < 2 ) { return; } /* * Рисуем график */ drawMarketChart( card, data.history ); }); }) .catch(function () { /* * Ошибки намеренно не выводим в консоль. */ }); /* * ========================================================= * DRAW SVG CHART * ========================================================= */ function drawMarketChart(card, history) { const svg = card.querySelector('.mini-chart'); if (!svg) { return; } /* * Удаляем существующий SVG-контент */ svg.innerHTML = ''; /* * Преобразуем историю в числа */ const values = history .map(function (value) { return Number(value); }) .filter(function (value) { return Number.isFinite(value); }); if (values.length first) { stroke = '#51b37f'; } else if (last < first) { stroke = '#d13239'; } else { stroke = '#888888'; } polyline.setAttribute( 'stroke', stroke ); /* * Добавляем график */ svg.appendChild( polyline ); } });