{"id":50,"date":"2026-05-12T17:04:44","date_gmt":"2026-05-12T17:04:44","guid":{"rendered":"https:\/\/hungary-map.hu\/?page_id=50"},"modified":"2026-06-10T18:38:27","modified_gmt":"2026-06-10T16:38:27","slug":"home-sections-02","status":"publish","type":"page","link":"https:\/\/hungary-map.hu\/index.php\/home-sections-02\/","title":{"rendered":"HOME SECTIONS 02"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\r\n\t\t\t<div class=\"center-title\">\r\n\t\t\t\t\r\n\t\t\t\t<h2 style=\"color:#282828\">Server\r\n\t\t\t\t<span style=\"color:#ff4e00\">kiad\u00e1sok<\/span>\r\n\t\t\t\t<\/h2>\r\n\t\t\t\t<span class=\"separator\"><\/span>\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t \r\n\t<div class=\"view-all-btn\" style=\"text-align:right; margin-top:-3.5%; \">\r\n\t\t<a href=\"http:\/\/hungary-map.hu\/latestgame\/\" target=\"_parent\"  style=\"color:#ffffff; background:#ff4e00;  \">\r\n\t\t\t<span>\r\n\t\t\t\u00d6sszes Kiad\u00e1s\r\n\t\t\t \r\n\t\t\t<\/span>\r\n\t\t<\/a>\r\n\t<\/div> <div class=\"latest_game_area\"><\/div><\/p>\n\n\n    <div class=\"hm-stat-wrapper\">\r\n        <div class=\"hm-stat-header\">\r\n            <h3>\ud83d\udcc8 DISZP\u00c9CSER STATISZTIK\u00c1K<\/h3>\r\n            <div class=\"hm-btn-group\">\r\n                <button class=\"hm-stat-btn active\" data-time=\"napi\">NAPI<\/button>\r\n                <button class=\"hm-stat-btn\" data-time=\"heti\">HETI<\/button>\r\n                <button class=\"hm-stat-btn\" data-time=\"havi\">HAVI<\/button>\r\n                <button class=\"hm-stat-btn\" data-time=\"eves\">\u00c9VES<\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hm-chart-area\">\r\n            <canvas id=\"hmMultiChart\"><\/canvas>\r\n            <div id=\"hm-loader\" class=\"hm-loader-hidden\">Friss\u00edt\u00e9s...<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        .hm-stat-wrapper { background: #131722; border: 1px solid #232936; padding: 20px; border-radius: 6px; max-width: 100%; margin: 20px auto; font-family: 'Arial', sans-serif; }\r\n        .hm-stat-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #232936; padding-bottom: 15px; margin-bottom: 15px; flex-wrap: wrap; gap: 10px; }\r\n        .hm-stat-header h3 { color: #ff9900; margin: 0; font-size: 16px; font-weight: bold; }\r\n        .hm-btn-group { display: flex; gap: 5px; }\r\n        .hm-stat-btn { background: #1f2937; border: 1px solid #374151; color: #94a3b8; padding: 6px 14px; font-size: 11px; font-weight: bold; border-radius: 4px; cursor: pointer; transition: all 0.2s; user-select: none; }\r\n        .hm-stat-btn:hover { border-color: #ff9900; color: #fff; }\r\n        .hm-stat-btn.active { background: #ff9900; border-color: #ff9900; color: #000; }\r\n        .hm-chart-area { position: relative; width: 100%; height: 320px; }\r\n        \r\n        #hm-loader { position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(19,23,34,0.7); color:#ff9900; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:bold; transition: opacity 0.2s; pointer-events: none; z-index: 10; }\r\n        .hm-loader-hidden { opacity: 0; }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        var canvasElement = document.getElementById(\"hmMultiChart\");\r\n        if (!canvasElement) return;\r\n\r\n        var ctx = canvasElement.getContext(\"2d\");\r\n        var myChart = null;\r\n        var ajaxUrl = \"https:\/\/hungary-map.hu\/wp-admin\/admin-ajax.php\";\r\n\r\n        function buildChart(labels, dataSet) {\r\n            if (myChart !== null) { myChart.destroy(); }\r\n            \r\n            myChart = new Chart(ctx, {\r\n                type: \"line\",\r\n                data: {\r\n                    labels: labels,\r\n                    datasets: [{\r\n                        label: \"Online sof\u0151r\u00f6k (cs\u00facs\u00e9rt\u00e9k)\",\r\n                        data: dataSet,\r\n                        borderColor: \"#ff9900\",\r\n                        backgroundColor: \"rgba(255, 153, 0, 0.08)\",\r\n                        borderWidth: 2,\r\n                        pointBackgroundColor: \"#10b981\",\r\n                        pointRadius: 4,\r\n                        tension: 0.2,\r\n                        fill: true\r\n                    }]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: { legend: { display: false } },\r\n                    scales: {\r\n                        y: { \r\n                            grid: { color: \"#232936\" }, \r\n                            ticks: { color: \"#64748b\", stepSize: 1 },\r\n                            beginAtZero: true\r\n                        },\r\n                        x: { \r\n                            grid: { color: \"#232936\" }, \r\n                            ticks: { color: \"#64748b\" } \r\n                        }\r\n                    }\r\n                }\r\n            });\r\n        }\r\n\r\n        function loadStats(timeFrame) {\r\n            var loader = document.getElementById(\"hm-loader\");\r\n            if(loader) loader.classList.remove(\"hm-loader-hidden\");\r\n            \r\n            var formData = new FormData();\r\n            formData.append(\"action\", \"get_hm_stats\");\r\n            formData.append(\"idokoz\", timeFrame);\r\n\r\n            fetch(ajaxUrl, { method: \"POST\", body: formData })\r\n                .then(response => response.json())\r\n                .then(res => {\r\n                    if (res.success && res.data.labels.length > 0) {\r\n                        buildChart(res.data.labels, res.data.data);\r\n                    }\r\n                    if(loader) loader.classList.add(\"hm-loader-hidden\");\r\n                })\r\n                .catch(err => {\r\n                    console.error(\"Statisztika hiba:\", err);\r\n                    if(loader) loader.classList.add(\"hm-loader-hidden\");\r\n                });\r\n        }\r\n\r\n        document.querySelectorAll(\".hm-stat-btn\").forEach(function(btn) {\r\n            btn.addEventListener(\"click\", function() {\r\n                document.querySelectorAll(\".hm-stat-btn\").forEach(b => b.classList.remove(\"active\"));\r\n                this.classList.add(\"active\");\r\n                \r\n                var timeFrame = this.getAttribute(\"data-time\");\r\n                loadStats(timeFrame);\r\n            });\r\n        });\r\n\r\n        \/\/ Els\u0151 ind\u00edt\u00e1s\r\n        loadStats(\"napi\");\r\n    });\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":11,"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/hungary-map.hu\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}