{"id":1914,"date":"2026-04-09T08:56:06","date_gmt":"2026-04-09T08:56:06","guid":{"rendered":"https:\/\/lpm.stikes-hi.ac.id\/?page_id=1914"},"modified":"2026-04-17T05:53:24","modified_gmt":"2026-04-17T05:53:24","slug":"pusat-survei","status":"publish","type":"page","link":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/pusat-survei\/","title":{"rendered":"pusat survei"},"content":{"rendered":"\n

Maaf, halaman dalam pengembangan<\/h2>\n\n\n\n\n\n\n\n\nDisplay Data Realtime<\/title>\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n<style>\n.v2-rt-container {\nwidth: 100%;\nfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\nbackground: #ffffff;\nborder-radius: 6px;\noverflow: hidden; \nbox-sizing: border-box;\nborder: 1px solid #e0e0e0;\n}\n#v2_tabel_wrapper {\nwidth: 100%;\noverflow-x: auto; \n}\n.v2-rt-header {\nbackground-color: #6a1b9a !important;\ncolor: white !important;\nfont-weight: 600 !important;\ntext-align: left !important;\n}\n.v2-rt-cell {\npadding: 8px 12px !important;\nfont-size: 13px !important;\nborder-bottom: 1px solid #f0f0f0 !important;\ncolor: #3c4043 !important;\n}\n#v2_tabel_wrapper td:nth-child(1), #v2_tabel_wrapper th:nth-child(1),\n#v2_tabel_wrapper td:nth-child(3), #v2_tabel_wrapper th:nth-child(3),\n#v2_tabel_wrapper td:nth-child(4), #v2_tabel_wrapper th:nth-child(4),\n#v2_tabel_wrapper td:nth-child(5), #v2_tabel_wrapper th:nth-child(5),\n#v2_tabel_wrapper td:nth-child(6), #v2_tabel_wrapper th:nth-child(6),\n#v2_tabel_wrapper td:nth-child(7), #v2_tabel_wrapper th:nth-child(7) {\ntext-align: center !important;\n}\n.v2-rt-row-even {\nbackground-color: #ffffff !important;\n}\n.v2-rt-row-odd {\nbackground-color: #f8f9fa !important;\n}\n.v2-rt-row-hover {\nbackground-color: #f3e5f5 !important;\n}\n#v2_status_loader {\ntext-align: center;\npadding: 15px;\nfont-size: 12px;\ncolor: #666;\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"v2-rt-container\">\n<div id=\"v2_status_loader\">Sinkronisasi data…<\/div>\n<div id=\"v2_tabel_wrapper\"><\/div>\n<\/div>\n<script type=\"text\/javascript\">\nif (typeof google !== 'undefined' && google.charts) {\ngoogle.charts.load('current', {'packages':['table']});\ngoogle.charts.setOnLoadCallback(inisialisasiTabelV2);\n} else {\nconst script = document.createElement('script');\nscript.src = \"https:\/\/www.gstatic.com\/charts\/loader.js\";\nscript.onload = () => {\ngoogle.charts.load('current', {'packages':['table']});\ngoogle.charts.setOnLoadCallback(inisialisasiTabelV2);\n};\ndocument.head.appendChild(script);\n}\nfunction inisialisasiTabelV2() {\ntarikDataV2();\nsetInterval(tarikDataV2, 30000);\n}\nfunction tarikDataV2() {\nconst ssId = '12nS9WkEDX4hENxK6m2R-_HauTiasEcbOpQ2nBwE6Tsg';\nconst gId = '706471436';\nconst range = 'A14:G20'; \nconst url = `https:\/\/docs.google.com\/spreadsheets\/d\/${ssId}\/gviz\/tq?gid=${gId}&range=${range}`;\nconst query = new google.visualization.Query(url);\nquery.send(prosesResponseV2);\n}\nfunction prosesResponseV2(response) {\nif (response.isError()) {\nconsole.error('Error: ' + response.getMessage());\ndocument.getElementById('v2_status_loader').innerHTML = 'Gagal memperbarui data.';\nreturn;\n}\nconst data = response.getDataTable();\nconst visualisasi = new google.visualization.Table(document.getElementById('v2_tabel_wrapper'));\ndocument.getElementById('v2_status_loader').style.display = 'none';\nconst opsi = {\nshowRowNumber: false,\nwidth: '100%',\nheight: 'auto',\nallowHtml: true,\ncssClassNames: {\nheaderRow: 'v2-rt-header',\ntableCell: 'v2-rt-cell',\nheaderCell: 'v2-rt-header',\noddTableRow: 'v2-rt-row-odd',\nevenTableRow: 'v2-rt-row-even',\nhoverTableRow: 'v2-rt-row-hover'\n}\n};\nvisualisasi.draw(data, opsi);\n}\nwindow.addEventListener('resize', () => {\nif (typeof google !== 'undefined' && google.visualization) {\ntarikDataV2();\n}\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"header-academic-container\">\n <p class=\"title-academic\">Survei Kepuasan Stakeholder<\/p>\n<\/div>\n\n<style>\n .header-academic-container {\n display: flex;\n justify-content: center;\n width: 100%; \/* Memenuhi lebar layar *\/\n max-width: 100%; \/* Menghapus batasan 600px *\/\n margin: 20px 0 0; \n padding: 0 10px; \/* Padding agar tidak menyentuh ujung layar ponsel *\/\n box-sizing: border-box;\n }\n\n .title-academic {\n display: block; \/* Mengubah dari inline-block agar mengambil ruang penuh *\/\n width: 100%; \/* Memastikan elemen memenuhi kontainer *\/\n color: #ffffff !important; \n background-color: #673ab7; \n \n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n font-weight: 800;\n letter-spacing: 2px;\n padding: 12px 20px;\n border: 3px solid #673ab7; \n border-radius: 15px;\n margin: 0;\n position: relative;\n text-align: center; \/* Teks tetap di tengah *\/\n box-sizing: border-box;\n animation: floatUp 0.6s ease-out;\n }\n\n \/* Garis dekoratif dihilangkan karena lebar sudah penuh (menghindari overflow layar) *\/\n .title-academic::before,\n .title-academic::after {\n display: none;\n }\n\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(15px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @media (max-width: 480px) {\n .title-academic {\n font-size: 13px; \/* Ukuran teks lebih kecil untuk layar HP agar tidak terpotong *\/\n padding: 10px 15px;\n letter-spacing: 1px;\n }\n }\n<\/style>\n\n\n\n<div class=\"survey-container-row\">\n <a href=\"https:\/\/forms.gle\/mywQi2coRj7m3LAU6\" target=\"_blank\" class=\"btn-main\">\n Survei Kepuasan Dosen\n <\/a>\n\n <div class=\"share-group\">\n <button onclick=\"copyToClipboard()\" class=\"btn-icon btn-copy\" title=\"Salin Tautan\">\n <svg viewBox=\"0 0 24 24\" fill=\"#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM19 21H8V7H19V21Z\"\/>\n <\/svg>\n <\/button>\n\n <a href=\"https:\/\/api.whatsapp.com\/send?text=Mohon partisipasinya dalam mengisi survei berikut: https:\/\/forms.gle\/mywQi2coRj7m3LAU6\" target=\"_blank\" class=\"btn-icon btn-wa\" title=\"Share via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"#25D366\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.659 1.431 5.63 1.432h.006c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\n\n<style>\n \/* Kontainer Utama Horizontal *\/\n .survey-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 20px 10px;\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n \/* Tombol Isi Survei *\/\n .btn-main {\n background-color: transparent; \n color: #673ab7 !important; \n border: 2px solid #673ab7; \n padding: 12px 20px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: bold;\n font-size: 12px;\n text-align: center;\n white-space: nowrap;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n animation: floatUp 0.8s ease-out;\n }\n\n \/* Grup Share *\/\n .share-group {\n display: flex;\n gap: 8px;\n flex-shrink: 0;\n animation: floatUp 1s ease-out backwards;\n }\n\n \/* Gaya Umum Tombol Logo *\/\n .btn-icon {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n background-color: transparent !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n padding: 0;\n }\n\n .btn-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .btn-copy { border: 2px solid #000000 !important; }\n .btn-wa { border: 2px solid #25D366 !important; text-decoration: none; }\n\n .btn-main:hover, .btn-icon:hover {\n transform: translateY(-3px);\n background-color: rgba(0,0,0,0.02);\n }\n\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @media (max-width: 360px) {\n .btn-main { font-size: 12px; padding: 10px 15px; }\n .btn-icon { width: 40px; height: 40px; }\n }\n<\/style>\n\n<script>\n function copyToClipboard() {\n const link = \"https:\/\/forms.gle\/mywQi2coRj7m3LAU6\";\n navigator.clipboard.writeText(link).then(() => {\n alert(\"Tautan survei berhasil disalin!\");\n });\n }\n<\/script>\n\n\n\n<div class=\"survey-container-row\">\n <a href=\"https:\/\/forms.gle\/6zTjSsaBE2knCkiX6\" target=\"_blank\" class=\"btn-main\">\n Survei Kepuasan Tenaga Kependidikan\n <\/a>\n\n <div class=\"share-group\">\n <button onclick=\"copyToClipboard()\" class=\"btn-icon btn-copy\" title=\"Salin Tautan\">\n <svg viewBox=\"0 0 24 24\" fill=\"#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM19 21H8V7H19V21Z\"\/>\n <\/svg>\n <\/button>\n\n <a href=\"https:\/\/api.whatsapp.com\/send?text=Mohon partisipasinya dalam mengisi survei berikut: https:\/\/forms.gle\/6zTjSsaBE2knCkiX6\" target=\"_blank\" class=\"btn-icon btn-wa\" title=\"Share via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"#25D366\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.659 1.431 5.63 1.432h.006c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\n\n<style>\n \/* Kontainer Utama Horizontal *\/\n .survey-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 20px 10px;\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n \/* Tombol Isi Survei *\/\n .btn-main {\n background-color: transparent; \n color: #673ab7 !important; \n border: 2px solid #673ab7; \n padding: 12px 20px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: bold;\n font-size: 12px;\n text-align: center;\n white-space: nowrap;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n animation: floatUp 0.8s ease-out;\n }\n\n \/* Grup Share *\/\n .share-group {\n display: flex;\n gap: 8px;\n flex-shrink: 0;\n animation: floatUp 1s ease-out backwards;\n }\n\n \/* Gaya Umum Tombol Logo *\/\n .btn-icon {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n background-color: transparent !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n padding: 0;\n }\n\n .btn-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .btn-copy { border: 2px solid #000000 !important; }\n .btn-wa { border: 2px solid #25D366 !important; text-decoration: none; }\n\n .btn-main:hover, .btn-icon:hover {\n transform: translateY(-3px);\n background-color: rgba(0,0,0,0.02);\n }\n\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @media (max-width: 360px) {\n .btn-main { font-size: 12px; padding: 10px 15px; }\n .btn-icon { width: 40px; height: 40px; }\n }\n<\/style>\n\n<script>\n function copyToClipboard() {\n const link = \"https:\/\/forms.gle\/6zTjSsaBE2knCkiX6\";\n navigator.clipboard.writeText(link).then(() => {\n alert(\"Tautan survei berhasil disalin!\");\n });\n }\n<\/script>\n\n\n\n<div class=\"survey-container-row\">\n <a href=\"https:\/\/forms.gle\/kSq6oFfnZEazJote6\" target=\"_blank\" class=\"btn-main\">\n Survei Kepuasan Pengguna Lulusan\n <\/a>\n\n <div class=\"share-group\">\n <button onclick=\"copyToClipboard()\" class=\"btn-icon btn-copy\" title=\"Salin Tautan\">\n <svg viewBox=\"0 0 24 24\" fill=\"#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM19 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H19C20.1 23 21 22.1 21 21V7C21 5.9 20.1 5 19 5ZM19 21H8V7H19V21Z\"\/>\n <\/svg>\n <\/button>\n\n <a href=\"https:\/\/api.whatsapp.com\/send?text=Mohon partisipasinya dalam mengisi survei berikut: https:\/\/forms.gle\/hG9jzAMtBqzsaWj4A\" target=\"_blank\" class=\"btn-icon btn-wa\" title=\"Share via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" fill=\"#25D366\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.335-1.662c1.72.937 3.659 1.431 5.63 1.432h.006c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\n\n<style>\n \/* Kontainer Utama Horizontal *\/\n .survey-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 20px 10px;\n width: 100%;\n max-width: 600px;\n margin: 0 auto;\n box-sizing: border-box;\n }\n\n \/* Tombol Isi Survei *\/\n .btn-main {\n background-color: transparent; \n color: #673ab7 !important; \n border: 2px solid #673ab7; \n padding: 12px 20px;\n border-radius: 50px;\n text-decoration: none;\n font-weight: bold;\n font-size: 12px;\n text-align: center;\n white-space: nowrap;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n animation: floatUp 0.8s ease-out;\n }\n\n \/* Grup Share *\/\n .share-group {\n display: flex;\n gap: 8px;\n flex-shrink: 0;\n animation: floatUp 1s ease-out backwards;\n }\n\n \/* Gaya Umum Tombol Logo *\/\n .btn-icon {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n background-color: transparent !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n padding: 0;\n }\n\n .btn-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .btn-copy { border: 2px solid #000000 !important; }\n .btn-wa { border: 2px solid #25D366 !important; text-decoration: none; }\n\n .btn-main:hover, .btn-icon:hover {\n transform: translateY(-3px);\n background-color: rgba(0,0,0,0.02);\n }\n\n @keyframes floatUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n @media (max-width: 360px) {\n .btn-main { font-size: 12px; padding: 10px 15px; }\n .btn-icon { width: 40px; height: 40px; }\n }\n<\/style>\n\n<script>\n function copyToClipboard() {\n const link = \"https:\/\/forms.gle\/hG9jzAMtBqzsaWj4A\";\n navigator.clipboard.writeText(link).then(() => {\n alert(\"Tautan survei berhasil disalin!\");\n });\n }\n<\/script>\n\n\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Tabel Data Dinamis<\/title>\n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n<style>\n:root {\n--primary-color: #003a63;\n--accent-color: #3498db;\n--bg-color: #f4f7f6;\n--text-color: #333;\n}\n.table-container {\nwidth: 100%;\nmax-width: 100%;\nmargin: 0 auto;\nbackground: white;\npadding: 5px;\nborder-radius: 8px;\nbox-shadow: 0 4px 12px rgba(0,0,0,0.05);\nbox-sizing: border-box;\n}\n#table_div {\nwidth: 100%;\noverflow-x: auto;\n-webkit-overflow-scrolling: touch;\n}\n.google-visualization-table-table {\nborder: none !important;\nwidth: 100% !important;\ntable-layout: fixed;\nfont-size: 13px;\n}\n.google-visualization-table-tr-head {\nbackground-color: var(--primary-color) !important;\ncolor: white !important;\n}\n.google-visualization-table-th {\npadding: 8px 10px !important;\nfont-weight: 500 !important;\nborder: none !important;\nwhite-space: nowrap;\n}\n.google-visualization-table-td {\npadding: 6px 10px !important;\nborder-bottom: 1px solid #eee !important;\nborder-top: none !important;\nborder-left: none !important;\nborder-right: none !important;\n}\n\/* --- PENGATURAN LEBAR KOLOM --- *\/\n.google-visualization-table-th:nth-child(1),\n.google-visualization-table-td:nth-child(1) {\ntext-align: left !important;\nwidth: 5% !important; \n}\n.google-visualization-table-th:nth-child(2),\n.google-visualization-table-td:nth-child(2) {\ntext-align: left !important;\n}\n.google-visualization-table-th:nth-child(3),\n.google-visualization-table-td:nth-child(3),\n.google-visualization-table-th:nth-child(4),\n.google-visualization-table-td:nth-child(4),\n.google-visualization-table-th:nth-child(5),\n.google-visualization-table-td:nth-child(5),\n.google-visualization-table-th:nth-child(6),\n.google-visualization-table-td:nth-child(6) {\ntext-align: center !important;\nwidth: 15% !important; \n}\n.google-visualization-table-tr-even {\nbackground-color: #fafafa !important;\n}\n.google-visualization-table-tr-hover {\nbackground-color: #f1f7ff !important;\n}\n#loader {\ntext-align: center;\npadding: 10px;\nfont-size: 12px;\ncolor: #888;\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"table-container\">\n<div id=\"loader\">Memuat data…<\/div>\n<div id=\"table_div\"><\/div>\n<\/div>\n<script type=\"text\/javascript\">\ngoogle.charts.load('current', {'packages':['table']});\ngoogle.charts.setOnLoadCallback(drawTable);\nfunction drawTable() {\nconst spreadsheetId = '12nS9WkEDX4hENxK6m2R-_HauTiasEcbOpQ2nBwE6Tsg';\nconst gid = '706471436';\nconst range = 'A1:F12'; \nconst url = `https:\/\/docs.google.com\/spreadsheets\/d\/${spreadsheetId}\/gviz\/tq?gid=${gid}&range=${range}`;\nconst query = new google.visualization.Query(url);\nquery.send(handleQueryResponse);\n}\nfunction handleQueryResponse(response) {\nif (response.isError()) {\ndocument.getElementById('loader').innerHTML = 'Gagal memuat data.';\nreturn;\n}\nconst data = response.getDataTable();\nconst table = new google.visualization.Table(document.getElementById('table_div'));\ndocument.getElementById('loader').style.display = 'none';\nconst options = {\nshowRowNumber: false, \nwidth: '100%', \nheight: 'auto',\nallowHtml: true,\ncssClassNames: {\nheaderRow: 'google-visualization-table-tr-head',\ntableCell: 'google-visualization-table-td',\nheaderCell: 'google-visualization-table-th'\n}\n};\ntable.draw(data, options);\n}\nwindow.addEventListener('resize', drawTable);\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Maaf, halaman dalam pengembangan Display Data Realtime Sinkronisasi data… Survei Kepuasan Stakeholder Survei Kepuasan Dosen Survei Kepuasan Tenaga Kependidikan Survei Kepuasan Pengguna Lulusan Tabel Data Dinamis Memuat data…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1914","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=1914"}],"version-history":[{"count":95,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1914\/revisions"}],"predecessor-version":[{"id":2213,"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1914\/revisions\/2213"}],"wp:attachment":[{"href":"https:\/\/lpm.stikes-hi.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=1914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}