{"id":10636,"date":"2026-04-02T07:32:01","date_gmt":"2026-04-02T07:32:01","guid":{"rendered":"https:\/\/ptise.co.id\/?page_id=10636"},"modified":"2026-04-03T07:47:08","modified_gmt":"2026-04-03T07:47:08","slug":"contoh-2","status":"publish","type":"page","link":"https:\/\/ptise.co.id\/en\/contoh-2\/","title":{"rendered":"Contoh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10636\" class=\"elementor elementor-10636\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-debd7ee elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"26992\" data-id=\"debd7ee\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e836aa2\" data-eae-slider=\"8289\" data-id=\"e836aa2\" data-element_type=\"column\" data-e-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-6802076 elementor-widget elementor-widget-heading\" data-id=\"6802076\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rekapitulasi penerbitan dokumen 2025<\/h2>\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<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0ce70e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-eae-slider=\"69660\" data-id=\"0ce70e6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0c4b4b4\" data-eae-slider=\"68078\" data-id=\"0c4b4b4\" data-element_type=\"column\" data-e-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-8c90afd elementor-widget elementor-widget-html\" data-id=\"8c90afd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-table-wrapper\">\r\n    <div id=\"loading-status\">Sedang menyinkronkan 70+ data & warna...<\/div>\r\n    <table id=\"tabelWarnaPro\" class=\"display nowrap\" style=\"width:100%; display:none;\">\r\n        <thead><tr id=\"header-row\"><\/tr><\/thead>\r\n        <tbody id=\"body-row\"><\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.datatables.net\/1.13.4\/css\/jquery.dataTables.min.css\">\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.datatables.net\/1.13.4\/js\/jquery.dataTables.min.js\"><\/script>\r\n\r\n<style>\r\n    .custom-table-wrapper { padding: 10px; background: #fff; }\r\n    \r\n    \/* Header Hijau Putih Sesuai Standar Sebelumnya *\/\r\n    #tabelWarnaPro thead th {\r\n        background-color: #259206 !important;\r\n        color: #ffffff !important;\r\n        -webkit-text-fill-color: #ffffff !important;\r\n        text-align: center !important;\r\n        padding: 15px !important;\r\n        font-weight: bold !important;\r\n        text-transform: uppercase;\r\n        border: none !important;\r\n    }\r\n\r\n    \/* Menghilangkan panah sorting agar rapi *\/\r\n    table.dataTable thead th.sorting:before,\r\n    table.dataTable thead th.sorting:after { display: none !important; }\r\n\r\n    #tabelWarnaPro tbody td {\r\n        padding: 12px 15px !important;\r\n        border: 1px solid #eeeeee !important;\r\n        font-size: 13px;\r\n        white-space: normal !important;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\nasync function loadFullDataWithColors() {\r\n    \/\/ 1. MASUKKAN API KEY ANDA DI SINI\r\n    const API_KEY = 'AIzaSyAlvTLXZaj8VQgvTryUUjb5keBLXYL2ie4'; \r\n    const SHEET_ID = '1iK5iIqB2LjUFqRPpkqHGI8uZnEIky-_OKf1RqdOjSPA';\r\n    \r\n    \/\/ RANGE ditingkatkan sampai 100 agar semua data masuk\r\n    const RANGE = 'Sheet1!A1:H100'; \r\n\r\n    try {\r\n        const url = `https:\/\/sheets.googleapis.com\/v4\/spreadsheets\/${SHEET_ID}?includeGridData=true&ranges=${RANGE}&key=${API_KEY}`;\r\n        const response = await fetch(url);\r\n        const json = await response.json();\r\n        const rows = json.sheets[0].data[0].rowData;\r\n\r\n        const headerRow = document.getElementById('header-row');\r\n        const bodyRow = document.getElementById('body-row');\r\n\r\n        \/\/ 2. Render Header\r\n        rows[0].values.forEach(cell => {\r\n            let th = document.createElement('th');\r\n            th.innerText = cell.formattedValue || \"\";\r\n            headerRow.appendChild(th);\r\n        });\r\n\r\n        \/\/ 3. Render Body dengan Warna\r\n        for (let i = 1; i < rows.length; i++) {\r\n            if (!rows[i].values) continue; \/\/ Skip baris kosong\r\n            let tr = document.createElement('tr');\r\n            \r\n            rows[i].values.forEach(cell => {\r\n                let td = document.createElement('td');\r\n                td.innerText = cell.formattedValue || \"\";\r\n\r\n                \/\/ Ambil warna Background\r\n                if (cell.effectiveFormat && cell.effectiveFormat.backgroundColor) {\r\n                    const bg = cell.effectiveFormat.backgroundColor;\r\n                    const r = Math.round((bg.red || 0) * 255);\r\n                    const g = Math.round((bg.green || 0) * 255);\r\n                    const b = Math.round((bg.blue || 0) * 255);\r\n                    \/\/ Jika warna bukan putih (1,1,1), terapkan warnanya\r\n                    if (!(bg.red === 1 && bg.green === 1 && bg.blue === 1)) {\r\n                        td.style.backgroundColor = `rgb(${r},${g},${b})`;\r\n                    }\r\n                }\r\n                \r\n                \/\/ Ambil warna Teks\r\n                if (cell.effectiveFormat?.textFormat?.foregroundColor) {\r\n                    const fg = cell.effectiveFormat.textFormat.foregroundColor;\r\n                    const r = Math.round((fg.red || 0) * 255);\r\n                    const g = Math.round((fg.green || 0) * 255);\r\n                    const b = Math.round((fg.blue || 0) * 255);\r\n                    td.style.color = `rgb(${r},${g},${b})`;\r\n                }\r\n\r\n                tr.appendChild(td);\r\n            });\r\n            bodyRow.appendChild(tr);\r\n        }\r\n\r\n        \/\/ 4. AKTIFKAN DATATABLES (PAGINATION & SEARCH)\r\n        $('#tabelWarnaPro').show();\r\n        $('#loading-status').hide();\r\n        \r\n        $('#tabelWarnaPro').DataTable({\r\n            paging: true,\r\n            pageLength: 10, \/\/ Menampilkan 10 baris per halaman\r\n            searching: true, \/\/ Mengaktifkan kolom cari\r\n            ordering: false,\r\n            info: true,\r\n            scrollX: true,\r\n            language: {\r\n                search: \"Cari Data:\",\r\n                lengthMenu: \"Tampilkan _MENU_ data\",\r\n                info: \"Menampilkan _START_ sampai _END_ dari _TOTAL_ data\",\r\n                paginate: { next: \">\", previous: \"<\" }\r\n            }\r\n        });\r\n\r\n    } catch (err) {\r\n        console.error(err);\r\n        document.getElementById('loading-status').innerText = \"Gagal memuat data. Cek koneksi atau API Key.\";\r\n    }\r\n}\r\n\r\n$(document).ready(function() {\r\n    loadFullDataWithColors();\r\n});\r\n<\/script>  \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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rekapitulasi penerbitan dokumen 2025 Sedang menyinkronkan 70+ data &#038; warna&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10636","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/pages\/10636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/comments?post=10636"}],"version-history":[{"count":13,"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/pages\/10636\/revisions"}],"predecessor-version":[{"id":10655,"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/pages\/10636\/revisions\/10655"}],"wp:attachment":[{"href":"https:\/\/ptise.co.id\/en\/wp-json\/wp\/v2\/media?parent=10636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}