{"id":1189,"date":"2026-02-14T10:30:53","date_gmt":"2026-02-14T03:30:53","guid":{"rendered":"https:\/\/rsudokut.okutimurkab.go.id\/?p=1189"},"modified":"2026-02-14T13:08:50","modified_gmt":"2026-02-14T06:08:50","slug":"tes","status":"publish","type":"post","link":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/2026\/02\/14\/tes\/","title":{"rendered":"tes"},"content":{"rendered":"\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<div id=\"jadwal-rsud\">\n    <div class=\"header-rs\">\n        <h2>\ud83e\ude7a JADWAL DOKTER POLIKLINIK RAWAT JALAN<\/h2>\n        <div class=\"sub\">RSUD OKU TIMUR<\/div>\n    <\/div>\n    <div id=\"jadwal-content\">\n        <div class=\"loading\">Memuat jadwal dokter&#8230;<\/div>\n    <\/div>\n<\/div>\n\n<style>\n#jadwal-rsud {\n    font-family: 'Segoe UI', sans-serif;\n    padding: 5px;\n    border-radius: 5px;\n    background: linear-gradient(135deg,#e3f2fd,#f8fbff);\n    box-shadow: 0 5px 5px rgba(0,0,0,0.08);\n    color: #0d47a1;\n}\n\n\/* HEADER *\/\n.header-rs {\n    text-align: center;\n    margin-bottom: 5px;\n}\n\n.header-rs h2 {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 500;\n    color: #1565c0;\n}\n\n.sub {\n    font-size: 12px;\n    color: #546e7a;\n    margin-top: 4px;\n}\n\n\/* CONTENT *\/\n#jadwal-content {\n    background: #ffffff;\n    border-radius: 10px;\n    padding: 10px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    box-shadow: 0 8px 20px rgba(21,101,192,0.08);\n}\n\n\/* TABLE *\/\ntable {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 10px;\n    min-width: 400px; \/* agar bisa scroll di HP *\/\n}\n\n\/* HEADER TABLE *\/\nth {\n    background: linear-gradient(90deg,#42a5f5,#1e88e5);\n    color: #ffffff;\n    padding: 10px;\n    font-size: 10px;\n    text-transform: uppercase;\n}\n\n\/* CELL *\/\ntd {\n    padding: 10px;\n    border-bottom: 1px solid #e3f2fd;\n    transition: 0.25s ease;\n    font-size: 12px;\n}\n\n\/* ROW STYLE *\/\ntr:nth-child(even) {\n    background-color: #f4f9ff;\n}\n\ntr:hover {\n    background-color: #e3f2fd;\n}\n\n\/* NAMA POLI *\/\ntd:first-child {\n    font-weight: 600;\n    white-space: nowrap;\n}\n\n\/* TIDAK PELAYANAN *\/\n.tidak-pelayanan td {\n    background-color: #ffebee !important;\n    color: #c62828 !important;\n    font-weight: bold;\n}\n\n\/* BADGE *\/\n.status-tidak {\n    background: linear-gradient(45deg,#ef5350,#e53935);\n    color: white;\n    padding: 5px 10px;\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n\/* LOADING *\/\n.loading {\n    text-align: center;\n    font-weight: 600;\n    padding: 25px;\n    font-size: 14px;\n    color: #1e88e5;\n}\n\n\/* SCROLLBAR *\/\n#jadwal-content::-webkit-scrollbar {\n    height: 6px;\n}\n#jadwal-content::-webkit-scrollbar-thumb {\n    background: #90caf9;\n    border-radius: 10px;\n}\n\n\/* ========================= *\/\n\/* RESPONSIVE KHUSUS HP *\/\n\/* ========================= *\/\n@media (max-width: 768px){\n\n    #jadwal-rsud {\n        padding: 15px;\n        border-radius: 16px;\n    }\n\n    .header-rs h2 {\n        font-size: 14px;\n    }\n\n    .sub {\n        font-size: 12px;\n    }\n\n    th, td {\n        padding: 10px;\n        font-size: 12px;\n    }\n\n    table {\n        min-width: 500px;\n    }\n}\n\n\/* TV MODE *\/\n@media (min-width:1600px){\n    table { font-size: 22px; }\n    th, td { padding: 24px; }\n    .header-rs h2 { font-size: 36px; }\n}\n\n.btn-image{\n    margin-top:8px;\n    padding:6px 14px;\n    border:none;\n    border-radius:20px;\n    background:linear-gradient(45deg,#1e88e5,#42a5f5);\n    color:white;\n    font-size:12px;\n    cursor:pointer;\n    transition:0.3s;\n}\n\n.btn-image:hover{\n    transform:scale(1.05);\n    box-shadow:0 4px 10px rgba(0,0,0,0.2);\n}\n\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n\n<script>\nconst sheetID = \"1H3zh6epXuttpfjMZbcQuJl3LYMBClld_Y5hFAKn6lYw\";\nconst sheetName = \"jadwal 3\";\n\nconst query = encodeURIComponent(\"SELECT A,B,C,D,E,F,G\");\nconst url = `https:\/\/docs.google.com\/spreadsheets\/d\/${sheetID}\/gviz\/tq?sheet=${encodeURIComponent(sheetName)}&tq=${query}&tqx=out:json`;\n\nfunction getIcon(poli) {\n    poli = poli.toLowerCase();\n    if (poli.includes(\"anak\")) return \"\ud83d\udc76\";\n    if (poli.includes(\"gigi\")) return \"\ud83e\uddb7\";\n    if (poli.includes(\"bedah\")) return \"\ud83d\udd2a\";\n    if (poli.includes(\"mata\")) return \"\ud83d\udc41\ufe0f\";\n    if (poli.includes(\"jantung\")) return \"\u2764\ufe0f\";\n    if (poli.includes(\"paru\")) return \"\ud83e\udec1\";\n    if (poli.includes(\"saraf\")) return \"\ud83e\udde0\";\n    if (poli.includes(\"penyakit dalam\")) return \"\ud83e\ude7a\";\n    if (poli.includes(\"obgyn\") || poli.includes(\"kandungan\")) return \"\ud83e\udd30\";\n    return \"\";\n}\n\n\/* WARNA PER POLI *\/\nfunction getWarnaPoli(poli){\n    poli = poli.toLowerCase();\n\n    if (poli.includes(\"penyakit dalam\")) return \"#e3f2fd\";\n    if (poli.includes(\"bedah\")) return \"#fff3e0\";\n    if (poli.includes(\"anak\")) return \"#fce4ec\";\n    if (poli.includes(\"kebidanan\")) return \"#f3e5f5\";\n    if (poli.includes(\"saraf\")) return \"#ede7f6\";\n    if (poli.includes(\"kulit\")) return \"#fff8e1\";\n    if (poli.includes(\"tht\")) return \"#e0f7fa\";\n    if (poli.includes(\"mata\")) return \"#f1f8e9\";\n    if (poli.includes(\"jantung\")) return \"#ffebee\";\n    if (poli.includes(\"radiologi\")) return \"#eceff1\";\n    if (poli.includes(\"gigi\")) return \"#e0f2f1\";\n    if (poli.includes(\"laboratorium\")) return \"#fbe9e7\";\n    if (poli.includes(\"umum\")) return \"#e8f5e9\";\n    if (poli.includes(\"fisioterapi\")) return \"#f9fbe7\";\n    if (poli.includes(\"vct\")) return \"#ede7f6\";\n    if (poli.includes(\"dots\")) return \"#fffde7\";\n    if (poli.includes(\"konseling\")) return \"#fce4ec\";\n    if (poli.includes(\"hemodialisa\")) return \"#e1f5fe\";\n\n    return \"#f5f5f5\";\n}\n\nfetch(url)\n.then(res => res.text())\n.then(data => {\n    const json = JSON.parse(data.substring(47).slice(0, -2));\n    const rows = json.table.rows;\n    const cols = json.table.cols;\n\n    let html = \"<table><thead><tr>\";\n\n    cols.forEach(col => {\n        html += `<th>${col.label}<\/th>`;\n    });\n\n    html += \"<\/tr><\/thead><tbody>\";\n\n    rows.forEach(row => {\n\n        let tidakPelayanan = false;\n\n        row.c.forEach(cell => {\n            if(cell && cell.v && cell.v.toString().toLowerCase().includes(\"tidak pelayanan\")) {\n                tidakPelayanan = true;\n            }\n        });\n\n        const poliNama = row.c[0] ? row.c[0].v : \"\";\n        const warnaPoli = getWarnaPoli(poliNama);\n\n        html += `<tr class=\"${tidakPelayanan ? 'tidak-pelayanan' : ''}\">`;\n\n        row.c.forEach((cell, index) => {\n            let value = cell ? cell.v : \"\";\n\n            if(index === 0 && value){\n                value = `${getIcon(value)} ${value}`;\n                html += `<td style=\"background:${warnaPoli};font-weight:600;\">${value}<\/td>`;\n            } else {\n\n                if(value && value.toString().toLowerCase().includes(\"tidak pelayanan\")){\n                    value = `<span class=\"status-tidak\">TIDAK PELAYANAN<\/span>`;\n                }\n\n                html += `<td>${value}<\/td>`;\n            }\n        });\n\n        html += \"<\/tr>\";\n    });\n\n    html += \"<\/tbody><\/table>\";\n\n    document.getElementById(\"jadwal-content\").innerHTML = html;\n})\n.catch(error => {\n    document.getElementById(\"jadwal-content\").innerHTML =\n        \"<div style='color:red;font-weight:bold;'>Gagal memuat data.<\/div>\";\n});\n\n\/\/ Auto refresh 60 detik\nsetTimeout(() => location.reload(), 60000);\n<\/script>\n\n<script>\nfunction createImage(){\n    const element = document.getElementById(\"jadwal-rsud\");\n\n    html2canvas(element, {\n        scale:2, \/\/ supaya kualitas HD\n        useCORS:true\n    }).then(canvas => {\n\n        const link = document.createElement(\"a\");\n        link.download = \"jadwal-dokter-rsud.png\";\n        link.href = canvas.toDataURL(\"image\/png\");\n        link.click();\n\n    });\n}\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83e\ude7a JADWAL DOKTER POLIKLINIK RAWAT JALAN RSUD OKU TIMUR Memuat jadwal dokter&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1189","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/posts\/1189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=1189"}],"version-history":[{"count":62,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/posts\/1189\/revisions"}],"predecessor-version":[{"id":1252,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/posts\/1189\/revisions\/1252"}],"wp:attachment":[{"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=1189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/categories?post=1189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rsudokut.okutimurkab.go.id\/index.php\/wp-json\/wp\/v2\/tags?post=1189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}