{"id":15,"date":"2015-02-16T08:34:53","date_gmt":"2015-02-16T08:34:53","guid":{"rendered":"http:\/\/arpus.acehprov.go.id\/~wp\/?page_id=15"},"modified":"2026-01-29T14:25:25","modified_gmt":"2026-01-29T07:25:25","slug":"profil-pimpinan","status":"publish","type":"page","link":"https:\/\/arpus.acehprov.go.id\/?page_id=15","title":{"rendered":"Profil Pimpinan"},"content":{"rendered":"\n<style>\n.section{margin:40px 0;font-family:Arial}\n.title{text-align:center;font-size:22px;font-weight:700;margin-bottom:20px}\n.grid{display:grid;gap:20px}\n.grid-1{grid-template-columns:1fr;justify-items:center}\n.grid-3{\n  grid-template-columns:repeat(3,1fr);\n}\n\n.grid-4{\n  grid-template-columns:repeat(6,1fr);\n}\n.card{border:1px solid #ddd;border-radius:10px;padding:15px;text-align:center;cursor:pointer}\n.card img{width:90px;height:90px;border-radius:50%;object-fit:cover}\n.card h4{margin:6px 0;font-size:14px}\n.card p{font-size:12px;color:#555;margin:0}\n\n.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;align-items:center;justify-content:center}\n.box{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:480px}\ntable{width:100%;font-size:14px;border-collapse:collapse}\ntd{padding:6px;border-bottom:1px solid #eee}\n\n@media(max-width:768px){\n  .grid-3{grid-template-columns:repeat(2,1fr)}\n  .grid-4{grid-template-columns:repeat(2,1fr)}\n}\n\n@media(max-width:480px){\n  .grid-3,.grid-4{grid-template-columns:1fr}\n}\n<\/style>\n\n<div id=\"eselon-II\" class=\"section\">\n  <div class=\"title\">Eselon II<\/div>\n  <div class=\"grid grid-1\"><\/div>\n<\/div>\n\n<div id=\"eselon-III\" class=\"section\">\n  <div class=\"title\">Eselon III<\/div>\n  <div class=\"grid grid-3\"><\/div>\n<\/div>\n\n<div id=\"eselon-IV\" class=\"section\">\n  <div class=\"title\">Eselon IV \/ Jabfung Setara<\/div>\n  <div class=\"grid grid-4\"><\/div>\n<\/div>\n\n<div class=\"modal\" id=\"modal\">\n  <div class=\"box\">\n    <h3 id=\"mNama\"><\/h3>\n    <p id=\"mJabatan\"><\/p>\n    <table>\n      <tr><td>Pendidikan<\/td><td id=\"mPendidikan\"><\/td><\/tr>\n      <tr><td>Instansi<\/td><td id=\"mInstansi\"><\/td><\/tr>\n      <tr><td>Status PNS<\/td><td id=\"mStatus\"><\/td><\/tr>\n      <tr><td>Pangkat CPNS<\/td><td id=\"mCpns\"><\/td><\/tr>\n      <tr><td>TMT CPNS<\/td><td id=\"mTmtCpns\"><\/td><\/tr>\n      <tr><td>Pangkat Terakhir<\/td><td id=\"mPangkatAkhir\"><\/td><\/tr>\n      <tr><td>TMT Pangkat<\/td><td id=\"mTmtPangkat\"><\/td><\/tr>\n      <tr><td>TMT Pensiun<\/td><td id=\"mPensiun\"><\/td><\/tr>\n    <\/table>\n    <button onclick=\"document.getElementById('modal').style.display='none'\">Tutup<\/button>\n  <\/div>\n<\/div>\n\n<script>\nconst CSV_URL = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTzWsrP1gNr3wheZlxu9ORoVFwLRQYnYFr9Ufe7DXH8dskZpsvUGO5YiY_JEdHx4ADvgve4MqZaIxfE\/pub?gid=0&single=true&output=csv\";\n\n\/* PARSER CSV AMAN *\/\nfunction parseCSV(text){\n  const rows=[], re=\/(\"([^\"]|\"\")*\"|[^,\\n\\r]+)(,|\\r?\\n|\\r|$)\/g;\n  let m, row=[];\n  while(m=re.exec(text)){\n    let v=m[1];\n    if(v.startsWith('\"')) v=v.slice(1,-1).replace(\/\"\"\/g,'\"');\n    row.push(v.trim());\n    if(m[3]!=\",\"){ rows.push(row); row=[]; }\n  }\n  return rows;\n}\n\nfetch(CSV_URL)\n.then(r=>r.text())\n.then(t=>{\n  const data=parseCSV(t);\n  data.shift(); \/\/ header\n\n  data.forEach(c=>{\n    if(!c[0]) return;\n\n    const d={\n      eselon:c[0],\n      nama:c[1],\n      jabatan:c[2],\n      foto:c[3],\n      pendidikan:c[4],\n      instansi:c[5],\n      status:c[6],\n      cpns:c[7],\n      tmtcpns:c[8],\n      pangkatakhir:c[9],\n      tmtpangkat:c[10],\n      pensiun:c[11]\n    };\n\n    const card=document.createElement('div');\n    card.className='card';\n    card.innerHTML=`\n      <img decoding=\"async\" src=\"${d.foto || 'https:\/\/via.placeholder.com\/150'}\">\n      <h4>${d.nama}<\/h4>\n      <p>${d.jabatan}<\/p>\n    `;\n    card.onclick=()=>{\n      document.getElementById('modal').style.display='flex';\n      mNama.innerText=d.nama;\n      mJabatan.innerText=d.jabatan;\n      mPendidikan.innerText=d.pendidikan;\n      mInstansi.innerText=d.instansi;\n      mStatus.innerText=d.status;\n      mCpns.innerText=d.cpns;\n      mTmtCpns.innerText=d.tmtcpns;\n      mPangkatAkhir.innerText=d.pangkatakhir;\n      mTmtPangkat.innerText=d.tmtpangkat;\n      mPensiun.innerText=d.pensiun;\n    };\n\n    const target=document.querySelector('#eselon-'+d.eselon+' .grid');\n    if(target) target.appendChild(card);\n  });\n})\n.catch(err=>console.error(\"CSV ERROR:\",err));\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eselon II Eselon III Eselon IV \/ Jabfung Setara Pendidikan Instansi Status PNS Pangkat CPNS TMT CPNS Pangkat Terakhir TMT&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P7EXk0-f","_links":{"self":[{"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":75,"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":5577,"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/5577"}],"wp:attachment":[{"href":"https:\/\/arpus.acehprov.go.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}