{"id":3200,"date":"2025-10-03T03:08:20","date_gmt":"2025-10-03T07:08:20","guid":{"rendered":"https:\/\/bpsjembrana.online\/jelita\/?page_id=3200"},"modified":"2026-01-18T10:23:30","modified_gmt":"2026-01-18T15:23:30","slug":"manajemen-sdm","status":"publish","type":"page","link":"https:\/\/bpsjembrana.online\/jelita\/manajemen-sdm\/","title":{"rendered":"Manajemen SDM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3200\" class=\"elementor elementor-3200\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5544737 e-flex e-con-boxed e-con e-parent\" data-id=\"5544737\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9c9d885 e-flex e-con-boxed e-con e-child\" data-id=\"9c9d885\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fd1816 elementor-widget elementor-widget-heading\" data-id=\"7fd1816\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Manajemen SDM<\/h2>\t\t\t\t<\/div>\n\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-9065b02 e-con-full e-flex e-con e-parent\" data-id=\"9065b02\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4724db e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"b4724db\" 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=\"189211867\" 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-1892118671\" data-tab-title-id=\"e-n-tab-title-1892118671\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1892118671\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t3.i\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1892118672\" data-tab-title-id=\"e-n-tab-title-1892118672\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1892118672\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t3.ii\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1892118673\" data-tab-title-id=\"e-n-tab-title-1892118673\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1892118673\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t3.iii\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-1892118671\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1892118671\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-9e15317 e-con-full e-flex e-con e-child\" data-id=\"9e15317\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b0d428 elementor-widget elementor-widget-heading\" data-id=\"6b0d428\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.i. Kinerja Individu\t\t<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a69f4ca elementor-widget elementor-widget-n-accordion\" data-id=\"a69f4ca\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1740\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1740\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> 3.i.a <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1740\" class=\"elementor-element elementor-element-84535e9 e-con-full e-flex e-con e-child\" data-id=\"84535e9\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1740\" class=\"elementor-element elementor-element-c9e007d e-con-full e-flex e-con e-child\" data-id=\"c9e007d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5deb262 elementor-widget elementor-widget-heading\" data-id=\"5deb262\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.i.a. Ukuran kinerja individu telah berorientasi hasil (outcome) sesuai pada levelnya<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1555eb0 elementor-widget elementor-widget-heading\" data-id=\"1555eb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Format Nama: [Aspek].[Pilar].[Sub Pilar].[Pertanyaan].(no urut) + tahun + nama file<br>Contoh: II.3.i.a.(i) Kepka BPS No. 281 Tahun 2021 - ABK BPS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abde89a e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"abde89a\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;center&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=\"180218010\" 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-1802180101\" data-tab-title-id=\"e-n-tab-title-1802180101\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1802180101\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPdf\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1802180102\" data-tab-title-id=\"e-n-tab-title-1802180102\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1802180102\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tWord\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 role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-1740 e-n-tab-title-1802180101\" id=\"e-n-tab-content-1802180101\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-a580d67 e-con-full e-flex e-con e-child\" data-id=\"a580d67\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9315657 elementor-widget elementor-widget-button\" data-id=\"9315657\" 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\/1I2ecprjuwzFcbmBpKYM84B55_9PNvO_f?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 Dokumen<\/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-5acfc1d elementor-widget elementor-widget-html\" data-id=\"5acfc1d\" 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=\"searchTableA(this.value)\">\r\n  <table id=\"fileTableA\">\r\n    <tr>\r\n      <th onclick=\"sortTableA()\">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=\"prevPageA()\" id=\"prevBtnA\">Prev<\/button>\r\n    <span id=\"pageInfoA\"><\/span>\r\n    <button onclick=\"nextPageA()\" id=\"nextBtnA\">Next<\/button>\r\n  <\/div>\r\n\r\n<script>\r\n  \/\/ ==== GANTI DI SINI ====\r\n  const apiKey = \"AIzaSyAfW3jwiv8iTGIWzIEAkBdSOs0e1CyPXdE\"; \/\/ API Key kamu\r\n  const folderIdA = \"1I2ecprjuwzFcbmBpKYM84B55_9PNvO_f\"; \/\/ Folder A\r\n  \r\n\r\n  let filesA = [];\r\n  let currentPageA = 1;\r\n  const rowsPerPageA = 10;\r\n  let sortAscA = true;\r\n\r\n  function loadFilesA(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        filesA = data.files || [];\r\n        renderTableA();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableA() {\r\n    const table = document.getElementById(\"fileTableA\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableA()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    let start = (currentPageA - 1) * rowsPerPageA;\r\n    let end = start + rowsPerPageA;\r\n    let paginated = filesA.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(\"pageInfoA\").innerText =\r\n      `Halaman ${currentPageA} dari ${Math.ceil(filesA.length \/ rowsPerPageA)}`;\r\n    document.getElementById(\"prevBtnA\").disabled = currentPageA === 1;\r\n    document.getElementById(\"nextBtnA\").disabled = currentPageA === Math.ceil(filesA.length \/ rowsPerPageA);\r\n  }\r\n\r\n  function prevPageA() {\r\n    if (currentPageA > 1) {\r\n      currentPageA--;\r\n      renderTableA();\r\n    }\r\n  }\r\n  function nextPageA() {\r\n    if (currentPageA < Math.ceil(filesA.length \/ rowsPerPageA)) {\r\n      currentPageA++;\r\n      renderTableA();\r\n    }\r\n  }\r\n  function searchTableA(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesA.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableA\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableA()\">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(\"pageInfoA\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtnA\").disabled = true;\r\n    document.getElementById(\"nextBtnA\").disabled = true;\r\n  }\r\n  function sortTableA() {\r\n    filesA.sort((a, b) => sortAscA ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAscA = !sortAscA;\r\n    currentPageA = 1;\r\n    renderTableA();\r\n  }\r\n\r\n  loadFilesA(folderIdA);\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<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-1740 e-n-tab-title-1802180102\" id=\"e-n-tab-content-1802180102\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-7f1d18d e-con-full e-flex e-con e-child\" data-id=\"7f1d18d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e2521c elementor-widget elementor-widget-button\" data-id=\"9e2521c\" 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\/1NgjAYmmK8Fs0dodVv7_q3tN3vWeeGfZr?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 Dokumen<\/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-a077554 elementor-widget elementor-widget-html\" data-id=\"a077554\" 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\r\n<input type=\"text\" class=\"search-box\" placeholder=\"Cari Dokumen...\" onkeyup=\"searchTableWordA(this.value)\">\r\n\r\n<table id=\"fileTableWordA\">\r\n  <tr>\r\n    <th onclick=\"sortTableWordA()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n    <th>Lihat<\/th>\r\n    <th>Download<\/th>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<div class=\"pagination\">\r\n  <button onclick=\"prevPageWordA()\" id=\"prevBtnWordA\">Prev<\/button>\r\n  <span id=\"pageInfoWordA\"><\/span>\r\n  <button onclick=\"nextPageWordA()\" id=\"nextBtnWordA\">Next<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const folderIdWordA = \"1NgjAYmmK8Fs0dodVv7_q3tN3vWeeGfZr\"; \/\/ Folder Word A\r\n\r\n  let filesWordA = [];\r\n  let currentPageWordA = 1;\r\n  const rowsPerPageWordA = 10;\r\n  let sortAscWordA = true;\r\n\r\n  function loadFilesWordA(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        filesWordA = data.files || [];\r\n        renderTableWordA();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableWordA() {\r\n    const table = document.getElementById(\"fileTableWordA\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWordA()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\r\n    let start = (currentPageWordA - 1) * rowsPerPageWordA;\r\n    let end = start + rowsPerPageWordA;\r\n    let paginated = filesWordA.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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWordA\").innerText =\r\n      `Halaman ${currentPageWordA} dari ${Math.ceil(filesWordA.length \/ rowsPerPageWordA)}`;\r\n\r\n    document.getElementById(\"prevBtnWordA\").disabled = currentPageWordA === 1;\r\n    document.getElementById(\"nextBtnWordA\").disabled =\r\n      currentPageWordA === Math.ceil(filesWordA.length \/ rowsPerPageWordA);\r\n  }\r\n\r\n  function prevPageWordA() {\r\n    if (currentPageWordA > 1) {\r\n      currentPageWordA--;\r\n      renderTableWordA();\r\n    }\r\n  }\r\n\r\n  function nextPageWordA() {\r\n    if (currentPageWordA < Math.ceil(filesWordA.length \/ rowsPerPageWordA)) {\r\n      currentPageWordA++;\r\n      renderTableWordA();\r\n    }\r\n  }\r\n\r\n  function searchTableWordA(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesWordA.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableWordA\");\r\n\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWordA()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWordA\").innerText =\r\n      `Ditemukan ${filtered.length} dokumen`;\r\n\r\n    document.getElementById(\"prevBtnWordA\").disabled = true;\r\n    document.getElementById(\"nextBtnWordA\").disabled = true;\r\n  }\r\n\r\n  function sortTableWordA() {\r\n    filesWordA.sort((a, b) =>\r\n      sortAscWordA ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name)\r\n    );\r\n    sortAscWordA = !sortAscWordA;\r\n    currentPageWordA = 1;\r\n    renderTableWordA();\r\n  }\r\n\r\n  loadFilesWordA(folderIdWordA);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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 class=\"elementor-element elementor-element-8ac4022 elementor-widget elementor-widget-heading\" data-id=\"8ac4022\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><u>Catatan Perbaikan:<\/u><br>update bukti dukung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1892118672\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1892118672\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-04587dc e-con-full e-flex e-con e-child\" data-id=\"04587dc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f2934 elementor-widget elementor-widget-heading\" data-id=\"d4f2934\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.ii. <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf29ec3 elementor-widget elementor-widget-n-accordion\" data-id=\"cf29ec3\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2170\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2170\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> 3.ii.a <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2170\" class=\"elementor-element elementor-element-3999ac4 e-con-full e-flex e-con e-child\" data-id=\"3999ac4\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2170\" class=\"elementor-element elementor-element-038f31e e-con-full e-flex e-con e-child\" data-id=\"038f31e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5e1be elementor-widget elementor-widget-heading\" data-id=\"cd5e1be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.ii.a. Hasil assement telah dijadikan pertimbangan untuk mutasi dan pengembangan karir pegawai<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa51c86 elementor-widget elementor-widget-heading\" data-id=\"fa51c86\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Format Nama: [Aspek].[Pilar].[Sub Pilar].[Pertanyaan].(no urut) + tahun + nama file<br>Contoh: II.3.ii.a.(i) Kepka BPS No. 281 Tahun 2021 - ABK BPS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddb8b4d e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"ddb8b4d\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;center&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=\"232491853\" 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-2324918531\" data-tab-title-id=\"e-n-tab-title-2324918531\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2324918531\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPdf\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-2324918532\" data-tab-title-id=\"e-n-tab-title-2324918532\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-2324918532\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tWord\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 role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-2170 e-n-tab-title-2324918531\" id=\"e-n-tab-content-2324918531\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-69d111e e-con-full e-flex e-con e-child\" data-id=\"69d111e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceee498 elementor-widget elementor-widget-button\" data-id=\"ceee498\" 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\/13Lg72aMsF7bjG-oAQRxjNmz-YWxXKEAz?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 Dokumen<\/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-727b357 elementor-widget elementor-widget-html\" data-id=\"727b357\" 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=\"searchTable2A(this.value)\">\r\n  <table id=\"fileTable2A\">\r\n    <tr>\r\n      <th onclick=\"sortTable2A()\">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=\"prevPage2A()\" id=\"prevBtn2A\">Prev<\/button>\r\n    <span id=\"pageInfo2A\"><\/span>\r\n    <button onclick=\"nextPage2A()\" id=\"nextBtn2A\">Next<\/button>\r\n  <\/div>\r\n\r\n<script>\r\n  const folderId2A = \"13Lg72aMsF7bjG-oAQRxjNmz-YWxXKEAz\"; \/\/ Folder 2A\r\n\r\n  let files2A = [];\r\n  let currentPage2A = 1;\r\n  const rowsPerPage2A = 10;\r\n  let sortAsc2A = true;\r\n\r\n  function loadFiles2A(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        files2A = data.files || [];\r\n        renderTable2A();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTable2A() {\r\n    const table = document.getElementById(\"fileTable2A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTable2A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    let start = (currentPage2A - 1) * rowsPerPage2A;\r\n    let end = start + rowsPerPage2A;\r\n    let paginated = files2A.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(\"pageInfo2A\").innerText =\r\n      `Halaman ${currentPage2A} dari ${Math.ceil(files2A.length \/ rowsPerPage2A)}`;\r\n    document.getElementById(\"prevBtn2A\").disabled = currentPage2A === 1;\r\n    document.getElementById(\"nextBtn2A\").disabled = currentPage2A === Math.ceil(files2A.length \/ rowsPerPage2A);\r\n  }\r\n\r\n  function prevPage2A() {\r\n    if (currentPage2A > 1) {\r\n      currentPage2A--;\r\n      renderTable2A();\r\n    }\r\n  }\r\n  function nextPage2A() {\r\n    if (currentPage2A < Math.ceil(files2A.length \/ rowsPerPage2A)) {\r\n      currentPage2A++;\r\n      renderTable2A();\r\n    }\r\n  }\r\n  function searchTable2A(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = files2A.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTable2A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTable2A()\">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(\"pageInfo2A\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtn2A\").disabled = true;\r\n    document.getElementById(\"nextBtn2A\").disabled = true;\r\n  }\r\n  function sortTable2A() {\r\n    files2A.sort((a, b) => sortAsc2A ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAsc2A = !sortAsc2A;\r\n    currentPage2A = 1;\r\n    renderTable2A();\r\n  }\r\n\r\n  loadFiles2A(folderId2A);\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<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-2170 e-n-tab-title-2324918532\" id=\"e-n-tab-content-2324918532\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-65e3f3a e-con-full e-flex e-con e-child\" data-id=\"65e3f3a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9b874 elementor-widget elementor-widget-button\" data-id=\"ea9b874\" 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\/16Xfsf2BescPAfMleg7EW7_UoafalaFKs?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 Dokumen<\/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-0dc0c93 elementor-widget elementor-widget-html\" data-id=\"0dc0c93\" 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\r\n<input type=\"text\" class=\"search-box\" placeholder=\"Cari Dokumen...\" onkeyup=\"searchTableWord2A(this.value)\">\r\n\r\n<table id=\"fileTableWord2A\">\r\n  <tr>\r\n    <th onclick=\"sortTableWord2A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n    <th>Lihat<\/th>\r\n    <th>Download<\/th>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<div class=\"pagination\">\r\n  <button onclick=\"prevPageWord2A()\" id=\"prevBtnWord2A\">Prev<\/button>\r\n  <span id=\"pageInfoWord2A\"><\/span>\r\n  <button onclick=\"nextPageWord2A()\" id=\"nextBtnWord2A\">Next<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const folderIdWord2A = \"16Xfsf2BescPAfMleg7EW7_UoafalaFKs\"; \/\/ Folder Word2A\r\n\r\n  let filesWord2A = [];\r\n  let currentPageWord2A = 1;\r\n  const rowsPerPageWord2A = 10;\r\n  let sortAscWord2A = true;\r\n\r\n  function loadFilesWord2A(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        filesWord2A = data.files || [];\r\n        renderTableWord2A();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableWord2A() {\r\n    const table = document.getElementById(\"fileTableWord2A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWord2A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\r\n    let start = (currentPageWord2A - 1) * rowsPerPageWord2A;\r\n    let end = start + rowsPerPageWord2A;\r\n    let paginated = filesWord2A.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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWord2A\").innerText =\r\n      `Halaman ${currentPageWord2A} dari ${Math.ceil(filesWord2A.length \/ rowsPerPageWord2A)}`;\r\n\r\n    document.getElementById(\"prevBtnWord2A\").disabled = currentPageWord2A === 1;\r\n    document.getElementById(\"nextBtnWord2A\").disabled =\r\n      currentPageWord2A === Math.ceil(filesWord2A.length \/ rowsPerPageWord2A);\r\n  }\r\n\r\n  function prevPageWord2A() {\r\n    if (currentPageWord2A > 1) {\r\n      currentPageWord2A--;\r\n      renderTableWord2A();\r\n    }\r\n  }\r\n\r\n  function nextPageWord2A() {\r\n    if (currentPageWord2A < Math.ceil(filesWord2A.length \/ rowsPerPageWord2A)) {\r\n      currentPageWord2A++;\r\n      renderTableWord2A();\r\n    }\r\n  }\r\n\r\n  function searchTableWord2A(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesWord2A.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableWord2A\");\r\n\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWord2A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWord2A\").innerText =\r\n      `Ditemukan ${filtered.length} dokumen`;\r\n\r\n    document.getElementById(\"prevBtnWord2A\").disabled = true;\r\n    document.getElementById(\"nextBtnWord2A\").disabled = true;\r\n  }\r\n\r\n  function sortTableWord2A() {\r\n    filesWord2A.sort((a, b) =>\r\n      sortAscWord2A ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name)\r\n    );\r\n    sortAscWord2A = !sortAscWord2A;\r\n    currentPageWord2A = 1;\r\n    renderTableWord2A();\r\n  }\r\n\r\n  loadFilesWord2A(folderIdWord2A);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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 class=\"elementor-element elementor-element-8e3b372 elementor-widget elementor-widget-heading\" data-id=\"8e3b372\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><u>Catatan Perbaikan:<\/u><br>Bukti dukung tidak dapat membuktikan bahwa hasil assessment telah dijadikan pertimbangan untuk mutasi dan pengembangan karir pegawai.<br><br><u>Dokumen yang dibutuhkan:<\/u><br> - Surat usulan terkait mutasi dan\/atau pengembangan karir pegawai yang didasarkan pada hasil assessment\/uji kompetensi. (TPI)<br><br><u>Tindak Lanjut:<\/u><br>1. Update Bukti Dukung sebelumnya<br>2. Tambahkan Surat usulan terkait mutasi dan\/atau pengembangan karir pegawai yang didasarkan pada hasil assessment\/uji kompetensi\n\n <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1892118673\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1892118673\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-672ac3d e-con-full e-flex e-con e-child\" data-id=\"672ac3d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b21f66 elementor-widget elementor-widget-heading\" data-id=\"6b21f66\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.iii. Pelanggaran Disiplin Pegawai\t\t<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0257541 elementor-widget elementor-widget-n-accordion\" data-id=\"0257541\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2450\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2450\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> 3.iii.a <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2450\" class=\"elementor-element elementor-element-43f2d45 e-con-full e-flex e-con e-child\" data-id=\"43f2d45\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2450\" class=\"elementor-element elementor-element-a5d13dc e-con-full e-flex e-con e-child\" data-id=\"a5d13dc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29a58b9 elementor-widget elementor-widget-heading\" data-id=\"29a58b9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3.iii.a. Penurunan pelanggaran disiplin pegawai<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c467949 elementor-widget elementor-widget-heading\" data-id=\"c467949\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Format Nama: [Aspek].[Pilar].[Sub Pilar].[Pertanyaan].(no urut) + tahun + nama file<br>Contoh: II.3.iii.a.(i) Kepka BPS No. 281 Tahun 2021 - ABK BPS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-769fe50 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"769fe50\" data-element_type=\"widget\" data-settings=\"{&quot;tabs_justify_horizontal&quot;:&quot;center&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=\"124386896\" 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-1243868961\" data-tab-title-id=\"e-n-tab-title-1243868961\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1243868961\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPdf\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1243868962\" data-tab-title-id=\"e-n-tab-title-1243868962\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1243868962\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tWord\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 role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-2450 e-n-tab-title-1243868961\" id=\"e-n-tab-content-1243868961\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-850336c e-con-full e-flex e-con e-child\" data-id=\"850336c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d92544 elementor-widget elementor-widget-button\" data-id=\"8d92544\" 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\/1c32kAevun-rAFkcDKuE7gGyTuXw3fmHS?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 Dokumen<\/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-0b33a91 elementor-widget elementor-widget-html\" data-id=\"0b33a91\" 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=\"searchTable3A(this.value)\">\r\n  <table id=\"fileTable3A\">\r\n    <tr>\r\n      <th onclick=\"sortTable3A()\">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=\"prevPage3A()\" id=\"prevBtn3A\">Prev<\/button>\r\n    <span id=\"pageInfo3A\"><\/span>\r\n    <button onclick=\"nextPage3A()\" id=\"nextBtn3A\">Next<\/button>\r\n  <\/div>\r\n\r\n<script>\r\n  const folderId3A = \"1c32kAevun-rAFkcDKuE7gGyTuXw3fmHS\"; \/\/ Folder 3A\r\n  \r\n\r\n  let files3A = [];\r\n  let currentPage3A = 1;\r\n  const rowsPerPage3A = 10;\r\n  let sortAsc3A = true;\r\n\r\n  function loadFiles3A(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        files3A = data.files || [];\r\n        renderTable3A();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTable3A() {\r\n    const table = document.getElementById(\"fileTable3A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTable3A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n    let start = (currentPage3A - 1) * rowsPerPage3A;\r\n    let end = start + rowsPerPage3A;\r\n    let paginated = files3A.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(\"pageInfo3A\").innerText =\r\n      `Halaman ${currentPage3A} dari ${Math.ceil(files3A.length \/ rowsPerPage3A)}`;\r\n    document.getElementById(\"prevBtn3A\").disabled = currentPage3A === 1;\r\n    document.getElementById(\"nextBtn3A\").disabled = currentPage3A === Math.ceil(files3A.length \/ rowsPerPage3A);\r\n  }\r\n\r\n  function prevPage3A() {\r\n    if (currentPage3A > 1) {\r\n      currentPage3A--;\r\n      renderTable3A();\r\n    }\r\n  }\r\n\r\n  function nextPage3A() {\r\n    if (currentPage3A < Math.ceil(files3A.length \/ rowsPerPage3A)) {\r\n      currentPage3A++;\r\n      renderTable3A();\r\n    }\r\n  }\r\n\r\n  function searchTable3A(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = files3A.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTable3A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTable3A()\">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(\"pageInfo3A\").innerText = `Ditemukan ${filtered.length} dokumen`;\r\n    document.getElementById(\"prevBtn3A\").disabled = true;\r\n    document.getElementById(\"nextBtn3A\").disabled = true;\r\n  }\r\n\r\n  function sortTable3A() {\r\n    files3A.sort((a, b) => sortAsc3A ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name));\r\n    sortAsc3A = !sortAsc3A;\r\n    currentPage3A = 1;\r\n    renderTable3A();\r\n  }\r\n\r\n  loadFiles3A(folderId3A);\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<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-2450 e-n-tab-title-1243868962\" id=\"e-n-tab-content-1243868962\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-276fcba e-con-full e-flex e-con e-child\" data-id=\"276fcba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f526423 elementor-widget elementor-widget-button\" data-id=\"f526423\" 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\/1pDYhPRAFHMiOVkI77ZRedJa-iLrNRUhI?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 Dokumen<\/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-8faf082 elementor-widget elementor-widget-html\" data-id=\"8faf082\" 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\r\n<input type=\"text\" class=\"search-box\" placeholder=\"Cari Dokumen...\" onkeyup=\"searchTableWord3A(this.value)\">\r\n\r\n<table id=\"fileTableWord3A\">\r\n  <tr>\r\n    <th onclick=\"sortTableWord3A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n    <th>Lihat<\/th>\r\n    <th>Download<\/th>\r\n  <\/tr>\r\n<\/table>\r\n\r\n<div class=\"pagination\">\r\n  <button onclick=\"prevPageWord3A()\" id=\"prevBtnWord3A\">Prev<\/button>\r\n  <span id=\"pageInfoWord3A\"><\/span>\r\n  <button onclick=\"nextPageWord3A()\" id=\"nextBtnWord3A\">Next<\/button>\r\n<\/div>\r\n\r\n<script>\r\n  const folderIdWord3A = \"1pDYhPRAFHMiOVkI77ZRedJa-iLrNRUhI\"; \/\/ Folder Word3A\r\n\r\n  let filesWord3A = [];\r\n  let currentPageWord3A = 1;\r\n  const rowsPerPageWord3A = 10;\r\n  let sortAscWord3A = true;\r\n\r\n  function loadFilesWord3A(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        filesWord3A = data.files || [];\r\n        renderTableWord3A();\r\n      })\r\n      .catch(err => console.error(err));\r\n  }\r\n\r\n  function renderTableWord3A() {\r\n    const table = document.getElementById(\"fileTableWord3A\");\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWord3A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\r\n    let start = (currentPageWord3A - 1) * rowsPerPageWord3A;\r\n    let end = start + rowsPerPageWord3A;\r\n    let paginated = filesWord3A.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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWord3A\").innerText =\r\n      `Halaman ${currentPageWord3A} dari ${Math.ceil(filesWord3A.length \/ rowsPerPageWord3A)}`;\r\n\r\n    document.getElementById(\"prevBtnWord3A\").disabled = currentPageWord3A === 1;\r\n    document.getElementById(\"nextBtnWord3A\").disabled =\r\n      currentPageWord3A === Math.ceil(filesWord3A.length \/ rowsPerPageWord3A);\r\n  }\r\n\r\n  function prevPageWord3A() {\r\n    if (currentPageWord3A > 1) {\r\n      currentPageWord3A--;\r\n      renderTableWord3A();\r\n    }\r\n  }\r\n\r\n  function nextPageWord3A() {\r\n    if (currentPageWord3A < Math.ceil(filesWord3A.length \/ rowsPerPageWord3A)) {\r\n      currentPageWord3A++;\r\n      renderTableWord3A();\r\n    }\r\n  }\r\n\r\n  function searchTableWord3A(val) {\r\n    let filter = val.toLowerCase();\r\n    let filtered = filesWord3A.filter(f => f.name.toLowerCase().includes(filter));\r\n    const table = document.getElementById(\"fileTableWord3A\");\r\n\r\n    table.innerHTML = `\r\n      <tr>\r\n        <th onclick=\"sortTableWord3A()\">Nama Dokumen \u25b2\u25bc<\/th>\r\n        <th>Lihat<\/th>\r\n        <th>Download<\/th>\r\n      <\/tr>`;\r\n\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 =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/file\/d\/${file.id}\/preview\" target=\"_blank\">Lihat<\/a>`;\r\n      row.insertCell(2).innerHTML =\r\n        `<a class=\"btn\" href=\"https:\/\/drive.google.com\/uc?export=download&id=${file.id}\">Download<\/a>`;\r\n    });\r\n\r\n    document.getElementById(\"pageInfoWord3A\").innerText =\r\n      `Ditemukan ${filtered.length} dokumen`;\r\n\r\n    document.getElementById(\"prevBtnWord3A\").disabled = true;\r\n    document.getElementById(\"nextBtnWord3A\").disabled = true;\r\n  }\r\n\r\n  function sortTableWord3A() {\r\n    filesWord3A.sort((a, b) =>\r\n      sortAscWord3A ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name)\r\n    );\r\n    sortAscWord3A = !sortAscWord3A;\r\n    currentPageWord3A = 1;\r\n    renderTableWord3A();\r\n  }\r\n\r\n  loadFilesWord3A(folderIdWord3A);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\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 class=\"elementor-element elementor-element-f3a970d elementor-widget elementor-widget-heading\" data-id=\"f3a970d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><u>Catatan Perbaikan:<\/u><br>update bukti dukung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>3. Manajemen SDM 3.i 3.ii 3.iii 3.i. Kinerja Individu 3.i.a 3.i.a. Ukuran kinerja individu telah berorientasi hasil (outcome) sesuai pada levelnya Format Nama: [Aspek].[Pilar].[Sub Pilar].[Pertanyaan].(no urut) + tahun + nama fileContoh: II.3.i.a.(i) Kepka BPS No. 281 Tahun 2021 &#8211; ABK BPS Pdf Word Upload Dokumen Nama Dokumen \u25b2\u25bc Lihat Download Prev Next Upload Dokumen Nama [&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-3200","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/3200","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=3200"}],"version-history":[{"count":17,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/3200\/revisions"}],"predecessor-version":[{"id":3903,"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/pages\/3200\/revisions\/3903"}],"wp:attachment":[{"href":"https:\/\/bpsjembrana.online\/jelita\/wp-json\/wp\/v2\/media?parent=3200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}