{"id":2952,"date":"2022-01-27T04:09:22","date_gmt":"2022-01-26T20:09:22","guid":{"rendered":"https:\/\/jodohdarulnaim.com\/?page_id=2952"},"modified":"2026-02-15T08:43:23","modified_gmt":"2026-02-15T00:43:23","slug":"admin","status":"publish","type":"page","link":"https:\/\/jodohdarulnaim.com\/ms\/admin\/","title":{"rendered":"Papan Pemuka Utama"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2952\" class=\"elementor elementor-2952\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5680b1 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b5680b1\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc97b2a\" data-id=\"bc97b2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea5ab35 elementor-widget elementor-widget-shortcode\" data-id=\"ea5ab35\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"candidate-dashboard\">\n\n<div class=\"stats-row\">\n\n    <div class=\"stat-card purple\">\n        <div class=\"stat-inner\">\n            <div class=\"stat-icon\">\n                \ud83d\udc65\n            <\/div>\n            <div class=\"stat-text\">\n                <div class=\"stat-number\">239<\/div>\n                <div class=\"stat-label\">Pengguna Berdaftar<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"stat-card blue\">\n        <div class=\"stat-inner\">\n            <div class=\"stat-icon\">\n                \ud83d\udc68\n            <\/div>\n            <div class=\"stat-text\">\n                <div class=\"stat-number\">97<\/div>\n                <div class=\"stat-label\">Lelaki<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"stat-card pink\">\n        <div class=\"stat-inner\">\n            <div class=\"stat-icon\">\n                \ud83d\udc69\n            <\/div>\n            <div class=\"stat-text\">\n                <div class=\"stat-number\">142<\/div>\n                <div class=\"stat-label\">Perempuan<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n\n\n    <div class=\"charts-row\">\n\n        <div class=\"chart-box\">\n            <h3>Calon mengikut Jantina<\/h3>\n            <canvas id=\"genderChart\"><\/canvas>\n        <\/div>\n\n        <div class=\"chart-box\">\n            <h3>Calon mengikut Taraf Perkahwinan<\/h3>\n            <canvas id=\"maritalChart\"><\/canvas>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n\nnew Chart(document.getElementById('genderChart'), {\n    type: 'pie',\n    data: {\n        labels: ['Male','Female'],\n        datasets: [{\n            data: [97, 142],\n            backgroundColor: ['#4e79a7','#e157a0']\n        }]\n    }\n});\n\n\nnew Chart(document.getElementById('maritalChart'), {\n    type: 'pie',\n    data: {\n        labels: ['Single','Married','Widowed','Divorced'],\n        datasets: [{\n            data: [\n                220,\n                1,\n                5,\n                11            ],\n            backgroundColor: ['#4e79a7','#59a14f','#f28e2b','#e15759']\n        }]\n    }\n});\n\n<\/script>\n\n\n<style>\n\n.stats-row{\n    display:flex;\n    gap:30px;\n    margin-bottom:40px;\n}\n\n.stat-card{\n    flex:1;\n    background:#f3f5f9;\n    border-radius:18px;\n    padding:30px;\n}\n\n.stat-inner{\n    display:flex;\n    align-items:center;\n    gap:20px;\n}\n\n.stat-icon{\n    font-size:48px;\n}\n\n.stat-number{\n    font-size:48px;\n    font-weight:700;\n    line-height:1;\n}\n\n.stat-label{\n    font-size:20px;\n    color:#6b7a90;\n}\n\n\/* colors *\/\n\n.stat-card.purple .stat-icon{\n    color:#8e5ad7;\n}\n\n.stat-card.blue .stat-icon{\n    color:#4e79a7;\n}\n\n.stat-card.pink .stat-icon{\n    color:#e157a0;\n}\n\n\n.card {\n    flex:1;\n    background:#f4f6f9;\n    padding:20px;\n    border-radius:10px;\n    text-align:center;\n}\n\n.number {\n    font-size:32px;\n    font-weight:bold;\n}\n\n.charts-row {\n    display:flex;\n    gap:40px;\n}\n\n.chart-box {\n    width:400px;\n}\n.stats-row{\n    display:flex;\n    gap:28px;\n    margin-bottom:50px;\n}\n\n\/* CARD *\/\n\n.stat-card{\n    flex:1;\n    background:#f5f7fb;\n    border-radius:20px;\n    padding:28px 32px;\n    display:flex;\n    align-items:center;\n    gap:22px;\n\n    \/* pixel perfect shadow *\/\n    box-shadow:\n        0 2px 6px rgba(0,0,0,0.04),\n        0 10px 20px rgba(0,0,0,0.03);\n\n    transition: all 0.2s ease;\n}\n\n.stat-card:hover{\n    transform: translateY(-2px);\n    box-shadow:\n        0 6px 14px rgba(0,0,0,0.06),\n        0 14px 28px rgba(0,0,0,0.05);\n}\n\n\/* ICON *\/\n\n.stat-icon-wrap{\n    width:64px;\n    height:64px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n\/* CONTENT *\/\n\n.stat-content{\n    display:flex;\n    flex-direction:column;\n}\n\n.stat-number{\n\n    font-size:52px;\n    font-weight:700;\n    color:#111;\n\n    letter-spacing:-1px;\n    line-height:1;\n}\n\n.stat-label{\n\n    font-size:20px;\n    color:#6b7a90;\n    margin-top:6px;\n}\n\n\/* COLORS *\/\n\n.stat-card.purple .stat-icon-wrap{\n    color:#8e5ad7;\n}\n\n.stat-card.blue .stat-icon-wrap{\n    color:#5b8def;\n}\n\n.stat-card.pink .stat-icon-wrap{\n    color:#e15ba7;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width: 1024px){\n\n    .stats-row{\n        flex-direction:column;\n    }\n\n    .stat-card{\n        padding:24px;\n    }\n\n    .stat-number{\n        font-size:42px;\n    }\n\n    .stat-label{\n        font-size:18px;\n    }\n\n}\n\n@media (max-width: 480px){\n\n    .stat-card{\n        gap:16px;\n    }\n\n    .stat-icon-wrap{\n        width:52px;\n        height:52px;\n    }\n\n    .stat-number{\n        font-size:36px;\n    }\n\n}\n\n<\/style>\n\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2952","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/pages\/2952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/comments?post=2952"}],"version-history":[{"count":83,"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/pages\/2952\/revisions"}],"predecessor-version":[{"id":6954,"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/pages\/2952\/revisions\/6954"}],"wp:attachment":[{"href":"https:\/\/jodohdarulnaim.com\/ms\/wp-json\/wp\/v2\/media?parent=2952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}