{"id":212,"date":"2026-05-24T01:08:56","date_gmt":"2026-05-24T01:08:56","guid":{"rendered":"http:\/\/localhost\/harar\/?page_id=212"},"modified":"2026-07-01T22:06:03","modified_gmt":"2026-07-01T22:06:03","slug":"health-posts","status":"publish","type":"page","link":"https:\/\/hararhealthbureau.org\/index.php\/health-facilities\/health-posts\/","title":{"rendered":"Health Posts"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHarar Health Posts Service Dashboard<\/title>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\nbody{\r\n margin:0;\r\n font-family:Roboto;\r\n background:#f7fbff;\r\n color:#1f2d3d;\r\n}\r\n\r\n.container{\r\n padding:25px 50px;\r\n}\r\n\r\n.header{\r\n display:flex;\r\n justify-content:space-between;\r\n flex-wrap:wrap;\r\n margin-bottom:15px;\r\n}\r\n\r\n.title{\r\n font-size:22px;\r\n font-weight:700;\r\n color:#0b5ed7;\r\n border-left:5px solid #0b5ed7;\r\n padding-left:10px;\r\n}\r\n\r\n.search input{\r\n padding:10px;\r\n width:260px;\r\n border-radius:8px;\r\n border:1px solid #cfe2ff;\r\n}\r\n\r\n.grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:12px;\r\n}\r\n\r\n.card{\r\n background:#fff;\r\n padding:12px;\r\n border-radius:10px;\r\n border:1px solid #e6f0ff;\r\n box-shadow:0 2px 10px rgba(0,0,0,0.05);\r\n transition:0.2s;\r\n}\r\n\r\n.card:hover{\r\n transform:translateY(-3px);\r\n border-color:#0b5ed7;\r\n}\r\n\r\n.name{\r\n font-size:14px;\r\n font-weight:700;\r\n color:#0b5ed7;\r\n}\r\n\r\n.meta{\r\n font-size:12px;\r\n margin:4px 0;\r\n color:#4a5a6a;\r\n}\r\n\r\n.badge{\r\n display:inline-block;\r\n font-size:11px;\r\n padding:3px 8px;\r\n border-radius:20px;\r\n background:#e7f1ff;\r\n color:#0b5ed7;\r\n margin-bottom:5px;\r\n}\r\n\r\n.high{border-left:4px solid #198754;}\r\n.medium{border-left:4px solid #ffc107;}\r\n.low{border-left:4px solid #dc3545;}\r\n\r\n@media(max-width:1100px){\r\n .grid{grid-template-columns:repeat(2,1fr);}\r\n}\r\n\r\n@media(max-width:600px){\r\n .grid{grid-template-columns:1fr;}\r\n .search input{width:100%;}\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"container\">\r\n\r\n<div class=\"header\">\r\n <div class=\"title\">Harar Health Posts Service Decision Dashboard<\/div>\r\n\r\n <div class=\"search\">\r\n <input id=\"search\" onkeyup=\"filter()\" placeholder=\"Search health post...\">\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"grid\" id=\"grid\"><\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/\/ ================= DATA =================\r\nconst hp = [\r\n{name:\"Awaye HP\",service:70,staff:65,drug:60,clean:75,hours:\"8AM-5PM\"},\r\n{name:\"Heloda HP\",service:65,staff:60,drug:55,clean:70,hours:\"8AM-5PM\"},\r\n{name:\"Dadofa HP\",service:60,staff:58,drug:50,clean:65,hours:\"8AM-4PM\"},\r\n{name:\"Orgoba HP\",service:68,staff:62,drug:58,clean:72,hours:\"8AM-5PM\"},\r\n{name:\"Kara HP\",service:75,staff:70,drug:68,clean:78,hours:\"24H Emergency\"},\r\n{name:\"Dhulandula HP\",service:62,staff:60,drug:55,clean:66,hours:\"8AM-4PM\"},\r\n\r\n{name:\"Sofi HP\",service:66,staff:64,drug:60,clean:70,hours:\"8AM-5PM\"},\r\n{name:\"Burka HP\",service:63,staff:60,drug:58,clean:65,hours:\"8AM-4PM\"},\r\n{name:\"Harawe HP\",service:80,staff:78,drug:75,clean:82,hours:\"24H Emergency\"},\r\n{name:\"Lugo HP\",service:58,staff:55,drug:50,clean:60,hours:\"8AM-4PM\"},\r\n{name:\"Deker HP\",service:72,staff:70,drug:68,clean:74,hours:\"8AM-5PM\"},\r\n{name:\"Kebell HP\",service:64,staff:62,drug:60,clean:66,hours:\"8AM-5PM\"},\r\n{name:\"Aumer HP\",service:67,staff:65,drug:62,clean:70,hours:\"8AM-5PM\"},\r\n{name:\"Mume Sergis HP\",service:61,staff:60,drug:55,clean:63,hours:\"8AM-4PM\"},\r\n{name:\"Gelmeshira HP\",service:69,staff:66,drug:63,clean:71,hours:\"8AM-5PM\"},\r\n{name:\"Awuberkela HP\",service:66,staff:64,drug:60,clean:68,hours:\"8AM-5PM\"},\r\n{name:\"Beyo Areda HP\",service:70,staff:68,drug:65,clean:72,hours:\"8AM-5PM\"},\r\n\r\n{name:\"Dire HP\",service:78,staff:75,drug:72,clean:80,hours:\"24H Emergency\"},\r\n{name:\"Hassange HP\",service:60,staff:58,drug:55,clean:62,hours:\"8AM-4PM\"},\r\n{name:\"Jibrailo HP\",service:65,staff:63,drug:60,clean:67,hours:\"8AM-5PM\"},\r\n{name:\"Miay HP\",service:62,staff:60,drug:58,clean:64,hours:\"8AM-4PM\"},\r\n{name:\"Muti HP\",service:58,staff:55,drug:50,clean:60,hours:\"8AM-4PM\"},\r\n{name:\"Sigicha HP\",service:64,staff:62,drug:60,clean:66,hours:\"8AM-5PM\"},\r\n{name:\"Sukul HP\",service:67,staff:65,drug:62,clean:69,hours:\"8AM-5PM\"},\r\n\r\n{name:\"Amaresa HP\",service:73,staff:70,drug:68,clean:75,hours:\"8AM-5PM\"},\r\n{name:\"Ganda Gobe HP\",service:66,staff:64,drug:60,clean:68,hours:\"8AM-5PM\"},\r\n{name:\"Kefitegna 02 HP\",service:75,staff:72,drug:70,clean:78,hours:\"24H Emergency\"}\r\n];\r\n\r\n\/\/ ================= RENDER =================\r\nfunction render(list){\r\n\r\nlet html=\"\";\r\n\r\nlist.forEach(h=>{\r\n\r\nlet cls = h.service>=75?\"high\":h.service>=65?\"medium\":\"low\";\r\n\r\nhtml+=`\r\n<div class=\"card ${cls}\">\r\n<div class=\"badge\">HP<\/div>\r\n<div class=\"name\">${h.name}<\/div>\r\n\r\n<div class=\"meta\">\ud83c\udfe5 Service: ${h.service}%<\/div>\r\n<div class=\"meta\">\ud83d\udc69\u200d\u2695\ufe0f Staff: ${h.staff}%<\/div>\r\n<div class=\"meta\">\ud83d\udc8a Drugs: ${h.drug}%<\/div>\r\n<div class=\"meta\">\ud83e\uddfc Cleanliness: ${h.clean}%<\/div>\r\n<div class=\"meta\">\u23f0 Hours: ${h.hours}<\/div>\r\n\r\n<\/div>\r\n`;\r\n\r\n});\r\n\r\ndocument.getElementById(\"grid\").innerHTML=html;\r\n}\r\n\r\n\/\/ ================= FILTER =================\r\nfunction filter(){\r\nlet val=document.getElementById(\"search\").value.toLowerCase();\r\n\r\nlet filtered = hp.filter(h=>\r\nh.name.toLowerCase().includes(val)\r\n);\r\n\r\nrender(filtered);\r\n}\r\n\r\n\/\/ initial render\r\nrender(hp);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Harar Health Posts Service Dashboard Harar Health Posts Service Decision Dashboard<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":134,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":16,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":1108,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/212\/revisions\/1108"}],"up":[{"embeddable":true,"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/pages\/134"}],"wp:attachment":[{"href":"https:\/\/hararhealthbureau.org\/index.php\/wp-json\/wp\/v2\/media?parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}