{"id":1444,"date":"2025-07-27T11:25:53","date_gmt":"2025-07-27T11:25:53","guid":{"rendered":"https:\/\/bpsjembrana.online\/jelita\/?page_id=1444"},"modified":"2025-08-21T23:43:22","modified_gmt":"2025-08-22T03:43:22","slug":"tim-rb","status":"publish","type":"page","link":"https:\/\/bpsjembrana.online\/jelita\/tim-rb\/","title":{"rendered":"Tim RB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1444\" class=\"elementor elementor-1444\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0260001 e-flex e-con-boxed e-con e-parent\" data-id=\"0260001\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ff4b83 e-con-full e-flex e-con e-child\" data-id=\"6ff4b83\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e42e8b1 elementor-widget elementor-widget-heading\" data-id=\"e42e8b1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reformasi Birokrasi (RB)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3907b6c e-flex e-con-boxed e-con e-parent\" data-id=\"3907b6c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-209ab46 e-con-full e-flex e-con e-child\" data-id=\"209ab46\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a90c8a8 elementor-widget elementor-widget-text-editor\" data-id=\"a90c8a8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>CTRL + F untuk pencarian<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ad0946 e-flex e-con-boxed e-con e-parent\" data-id=\"7ad0946\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a788eab e-grid e-con-full e-con e-child\" data-id=\"a788eab\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e718003 e-con-full e-flex e-con e-child\" data-id=\"e718003\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8257438 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"8257438\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"485\" height=\"285\" src=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/formation-google-sheet-belgique.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-2060\" alt=\"\" srcset=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/formation-google-sheet-belgique.png 485w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/formation-google-sheet-belgique-300x176.png 300w\" sizes=\"(max-width: 485px) 100vw, 485px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">LKE ZI<\/h3><p class=\"elementor-image-box-description\">Lembar Kerja Evaluasi ZI<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1af1389 elementor-widget elementor-widget-button\" data-id=\"1af1389\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/15ZiMjaCjo7apkLoABKBnnTSE48wQhA1i\/edit?gid=580112103#gid=580112103\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">2024<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a033154 elementor-widget elementor-widget-button\" data-id=\"a033154\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1vUgoOhH_0ohpWOwPKw-DeItxsOZNJZLR0AOV3We3YV0\/edit?gid=2131801803#gid=2131801803\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">2025<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b045e55 e-con-full e-flex e-con e-child\" data-id=\"b045e55\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459c936 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"459c936\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/drive.google.com\/drive\/folders\/1Xf5GKpbwmvj5w0xlpFNiok_Tiyl790R0\" target=\"_blank\" tabindex=\"-1\"><img decoding=\"async\" width=\"1095\" height=\"980\" src=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/67b4c29865f728c0c4daf59d_google-drive-icon-google-product-illustration-free-png.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-2052\" alt=\"\" srcset=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/67b4c29865f728c0c4daf59d_google-drive-icon-google-product-illustration-free-png.png 1095w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/67b4c29865f728c0c4daf59d_google-drive-icon-google-product-illustration-free-png-300x268.png 300w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/67b4c29865f728c0c4daf59d_google-drive-icon-google-product-illustration-free-png-1024x916.png 1024w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/67b4c29865f728c0c4daf59d_google-drive-icon-google-product-illustration-free-png-768x687.png 768w\" sizes=\"(max-width: 1095px) 100vw, 1095px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/drive.google.com\/drive\/folders\/1Xf5GKpbwmvj5w0xlpFNiok_Tiyl790R0\" target=\"_blank\">Bukti Dukung LKE ZI<\/a><\/h3><p class=\"elementor-image-box-description\">Tempat penyimpanan bersama tim RB<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a78f571 elementor-widget elementor-widget-button\" data-id=\"a78f571\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/drive.google.com\/drive\/u\/4\/folders\/1EhlfXX16UM8NdYL0VHRXH_iseIbEhzDJ\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">2024<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-210792d elementor-widget elementor-widget-button\" data-id=\"210792d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/drive.google.com\/drive\/folders\/1Xf5GKpbwmvj5w0xlpFNiok_Tiyl790R0\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">2025<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2577d7d e-con-full e-flex e-con e-child\" data-id=\"2577d7d\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5488a7 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"f5488a7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/drive.bps.go.id\/apps\/files\/files\/65869123?dir=\/%5B02.%20Share%20-%20BPS%20Kabupaten%20Jembrana%5D\/RB\" target=\"_blank\" tabindex=\"-1\"><img decoding=\"async\" width=\"850\" height=\"602\" src=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul-6-e1755447743544.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-2535\" alt=\"\" srcset=\"https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul-6-e1755447743544.png 850w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul-6-e1755447743544-300x212.png 300w, https:\/\/bpsjembrana.online\/jelita\/wp-content\/uploads\/2025\/08\/Desain-tanpa-judul-6-e1755447743544-768x544.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/drive.bps.go.id\/apps\/files\/files\/65869123?dir=\/%5B02.%20Share%20-%20BPS%20Kabupaten%20Jembrana%5D\/RB\" target=\"_blank\">Drive RB<\/a><\/h3><p class=\"elementor-image-box-description\">Tempat penyimpanan bersama tim RB<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ef02b5 e-flex e-con-boxed e-con e-parent\" data-id=\"2ef02b5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4dfaa09 e-con-full e-flex e-con e-child\" data-id=\"4dfaa09\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bae845 elementor-widget elementor-widget-heading\" data-id=\"4bae845\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dokumen Kegiatan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-325325c e-con-full e-flex e-con e-parent\" data-id=\"325325c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a486b01 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"a486b01\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;stretch&quot;,&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"172518145\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1725181451\" data-tab-title-id=\"e-n-tab-title-1725181451\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1725181451\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tDokumentasi\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1725181452\" data-tab-title-id=\"e-n-tab-title-1725181452\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1725181452\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tNotula\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1725181453\" data-tab-title-id=\"e-n-tab-title-1725181453\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1725181453\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tDaftar Hadir\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1725181451\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1725181451\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-2001676 e-con-full e-flex e-con e-child\" data-id=\"2001676\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d4ebb1 e-con-full e-flex e-con e-child\" data-id=\"0d4ebb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4af8bcc elementor-widget elementor-widget-heading\" data-id=\"4af8bcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dokumentasi Kegiatan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33656ee elementor-widget elementor-widget-heading\" data-id=\"33656ee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><i>Format Nama: Tanggal Kegiatan(YYYYMMDD)_[Nama Kegiatan]<br>Contoh: 20250505_Rapat Rutin<\/i><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d3406e elementor-widget elementor-widget-button\" data-id=\"0d3406e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/drive.google.com\/drive\/folders\/1zqD3i6lxrttifzCyCGqe3pExY-UWDfU1?usp=sharing\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-upload\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Upload Foto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd9e5fc elementor-widget elementor-widget-html\" data-id=\"dd9e5fc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n  body {\r\n    font-family: Poppins, sans-serif;\r\n  }\r\n\r\n  \/* ===== Search box ===== *\/\r\n  .search-box {\r\n    margin: 10px 0;\r\n    padding: 8px 10px;\r\n    width: 300px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 3px;\r\n    color: #000;\r\n  }\r\n  .search-box::placeholder {\r\n    color: #000 !important;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ===== Sort Button ===== *\/\r\n  .sort-btn {\r\n    margin-bottom: 10px;\r\n    padding: 6px 12px;\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    border: none;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s, transform 0.2s;\r\n  }\r\n  .sort-btn:hover {\r\n    background-color: #C95D43;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* ===== Grid container ===== *\/\r\n  #fileGridDokumentasi {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\r\n    gap: 15px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  \/* ===== Card styling ===== *\/\r\n  .file-card {\r\n    background-color: #ffffff;\r\n    border: 1px solid #ddd;\r\n    border-radius: 5px;\r\n    padding: 8px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    transition: transform 0.2s, box-shadow 0.2s;\r\n  }\r\n\r\n  .file-card:nth-child(even) {\r\n    background-color: #fdf6f0;\r\n  }\r\n\r\n  .file-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .file-card img {\r\n    width: 100%;\r\n    height: 120px;\r\n    object-fit: contain;\r\n    cursor: pointer;\r\n    border: 1px solid #ccc;\r\n    border-radius: 3px;\r\n    margin-bottom: 8px;\r\n    transition: transform 0.2s;\r\n  }\r\n\r\n  .file-card img:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .file-name {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    font-size: 10px;\r\n    margin-bottom: 6px;\r\n    color: #344660;\r\n    transition: color 0.2s;\r\n  }\r\n\r\n  .file-card:hover .file-name {\r\n    color: #C95D43;\r\n  }\r\n\r\n  .file-card a.btn {\r\n    padding: 6px 12px;\r\n    font-size:12px;\r\n    text-decoration: none;\r\n    border-radius: 3px;\r\n    color: #fff;\r\n    background-color: #344660;\r\n    transition: background-color 0.2s;\r\n  }\r\n\r\n  .file-card a.btn:hover {\r\n    background-color: #C95D43;\r\n  }\r\n\r\n  \/* ===== Pagination ===== *\/\r\n  .pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-top: 15px;\r\n  }\r\n  .pagination button {\r\n    padding: 8px 12px;\r\n    border: none;\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n  }\r\n  .pagination button:disabled {\r\n    background-color: #ccc;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  \/* ===== Modal Preview ===== *\/\r\n  .modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 999;\r\n    left: 0; top: 0;\r\n    width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.6);\r\n  }\r\n  .modal-content {\r\n    background: #fff;\r\n    margin: 50px auto;\r\n    padding: 20px 10px 10px 10px;\r\n    border-radius: 5px;\r\n    width: 80%;\r\n    max-width: 800px;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n  .modal iframe {\r\n    width: 100%;\r\n    height: 500px;\r\n    border: none;\r\n    margin-top: 5px;\r\n  }\r\n  .close-btn {\r\n    font-size: 14px;\r\n    background-color: #C95D43;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 4px 8px;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 9999;\r\n  }\r\n  #previewModal a.btn {\r\n    font-size: 12px;\r\n    background-color: #344660; \r\n    color: #fff;\r\n    padding: 6px 12px;\r\n    border-radius: 3px;\r\n    text-decoration: none;\r\n    transition: background-color 0.2s;\r\n  }\r\n  #previewModal a.btn:hover {\r\n    background-color: #C95D43;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- \ud83d\udd39 Search -->\r\n  <input type=\"text\" class=\"search-box\" placeholder=\"Cari Foto...\" onkeyup=\"searchGridDokumentasi(this.value)\">\r\n\r\n  <!-- \ud83d\udd39 Sort Button Modern -->\r\n  <button class=\"sort-btn\" onclick=\"sortGridDokumentasi()\">Urutkan A-Z \/ Z-A<\/button>\r\n\r\n  <!-- \ud83d\udd39 Grid container -->\r\n  <div id=\"fileGridDokumentasi\"><\/div>\r\n\r\n  <!-- \ud83d\udd39 Pagination -->\r\n  <div class=\"pagination\">\r\n    <button onclick=\"prevPageDokumentasi()\" id=\"prevBtnDokumentasi\">Prev<\/button>\r\n    <span id=\"pageInfoDokumentasi\"><\/span>\r\n    <button onclick=\"nextPageDokumentasi()\" id=\"nextBtnDokumentasi\">Next<\/button>\r\n  <\/div>\r\n\r\n  <!-- ===== Modal Preview ===== -->\r\n  <div class=\"modal\" id=\"previewModal\">\r\n    <div class=\"modal-content\">\r\n      <button class=\"close-btn\" onclick=\"closeModal()\">X<\/button>\r\n      <iframe id=\"previewFrame\"><\/iframe>\r\n      <a id=\"downloadLink\" class=\"btn\" href=\"#\" target=\"_blank\">Download<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<script>\r\n  const apiKey = \"AIzaSyB26Kiy9vYp7d1Z0Z6mllbUaC4rY0pjcKg\";\r\n  const folderIdDokumentasi = \"1zqD3i6lxrttifzCyCGqe3pExY-UWDfU1\";\r\n\r\n  let filesDokumentasi = [];\r\n  let currentPageDokumentasi = 1;\r\n  const rowsPerPageDokumentasi = 12;\r\n  let sortAscDokumentasi = true;\r\n\r\n  function loadFilesDokumentasi(folderId) {\r\n    fetch(`https:\/\/www.googleapis.com\/drive\/v3\/files?q='${folderId}'+in+parents&key=${apiKey}&fields=files(id,name,thumbnailLink,mimeType)&pageSize=1000`)\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        filesDokumentasi = data.files || [];\r\n        renderGridDokumentasi();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderGridDokumentasi() {\r\n    const container = document.getElementById(\"fileGridDokumentasi\");\r\n    container.innerHTML = '';\r\n    let start = (currentPageDokumentasi - 1) * rowsPerPageDokumentasi;\r\n    let end = start + rowsPerPageDokumentasi;\r\n    let paginated = filesDokumentasi.slice(start, end);\r\n\r\n    paginated.forEach(file => {\r\n      let thumb = file.thumbnailLink || (file.mimeType.startsWith('image\/') ? \r\n                  `https:\/\/drive.google.com\/thumbnail?id=${file.id}&sz=w180-h120` : \r\n                  'https:\/\/via.placeholder.com\/180x120?text=Preview');\r\n\r\n      let card = document.createElement('div');\r\n      card.className = 'file-card';\r\n      card.innerHTML = `\r\n        <img decoding=\"async\" src=\"${thumb}\" onclick=\"openPreview('${file.id}')\">\r\n        <div class=\"file-name\" title=\"${file.name}\">${file.name}<\/div>\r\n        <a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>\r\n      `;\r\n      container.appendChild(card);\r\n    });\r\n\r\n    document.getElementById(\"pageInfoDokumentasi\").innerText =\r\n      `Halaman ${currentPageDokumentasi} dari ${Math.ceil(filesDokumentasi.length \/ rowsPerPageDokumentasi)}`;\r\n    document.getElementById(\"prevBtnDokumentasi\").disabled = currentPageDokumentasi === 1;\r\n    document.getElementById(\"nextBtnDokumentasi\").disabled = currentPageDokumentasi === Math.ceil(filesDokumentasi.length \/ rowsPerPageDokumentasi);\r\n  }\r\n\r\n  function prevPageDokumentasi() {\r\n    if (currentPageDokumentasi > 1) { currentPageDokumentasi--; renderGridDokumentasi(); }\r\n  }\r\n  function nextPageDokumentasi() {\r\n    if (currentPageDokumentasi < Math.ceil(filesDokumentasi.length \/ rowsPerPageDokumentasi)) { currentPageDokumentasi++; renderGridDokumentasi(); }\r\n  }\r\n\r\n  function searchGridDokumentasi(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesDokumentasi.filter(f => f.name.toLowerCase().includes(filter));\r\n    const container = document.getElementById(\"fileGridDokumentasi\");\r\n    container.innerHTML = '';\r\n    filtered.forEach(file => {\r\n      let thumb = file.thumbnailLink || (file.mimeType.startsWith('image\/') ? \r\n                  `https:\/\/drive.google.com\/thumbnail?id=${file.id}&sz=w180-h120` : \r\n                  'https:\/\/via.placeholder.com\/180x120?text=Preview');\r\n\r\n      let card = document.createElement('div');\r\n      card.className = 'file-card';\r\n      card.innerHTML = `\r\n        <img decoding=\"async\" src=\"${thumb}\" onclick=\"openPreview('${file.id}')\">\r\n        <div class=\"file-name\" title=\"${file.name}\">${file.name}<\/div>\r\n        <a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>\r\n      `;\r\n      container.appendChild(card);\r\n    });\r\n    document.getElementById(\"pageInfoDokumentasi\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtnDokumentasi\").disabled = true;\r\n    document.getElementById(\"nextBtnDokumentasi\").disabled = true;\r\n  }\r\n\r\n  function sortGridDokumentasi() {\r\n    filesDokumentasi.sort((a,b) => sortAscDokumentasi ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAscDokumentasi = !sortAscDokumentasi;\r\n    currentPageDokumentasi = 1;\r\n    renderGridDokumentasi();\r\n  }\r\n\r\n  \/\/ ===== Modal Functions =====\r\n  function openPreview(fileId) {\r\n    document.getElementById(\"previewFrame\").src = `https:\/\/drive.google.com\/file\/d\/${fileId}\/preview`;\r\n    document.getElementById(\"downloadLink\").href = `https:\/\/drive.google.com\/uc?export=download&id=${fileId}`;\r\n    document.getElementById(\"previewModal\").style.display = \"block\";\r\n  }\r\n  function closeModal() {\r\n    document.getElementById(\"previewModal\").style.display = \"none\";\r\n    document.getElementById(\"previewFrame\").src = \"\";\r\n  }\r\n  window.onclick = function(event) {\r\n    if (event.target === document.getElementById(\"previewModal\")) { closeModal(); }\r\n  }\r\n\r\n  \/\/ \ud83d\udd39 load awal\r\n  loadFilesDokumentasi(folderIdDokumentasi);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1725181452\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1725181452\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-6c48a97 e-con-full e-flex e-con e-child\" data-id=\"6c48a97\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ae7d583 e-con-full e-flex e-con e-child\" data-id=\"ae7d583\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a08b08c elementor-widget elementor-widget-heading\" data-id=\"a08b08c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Notula Rapat\/Kegiatan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13b1b23 elementor-widget elementor-widget-heading\" data-id=\"13b1b23\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><i>Format Nama: Tanggal Kegiatan(YYYYMMDD)_[Nama Kegiatan]<\/i><br><i>Contoh: 20250505_Notula Rapat Rutin<\/i><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ecb719 elementor-widget elementor-widget-button\" data-id=\"7ecb719\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/document\/d\/1u-eLgFqc6xdqT3S5NAnQ7UvvHR9ceLWU\/export?format=docx\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-download\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Template<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3690ecb elementor-widget elementor-widget-button\" data-id=\"3690ecb\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/drive.google.com\/drive\/folders\/1NNWei-KQMXe5lQeDG9vGuhGJBTdHrsBj?usp=sharing\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-upload\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Upload Notula<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-280a2cc elementor-widget elementor-widget-html\" data-id=\"280a2cc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n  table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-family: Poppins, sans-serif;\r\n    margin-bottom: 20px;\r\n  }\r\n  th {\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    padding: 5px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n  td {\r\n    padding: 6px;\r\n    border-bottom: 1px solid #ddd;\r\n    color: #344660;\r\n    text-align: left;\r\n  }\r\n  a.btn {\r\n    padding: 6px 12px;\r\n    text-decoration: none;\r\n    border-radius: 2px;\r\n    color: #f9f0df;\r\n    background-color: #c85c42;\r\n  }\r\n  .search-box {\r\n    margin: 10px 0;\r\n    padding: 6px;\r\n    width: 300px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 3px;\r\n    color: #000000;\r\n  }\r\n  .search-box::placeholder {\r\n    color: #000000 !important;\r\n    opacity: 1;\r\n  }\r\n        input.search-box {\r\n      color: #000000 !important;\r\n      opacity: 0.9 !important;\r\n    }\r\n  .pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-top: 15px;\r\n  }\r\n  .pagination button {\r\n    padding: 6px 12px;\r\n    border: none;\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n  }\r\n  .pagination button:disabled {\r\n    background-color: #ccc;\r\n    cursor: not-allowed;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n  <input type=\"text\" class=\"search-box\" placeholder=\"Cari Dokumen...\" onkeyup=\"searchTableGaleri(this.value)\">\r\n  <table id=\"fileTableGaleri\">\r\n    <tr>\r\n      <th onclick=\"sortTableGaleri()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n      <th>Lihat<\/th>\r\n      <th>Download<\/th>\r\n    <\/tr>\r\n  <\/table>\r\n  <div class=\"pagination\">\r\n    <button onclick=\"prevPageGaleri()\" id=\"prevBtnGaleri\">Prev<\/button>\r\n    <span id=\"pageInfoGaleri\"><\/span>\r\n    <button onclick=\"nextPageGaleri()\" id=\"nextBtnGaleri\">Next<\/button>\r\n  <\/div>\r\n\r\n<script>\r\n  const folderIdGaleri = \"1NNWei-KQMXe5lQeDG9vGuhGJBTdHrsBj\"; \/\/ Ganti ID folder galeri\r\n\r\n  let filesGaleri = [];\r\n  let currentPageGaleri = 1;\r\n  const rowsPerPageGaleri = 10;\r\n  let sortAscGaleri = true;\r\n\r\n  function loadFilesGaleri(folderId) {\r\n    fetch(`https:\/\/www.googleapis.com\/drive\/v3\/files?q='${folderId}'+in+parents&key=${apiKey}&fields=files(id,name)&pageSize=1000`)\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        filesGaleri = data.files || [];\r\n        renderTableGaleri();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableGaleri() {\r\n    const table = document.getElementById(\"fileTableGaleri\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableGaleri()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    let start = (currentPageGaleri - 1) * rowsPerPageGaleri;\r\n    let end = start + rowsPerPageGaleri;\r\n    let paginated = filesGaleri.slice(start, end);\r\n\r\n    paginated.forEach(file => {\r\n      let row = table.insertRow();\r\n      row.insertCell(0).innerText = file.name;\r\n      row.insertCell(1).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoGaleri\").innerText =\r\n      `Halaman ${currentPageGaleri} dari ${Math.ceil(filesGaleri.length \/ rowsPerPageGaleri)}`;\r\n    document.getElementById(\"prevBtnGaleri\").disabled = currentPageGaleri === 1;\r\n    document.getElementById(\"nextBtnGaleri\").disabled = currentPageGaleri === Math.ceil(filesGaleri.length \/ rowsPerPageGaleri);\r\n  }\r\n\r\n  function prevPageGaleri() {\r\n    if (currentPageGaleri > 1) {\r\n      currentPageGaleri--;\r\n      renderTableGaleri();\r\n    }\r\n  }\r\n  function nextPageGaleri() {\r\n    if (currentPageGaleri < Math.ceil(filesGaleri.length \/ rowsPerPageGaleri)) {\r\n      currentPageGaleri++;\r\n      renderTableGaleri();\r\n    }\r\n  }\r\n  function searchTableGaleri(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesGaleri.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableGaleri\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableGaleri()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    filtered.forEach(file => {\r\n      let row = table.insertRow();\r\n      row.insertCell(0).innerText = file.name;\r\n      row.insertCell(1).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n    document.getElementById(\"pageInfoGaleri\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtnGaleri\").disabled = true;\r\n    document.getElementById(\"nextBtnGaleri\").disabled = true;\r\n  }\r\n  function sortTableGaleri() {\r\n    filesGaleri.sort((a, b) => sortAscGaleri ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAscGaleri = !sortAscGaleri;\r\n    currentPageGaleri = 1;\r\n    renderTableGaleri();\r\n  }\r\n\r\n  loadFilesGaleri(folderIdGaleri);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1725181453\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1725181453\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-74968ad e-con-full e-flex e-con e-child\" data-id=\"74968ad\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3d0718c e-con-full e-flex e-con e-child\" data-id=\"3d0718c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b2b348 elementor-widget elementor-widget-heading\" data-id=\"0b2b348\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Daftar Hadir Rapat\/Kegiatan<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edcc57b elementor-widget elementor-widget-heading\" data-id=\"edcc57b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><i>Format Nama: Tanggal Kegiatan(YYYYMMDD)_[Nama Kegiatan]<\/i><br><i>Contoh: 20250505_Daftar Hadir Rapat Rutin<\/i><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b12826a elementor-widget elementor-widget-button\" data-id=\"b12826a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/document\/d\/1bUnzW1Wz6yemh2q2RuRI5gABxwWBTolX\/export?format=docx\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-download\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Template (internal)<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a215c2 elementor-widget elementor-widget-button\" data-id=\"4a215c2\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/docs.google.com\/document\/d\/1kPzpXarN2Z16JqXJ7-sx-_Yi5og8jkLB\/export?format=docx\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-download\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download Template (Eksternal)<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef185c2 elementor-widget elementor-widget-button\" data-id=\"ef185c2\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/drive.google.com\/drive\/folders\/17gsQ2xbArBeD0gftUFJJcd82twpnaFR8?usp=sharing\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-file-upload\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Upload Daftar Hadir<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45e069c elementor-widget elementor-widget-html\" data-id=\"45e069c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n  table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-family: Poppins, sans-serif;\r\n    margin-bottom: 20px;\r\n  }\r\n  th {\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    padding: 5px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n  }\r\n  td {\r\n    padding: 6px;\r\n    border-bottom: 1px solid #ddd;\r\n    color: #344660;\r\n    text-align: left;\r\n  }\r\n  a.btn {\r\n    padding: 6px 12px;\r\n    text-decoration: none;\r\n    border-radius: 2px;\r\n    color: #f9f0df;\r\n    background-color: #c85c42;\r\n  }\r\n  .search-box {\r\n    margin: 10px 0;\r\n    padding: 6px;\r\n    width: 300px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 3px;\r\n    color: #000000;\r\n  }\r\n  .search-box::placeholder {\r\n    color: #000000 !important;\r\n    opacity: 1;\r\n  }\r\n      input.search-box {\r\n      color: #000000 !important;\r\n      opacity: 0.9 !important;\r\n    }\r\n  .pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-top: 15px;\r\n  }\r\n  .pagination button {\r\n    padding: 6px 12px;\r\n    border: none;\r\n    background-color: #344660;\r\n    color: #f9f0df;\r\n    cursor: pointer;\r\n    border-radius: 3px;\r\n  }\r\n  .pagination button:disabled {\r\n    background-color: #ccc;\r\n    cursor: not-allowed;\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n  <input type=\"text\" class=\"search-box\" placeholder=\"Cari Dokumen...\" onkeyup=\"searchTableHadir(this.value)\">\r\n  <table id=\"fileTableHadir\">\r\n    <tr>\r\n      <th onclick=\"sortTableHadir()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n      <th>Lihat<\/th>\r\n      <th>Download<\/th>\r\n    <\/tr>\r\n  <\/table>\r\n  <div class=\"pagination\">\r\n    <button onclick=\"prevPageHadir()\" id=\"prevBtnHadir\">Prev<\/button>\r\n    <span id=\"pageInfoHadir\"><\/span>\r\n    <button onclick=\"nextPageHadir()\" id=\"nextBtnHadir\">Next<\/button>\r\n  <\/div>\r\n\r\n<script>\r\n  const folderIdHadir = \"17gsQ2xbArBeD0gftUFJJcd82twpnaFR8\"; \/\/ Ganti dengan ID folder Daftar Hadir\r\n\r\n  let filesHadir = [];\r\n  let currentPageHadir = 1;\r\n  const rowsPerPageHadir = 10;\r\n  let sortAscHadir = true;\r\n\r\n  function loadFilesHadir(folderId) {\r\n    fetch(`https:\/\/www.googleapis.com\/drive\/v3\/files?q='${folderId}'+in+parents&key=${apiKey}&fields=files(id,name)&pageSize=1000`)\r\n      .then(res => res.json())\r\n      .then(data => {\r\n        filesHadir = data.files || [];\r\n        renderTableHadir();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableHadir() {\r\n    const table = document.getElementById(\"fileTableHadir\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableHadir()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    let start = (currentPageHadir - 1) * rowsPerPageHadir;\r\n    let end = start + rowsPerPageHadir;\r\n    let paginated = filesHadir.slice(start, end);\r\n\r\n    paginated.forEach(file => {\r\n      let row = table.insertRow();\r\n      row.insertCell(0).innerText = file.name;\r\n      row.insertCell(1).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoHadir\").innerText =\r\n      `Halaman ${currentPageHadir} dari ${Math.ceil(filesHadir.length \/ rowsPerPageHadir)}`;\r\n    document.getElementById(\"prevBtnHadir\").disabled = currentPageHadir === 1;\r\n    document.getElementById(\"nextBtnHadir\").disabled = currentPageHadir === Math.ceil(filesHadir.length \/ rowsPerPageHadir);\r\n  }\r\n\r\n  function prevPageHadir() {\r\n    if (currentPageHadir > 1) {\r\n      currentPageHadir--;\r\n      renderTableHadir();\r\n    }\r\n  }\r\n  function nextPageHadir() {\r\n    if (currentPageHadir < Math.ceil(filesHadir.length \/ rowsPerPageHadir)) {\r\n      currentPageHadir++;\r\n      renderTableHadir();\r\n    }\r\n  }\r\n  function searchTableHadir(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesHadir.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableHadir\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableHadir()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    filtered.forEach(file => {\r\n      let row = table.insertRow();\r\n      row.insertCell(0).innerText = file.name;\r\n      row.insertCell(1).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML = `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n    document.getElementById(\"pageInfoHadir\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtnHadir\").disabled = true;\r\n    document.getElementById(\"nextBtnHadir\").disabled = true;\r\n  }\r\n  function sortTableHadir() {\r\n    filesHadir.sort((a, b) => sortAscHadir ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAscHadir = !sortAscHadir;\r\n    currentPageHadir = 1;\r\n    renderTableHadir();\r\n  }\r\n\r\n  loadFilesHadir(folderIdHadir);\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reformasi Birokrasi (RB) CTRL + F untuk pencarian LKE ZI Lembar Kerja Evaluasi ZI 2024 2025 Bukti Dukung LKE ZI Tempat penyimpanan bersama tim RB 2024 2025 Drive RB Tempat penyimpanan bersama tim RB Dokumen Kegiatan Dokumentasi Notula Daftar Hadir Dokumentasi Kegiatan Format Nama: Tanggal Kegiatan(YYYYMMDD)_[Nama Kegiatan]Contoh: 20250505_Rapat Rutin Upload Foto Urutkan A-Z \/ Z-A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1444","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/1444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/comments?post=1444"}],"version-history":[{"count":19,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/1444\/revisions"}],"predecessor-version":[{"id":3000,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/1444\/revisions\/3000"}],"wp:attachment":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/media?parent=1444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}