{"id":57,"date":"2023-10-02T10:37:34","date_gmt":"2023-10-02T15:37:34","guid":{"rendered":"https:\/\/nomodeaths.mimh.edu\/?page_id=57"},"modified":"2025-07-02T12:40:32","modified_gmt":"2025-07-02T17:40:32","slug":"dashboard","status":"publish","type":"page","link":"https:\/\/nomodeaths.org\/index.php\/dashboard\/","title":{"rendered":"Dashboard"},"content":{"rendered":"\n<style>\n   #left-area {\n   width: 100% !important;\n   }\n   #main-content .container:before {\n   display: none;\n   }\n   .power-bi-iframe {\n   width: 100%;\n   height: 800px;\n   }\n   .entry-title.main_title { display: none; }\n   .button-fullscreen {\n   font-size: 14px;\n   }\n   .button-fullscreen:after {\n   content: '\ud83d\udd0e' !important;\n   font-size: 14px !important;\n   }\n   .button-info {\n   font-size: 14px;\n   background: #005C62 !important;\npadding-right: 30px !important;\n   }\n   .button-info:after {\n   opacity: 1 !important;\n   content: '\ud83d\udcdd' !important;\n   font-size: 14px !important;\n    margin-left: .3em !important;\n   }\n   .button-scroll:after {\n   content: '\u2b07' !important;\n   font-size: 18px !important;\n   }\n   .tab{\n   background: #ffffff;\n   color: #890313;\n   border: none;\n   font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;\n   font-size: 18px;\n   cursor: pointer;\n   padding: 10px;\n   }\n   .tab.active {\n   background: #890313;\n   color: #ffffff; \n   }\n   .modal {\n   position: fixed;\n   top: 0;\n   right: 0;\n   bottom: 0;\n   left: 0;\n   display: flex;\n   align-items: center;\n   justify-content: center;\n   background: rgba(77, 77, 77, .7);\n   transition: all .4s;\n   z-index: 999999999;\n   }\n   .modal__content {\n   border-radius: 4px;\n   position: absolute;\n   top: 50%;\n   left: 50%;\n   transform: translate(-50%, -50%);\n   width: 500px;\n   max-width: 90%;\n   background: #fff;\n   padding: 1em 2em;\n   }\n   .modal__close {\n   position: absolute;\n   top: 10px;\n   right: 10px;\n   color: #585858;\n   font-size: 34px;\n   text-decoration: none;\n   }\n<\/style>\n<div class=\"tabs\" style=\"box-shadow: 0px -19px 26px 0px rgba(0,0,0,0.10); width: max-content;\">\n   <button class=\"tab active\" data-tab=\"overall\">Overall Dashboard<\/button>\n   <button class=\"tab\" data-tab=\"agency-specific\">Agency Specific Dashboard<\/button>\n<\/div>\n<div class=\"tab-content\" id=\"overall\" style=\"box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); padding: 10px; margin-bottom: 80px;\">\n   <div style=\"display: flex; justify-content: end; margin-bottom: 5px; margin-top: 5px;\">\n      <div>\n         <button class=\"et_pb_button button-fullscreen\" title=\"Select Esc to exit out of the report.\" style=\"display: block; margin-left: auto; margin-bottom: 10px; cursor: pointer;\" onclick=\"openFullscreen();\">Fullscreen Mode<\/button>\n      <\/div>\n   <\/div>\n   <iframe id=\"overall-iframe\" title=\"NOMODeathsDashboard\" class=\"power-bi-iframe\" src=\"\n      https:\/\/app.powerbi.com\/view?r=eyJrIjoiZWNmYmM5MjgtYzQyMi00YTdjLWIxNmMtNjIzZTgwM2VkYWE5IiwidCI6ImUzZmVmZGJlLWY3ZTktNDAxYi1hNTFhLTM1NWUwMWIwNWE4OSIsImMiOjN9\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<div class=\"tab-content\" id=\"agency-specific\" style=\"display: none; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); padding: 10px; margin-bottom: 80px\">\n   <div style=\"display: flex; justify-content: end; margin-bottom: 5px; margin-top: 5px;\">\n      <div>\n         <button class=\"et_pb_button button-fullscreen\" title=\"Select Esc to exit out of the report.\" style=\"display: block; margin-left: auto; margin-bottom: 10px; cursor: pointer;\" onclick=\"openFullscreenAgency();\">Fullscreen Mode<\/button>\n      <\/div>\n   <\/div>\n   <iframe id=\"target-iframe-agency\" class=\"power-bi-iframe\" title=\"Agency_NOMODeathsDashboard\" src=\"\n      https:\/\/app.powerbi.com\/reportEmbed?reportId=5410764c-de53-426b-985c-d60577938880&#038;autoAuth=true&#038;ctid=e3fefdbe-f7e9-401b-a51a-355e01b05a89\"\n      frameborder=\"0\" allowFullScreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<div id=\"description-modal\" class=\"modal\" style=\"display: none;\">\n   <div class=\"modal__content\">\n      <a href=\"#\" class=\"modal__close button-info-close\">&times;<\/a>\n      <div>\n         <p>&#8220;Select or hover over &#8220;i,&#8221; icon to view descriptive\/informative text.<\/p>\n      <\/div>\n   <\/div>\n<\/div>\n<script>\n   \n     const tabs = document.querySelectorAll('.tab');\n     const contents = document.querySelectorAll('.tab-content');\n   \n     tabs.forEach(tab => {\n       tab.addEventListener('click', () => {\n         tabs.forEach(t => t.classList.remove('active'));\n         tab.classList.add('active');\n   \n         const target = tab.getAttribute('data-tab');\n   \n         contents.forEach(content => {\n           if (content.id === target) {\n             content.style.display = 'block';\n           } else {\n             content.style.display = 'none';\n           }\n         });\n       });\n     });\n   \n   var overall = document.getElementById(\"overall-iframe\");\n   if (!!overall) {\n   function openFullscreen() {\n     if (overall.requestFullscreen) {\n       overall.requestFullscreen();\n     } else if (overall.webkitRequestFullscreen) { \/* Safari *\/\n       overall.webkitRequestFullscreen();\n     } else if (overall.msRequestFullscreen) { \/* IE11 *\/\n       overall.msRequestFullscreen();\n     }\n   }\n   }\n   \n   var agency = document.getElementById(\"target-iframe-agency\");\n   if (!!agency) {\n   function openFullscreenAgency() {\n     if (agency.requestFullscreen) {\n       agency.requestFullscreen();\n     } else if (agency.webkitRequestFullscreen) { \/* Safari *\/\n       agency.webkitRequestFullscreen();\n     } else if (agency.msRequestFullscreen) { \/* IE11 *\/\n       agency.msRequestFullscreen();\n     }\n   }\n   }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Overall Dashboard Agency Specific Dashboard Fullscreen Mode Fullscreen Mode &times; &#8220;Select or hover over &#8220;i,&#8221; icon to view descriptive\/informative text.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:html -->\n<style>\n   #left-area {\n   width: 100% !important;\n   }\n   #main-content .container:before {\n   display: none;\n   }\n   .power-bi-iframe {\n   width: 100%;\n   height: 800px;\n   }\n   .entry-title.main_title { display: none; }\n   .button-fullscreen {\n   font-size: 14px;\n   }\n   .button-fullscreen:after {\n   content: '\ud83d\udd0e' !important;\n   font-size: 14px !important;\n   }\n   .button-info {\n   font-size: 14px;\n   background: #005C62 !important;\npadding-right: 30px !important;\n   }\n   .button-info:after {\n   opacity: 1 !important;\n   content: '\ud83d\udcdd' !important;\n   font-size: 14px !important;\n    margin-left: .3em !important;\n   }\n   .button-scroll:after {\n   content: '\u2b07' !important;\n   font-size: 18px !important;\n   }\n   .tab{\n   background: #ffffff;\n   color: #890313;\n   border: none;\n   font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;\n   font-size: 18px;\n   cursor: pointer;\n   padding: 10px;\n   }\n   .tab.active {\n   background: #890313;\n   color: #ffffff; \n   }\n   .modal {\n   position: fixed;\n   top: 0;\n   right: 0;\n   bottom: 0;\n   left: 0;\n   display: flex;\n   align-items: center;\n   justify-content: center;\n   background: rgba(77, 77, 77, .7);\n   transition: all .4s;\n   z-index: 999999999;\n   }\n   .modal__content {\n   border-radius: 4px;\n   position: absolute;\n   top: 50%;\n   left: 50%;\n   transform: translate(-50%, -50%);\n   width: 500px;\n   max-width: 90%;\n   background: #fff;\n   padding: 1em 2em;\n   }\n   .modal__close {\n   position: absolute;\n   top: 10px;\n   right: 10px;\n   color: #585858;\n   font-size: 34px;\n   text-decoration: none;\n   }\n<\/style>\n<div class=\"tabs\" style=\"box-shadow: 0px -19px 26px 0px rgba(0,0,0,0.10); width: max-content;\">\n   <button class=\"tab active\" data-tab=\"overall\">Overall Dashboard<\/button>\n   <button class=\"tab\" data-tab=\"agency-specific\">Agency Specific Dashboard<\/button>\n<\/div>\n<div class=\"tab-content\" id=\"overall\" style=\"box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); padding: 10px; margin-bottom: 80px;\">\n   <div style=\"display: flex; justify-content: end; margin-bottom: 5px; margin-top: 5px;\">\n      <div>\n         <button class=\"et_pb_button button-fullscreen\" title=\"Select Esc to exit out of the report.\" style=\"display: block; margin-left: auto; margin-bottom: 10px; cursor: pointer;\" onclick=\"openFullscreen();\">Fullscreen Mode<\/button>\n      <\/div>\n   <\/div>\n   <iframe id=\"overall-iframe\" title=\"NOMODeathsDashboard\" class=\"power-bi-iframe\" src=\"\n      https:\/\/app.powerbi.com\/view?r=eyJrIjoiZWNmYmM5MjgtYzQyMi00YTdjLWIxNmMtNjIzZTgwM2VkYWE5IiwidCI6ImUzZmVmZGJlLWY3ZTktNDAxYi1hNTFhLTM1NWUwMWIwNWE4OSIsImMiOjN9\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<\/div>\n<div class=\"tab-content\" id=\"agency-specific\" style=\"display: none; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); padding: 10px;\">\n   <div style=\"display: flex; justify-content: end; margin-bottom: 5px; margin-top: 5px;\">\n      <div>\n         <button class=\"et_pb_button button-fullscreen\" title=\"Select Esc to exit out of the report.\" style=\"display: block; margin-left: auto; margin-bottom: 10px; cursor: pointer;\" onclick=\"openFullscreenAgency();\">Fullscreen Mode<\/button>\n      <\/div>\n   <\/div>\n   <iframe id=\"target-iframe-agency\" class=\"power-bi-iframe\" title=\"Agency_NOMODeathsDashboard\" src=\"\n      https:\/\/app.powerbi.com\/reportEmbed?reportId=5410764c-de53-426b-985c-d60577938880&autoAuth=true&ctid=e3fefdbe-f7e9-401b-a51a-355e01b05a89\"\n      frameborder=\"0\" allowFullScreen=\"true\"><\/iframe>\n<\/div>\n<div id=\"description-modal\" class=\"modal\" style=\"display: none;\">\n   <div class=\"modal__content\">\n      <a href=\"#\" class=\"modal__close button-info-close\">&times;<\/a>\n      <div>\n         <p>\"Select or hover over \"i,\" icon to view descriptive\/informative text.<\/p>\n      <\/div>\n   <\/div>\n<\/div>\n<script>\n   \n     const tabs = document.querySelectorAll('.tab');\n     const contents = document.querySelectorAll('.tab-content');\n   \n     tabs.forEach(tab => {\n       tab.addEventListener('click', () => {\n         tabs.forEach(t => t.classList.remove('active'));\n         tab.classList.add('active');\n   \n         const target = tab.getAttribute('data-tab');\n   \n         contents.forEach(content => {\n           if (content.id === target) {\n             content.style.display = 'block';\n           } else {\n             content.style.display = 'none';\n           }\n         });\n       });\n     });\n   \n   var overall = document.getElementById(\"overall-iframe\");\n   if (!!overall) {\n   function openFullscreen() {\n     if (overall.requestFullscreen) {\n       overall.requestFullscreen();\n     } else if (overall.webkitRequestFullscreen) { \/* Safari *\/\n       overall.webkitRequestFullscreen();\n     } else if (overall.msRequestFullscreen) { \/* IE11 *\/\n       overall.msRequestFullscreen();\n     }\n   }\n   }\n   \n   var agency = document.getElementById(\"target-iframe-agency\");\n   if (!!agency) {\n   function openFullscreenAgency() {\n     if (agency.requestFullscreen) {\n       agency.requestFullscreen();\n     } else if (agency.webkitRequestFullscreen) { \/* Safari *\/\n       agency.webkitRequestFullscreen();\n     } else if (agency.msRequestFullscreen) { \/* IE11 *\/\n       agency.msRequestFullscreen();\n     }\n   }\n   }\n<\/script>\n<!-- \/wp:html -->","_et_gb_content_width":"","footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":27,"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":1201,"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/pages\/57\/revisions\/1201"}],"wp:attachment":[{"href":"https:\/\/nomodeaths.org\/index.php\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}