CINXE.COM

WHO Health Emergency Dashboard

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <title>WHO Health Emergency Dashboard</title> <link href="/publicemergency/Content/bootstrap.css" rel="stylesheet" /> <link href="/publicemergency/Content/fontawesome-all.css" rel="stylesheet" /> <link href="/publicemergency/Content/flag-icon.css" rel="stylesheet" /> <link href="/publicemergency/Content/L.Icon.Pulse.css" rel="stylesheet" /> <link href="/publicemergency/Content/css/animate.css" rel="stylesheet" /> <link href="/publicemergency/Content/component.css" rel="stylesheet" /> <link href="/publicemergency/Content/Site.css" rel="stylesheet" /> <link href="/publicemergency/Content/select2.min.css" rel="stylesheet" /> <link href="/publicemergency/Content/select2-bootstrap4.min.css" rel="stylesheet" /> <link href="/publicemergency/Content/jquery.jgrowl.min.css" rel="stylesheet" /> <link href="/publicemergency/Content/jquery.scrolling-tabs.min.css" rel="stylesheet" /> <link href="/publicemergency/Content/lib.css" rel="stylesheet" /> <link href="/publicemergency/Content/leaflet/leaflet.css" rel="stylesheet" /> <link href="/publicemergency/Content/leaflet/leaflet.responsive.popup.css" rel="stylesheet" /> <link href="/publicemergency/Content/leaflet/leaflet.responsive.popup.rtl.css" rel="stylesheet" /> <link href="/publicemergency/Content/leaflet/MarkerCluster.css" rel="stylesheet" /> <link href="/publicemergency/Content/leaflet/MarkerCluster.Default.css" rel="stylesheet" /> <link href="/publicemergency/Content/Chart.min.css" rel="stylesheet" /> <script src="/publicemergency/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script> <meta name="description" content="Monitor health issues around the world" /> <meta name="keywords" content ="Covid-19, Ebola, Cholera" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-160867502-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-160867502-1'); </script> <script src="/publicemergency/bundles/CoreJS?v=ohwxXtkjeF1uQiPJCxx3AyRUuplt43Iibjx5KghxwJU1"></script> </head> <body> <header> <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top bd-navbar" style="opacity:.9"> <a class="navbar-brand mr-0 mr-md-2" href="https://www.who.int/" target="_blank" aria-label="WHO"> <svg class="d-block" height="40" viewBox="0 0 580.82 177.96" xmlns="http://www.w3.org/2000/svg" focusable="false" style="fill: #fff"><title>World Health Organization</title><g id="Layer_2" data-name="Layer 2"><g id="ENGLISH"><path class="cls-1" d="M164,32.58c3.86,4.6,10.61,7.31,14.56,11.92-2.83-13.63-13.35-24.76-25.79-27.42C158.84,21.65,160.15,28,164,32.58ZM14.48,67.13c8.57-18.65,21.36-14.7,26.77-32.47-3,5.45-17,7.75-23.51,21.72,3.31-8.3,1.65-21,7.25-27.85C8.25,40.88,15.38,60.86,14.48,67.13ZM30,111.86c1.54,7.26-3,17.74,4.2,27.76C26.76,131.28,11,129.16,4.58,116.48c8,31,29,24.6,38.39,31.33C35.21,136.66,41.56,129.25,30,111.86Zm-2.41,19.45C23,114,31.18,108,24.93,91.4c-.65,9.36-6.89,13.92-2.68,31C14.82,107.94,3.33,102.54,0,92.6.23,119.78,22.07,123.81,27.59,131.31Zm33.54,29c-6.43-8.9-2-13.93-20.1-30.09,3.82,5.9-.12,13.32,12.06,24.86-11.92-7-28.36-4-36.29-13.41C30.42,167.74,54.35,157.1,61.13,160.34Zm87.42-5.23c12.18-11.54,8.24-19,12.06-24.86-18.06,16.16-13.67,21.19-20.1,30.09,6.78-3.24,30.71,7.4,44.32-18.64C176.91,151.09,160.47,148.08,148.55,155.11Zm18.89-15.49c7.17-10,2.66-20.5,4.2-27.76-11.56,17.39-5.21,24.8-13,36,9.44-6.73,30.36-.35,38.39-31.33C190.62,129.16,174.88,131.28,167.44,139.62Zm-28.86,21.95a89.2,89.2,0,0,0-19.75-3,47.75,47.75,0,0,0-18,3.06,47.78,47.78,0,0,0-18-3.06,89.2,89.2,0,0,0-19.75,3c-10.87,2.89-20.26,5.13-28.45,1,7.85,7,17,9.45,30.23,8,11-1.18,19.91-6.69,30.29-6.61h.41a55.47,55.47,0,0,0-17.12,13.31l5,.67s5.27-10.59,17.39-13.35c12.12,2.76,17.39,13.35,17.39,13.35l5-.67A55.63,55.63,0,0,0,106.1,164h.41c10.38-.08,19.27,5.43,30.28,6.61,13.23,1.43,22.39-1.06,30.24-8C158.84,166.7,149.45,164.46,138.58,161.57ZM25.67,72.63C21.19,81.23,14.23,83.2,15,101,11.22,85.18,2.24,79.32,2.35,69.23c-6.24,26.3,10.44,29.42,14.72,40.44C16.44,93.88,26.52,90.69,25.67,72.63Zm6.26-20.3c-1.56,2.18-2.65,3.11-6.81,6.54A33.77,33.77,0,0,0,13,78.64c.43-9.64-5.53-23.49-1.57-33.59-15.33,21.65.88,34.62,1.45,42.46C16.86,72.42,26,72.3,31.93,52.33Zm156.7,26.31a33.82,33.82,0,0,0-12.11-19.77c-4.16-3.43-5.25-4.36-6.81-6.54,5.93,20,15.07,20.09,19,35.18.57-7.84,16.78-20.81,1.44-42.46C194.15,55.15,188.2,69,188.63,78.64Zm13,14c-3.33,9.94-14.82,15.34-22.25,29.84,4.21-17.12-2-21.68-2.68-31-6.25,16.62,2,22.59-2.66,39.91C179.57,123.81,201.41,119.78,201.64,92.6ZM176,72.63c-.85,18.06,9.24,21.25,8.6,37,4.29-11,21-14.14,14.72-40.44.12,10.09-8.86,16-12.61,31.72C187.41,83.2,180.45,81.23,176,72.63Zm-138.34-40c3.87-4.6,5.18-10.93,11.24-15.5-12.44,2.66-23,13.79-25.79,27.42C27,39.89,33.76,37.18,37.62,32.58Zm122.77,2.08c5.41,17.77,18.2,13.82,26.76,32.47-.89-6.27,6.24-26.25-10.5-38.6,5.6,6.86,3.94,19.55,7.25,27.85C177.41,42.41,163.44,40.11,160.39,34.66ZM117,44.75A41.92,41.92,0,0,0,106.77,42c0,.75,0,1.52,0,2.28a40,40,0,0,1,9.4,2.58A6,6,0,0,0,117,44.75Zm-2.59-22,.68-.61-1.3-.55-3.42-.07-.89.62-2-.17,0,.49a34.75,34.75,0,0,1,3.52.37l1.67-.15ZM107.78,96.5c0-.58-.77-1.15-1.91-1.69h-.21c0,.47,0,2.79-.07,3.92C107,98.1,107.78,97.42,107.78,96.5ZM68.16,53a10.92,10.92,0,0,1,.29-1.25,5.79,5.79,0,0,1-1.4.14Zm32.73,100.6A69.76,69.76,0,0,0,108,14.47c0,.13,0,.27-.08.4-.14.68-.27,1.29-.37,1.83a67.35,67.35,0,0,1,40.63,19l-7.7,7.7.29-1.36-1-.44-1.38-.08.29-.89-.93-3.15-1.92-2.11-6-3.17-.52.55-1.09.32a18,18,0,0,1,3.18,10.11c0,.47,0,.92,0,1.37l3,3.75-1.4.32.93,1.4-2.63,2.62-1.06-2a17.92,17.92,0,0,1-2,3.93l.59.54-8.11,8.11c-.49-.47-1-.92-1.52-1.35-.78.36-1.57.69-2.38,1l.69.54-.41.41-1,.53-.35,1-.59-.59-1.71.57.47.75,1.18-.31.77.06.06-.42.59-.3.18-.35,1.06-.3.83,0c.16.14.33.29.48.44L115.81,68l-.24-.34-3.36.55-.75.75-.73.09,2.08-2-.74-.37-1.95,2.6.57-.06,0,1,.71.28.14,1-1.17-.23-1.22.22-3-1.51s-.16,7.92-.24,11.9c7,2.34,14.35,5.72,14.35,14.6a11,11,0,0,1-5,9.38h0l-.15.1h0l-.22.15c-2.82,1.86-6.44,2.86-9.58,3.84,0,0-.09,6.22-.09,6.22,5,2.48,11.05,6.09,10.49,16.42-.07,2.54-1.06,3.24-1.91,3.47h0a52.52,52.52,0,0,1-9,1.43c0,.8,0,1.56,0,2.27a55.87,55.87,0,0,0,34.78-15.36l8.1,8.1a67.37,67.37,0,0,1-93.3.19l8.1-8.1a55.83,55.83,0,0,0,34.29,15.15c0-.7,0-1.46,0-2.27A53.59,53.59,0,0,1,64.05,123l2.16-2.17,3,.34,1.58-1.7,4.14.14.61-1.43-.15-.61A42,42,0,0,0,96.48,126c0-.88,0-1.65,0-2.28A39.93,39.93,0,0,1,73.76,113.3l8.11-8.11a28.85,28.85,0,0,0,6.57,4.41,7.67,7.67,0,0,1,.82-2.13,26.22,26.22,0,0,1-5.79-3.89l8.13-8.12a14.86,14.86,0,0,0,4.34,2.41c0-.8,0-1.65,0-2.44a12.47,12.47,0,0,1-2.68-1.59l2.29-2.29c-.8-.24-1.62-.5-2.42-.78l-1.54,1.54a12.4,12.4,0,0,1-1.94-2.89,27.57,27.57,0,0,1-4-2.14A15.69,15.69,0,0,1,78.06,73.5,16.54,16.54,0,0,1,81.34,63l-8.08-8.08A39.91,39.91,0,0,1,94.9,44.28c0-.78,0-1.55-.05-2.28A42.18,42.18,0,0,0,71.66,53.34L70.29,52c-.31.55-.67,1.24-1.09,2.11l.86.87A42.13,42.13,0,0,0,58.6,83.17H47.13A53.62,53.62,0,0,1,62,46.83l3.64,3.65a4.61,4.61,0,0,0,.52,0,5.5,5.5,0,0,0,2.07-.6l-4.63-4.63a54.51,54.51,0,0,1,8-6.38,15.06,15.06,0,0,1,.57-1.68,26.93,26.93,0,0,1,1.75-2.35A56,56,0,0,0,62,43.63l-8.1-8.1A67.2,67.2,0,0,1,94,16.73c-.06-.28-.1-.5-.1-.5-.1-.53-.22-1.12-.33-1.74a69.77,69.77,0,0,0,7.28,139.15ZM116,105.45v-.06l0,0Zm33.78-68.12a67.26,67.26,0,0,1,18.65,45.84H156.92a55.67,55.67,0,0,0-6-24.48l.1-.2.79.42.19-.61L150,54.71l-2.43-3.36L144.69,49c-1-1.22-2-2.4-3.07-3.54ZM135.13,52l2.75.12.66.79-.33,1.17L142,56.48l.75-.09,4.9,5.6,2-.7a53.4,53.4,0,0,1,5,21.88H143.19a41.78,41.78,0,0,0-1.07-8.72l.53-.71.71-3.59-.54-3.86-1.38-4.44-3.2-4.68.78.41.39-.39-2.57-1.74-.17.57,2.57,3.67,1.45,3,1,3,.33,2,.53,3.38-1,.07s-1.11-2.07-1.45-2.92l.51-.77-1-1.4v-1.4l-.7-.88-.87.11c-.31-.58-.64-1.15-1-1.71l.62.31.16-.16-.33-.72.75-.42-.34-.42-1.11.42.41-1.74-.66-.38-.59,1.39a42.64,42.64,0,0,0-4.17-5.3Zm-2.3,26.87,2.06-1.12,2.1-.32.46-1,1.17-.7.45-1,.36-1.69c.17.59.32,1.2.46,1.81l-1.11,3.31,0,1.12,1.61-2.15a38.74,38.74,0,0,1,.57,6h-10l-.23-.87,1.17-.93.23-.56.51-.38,1.36-.14.14-.6ZM119.07,71l1-.24,0-.24-1-.69.35-2.16,1.23-1.23a27.16,27.16,0,0,1,2.13,2.77l-.43,1.33-1.12-.8-.85.23.42.79h.42l-.47,1.17-.32-.47Zm4.39,38.07-2.48-.7-.74.27-1.4-1.07-1.32-.47c.65-.47,1.28-1,1.89-1.48l2,1.44,1.56.82.77.77ZM122.2,64.85l8.11-8.11a40.43,40.43,0,0,1,5,6.74l-1,.28.05,1.81,3,1.92a39.2,39.2,0,0,1,1.9,5.12l-.53.78-1.1.7-.27,1.68-.75.42-.63.74-.63-.23-1.12,0,.65-.88.47-2.29.74-.46L134,70.92l-1.63.55L132,73l-1,1.11-1.07-.88-.38-.94.61-.38.34.62.5-.19-.22-1-.71,0-.05.42-.47.09L127,68.86l-.86-.65.33-.36.76-.26-.7-.28s-.89.2-1,.2l.51.64-1.28,0A27.71,27.71,0,0,0,122.2,64.85ZM126.33,108l-1.1-1.1.84-1.09,1.06-2.16-.41-.6.7-1.6-.08-1.44-.42-1.49-1-.35-.37.84-.6-.16a27.18,27.18,0,0,0,2.4-4.19l1-.44.58-.78.28.32.7-.84-.56-.7.51-.14.94.38,1.77,0,1.07-.56,2.8-.74-.53-.93-.18-1.13,1.5.66.56-.33-.28-1.16L135.7,89l-2-.42-1.54-3.15h8.77a39.92,39.92,0,0,1-11.07,26.08l-1.2-1.21.52-1.61-.94-3.55Zm1.55,22.37,1.08-2.32-.42-1,1.59-1.4v-.84l-1.36-.85,1.12-2.23,1.68-2.2-1.68-1.81h-1.26l-.78-1.27c.67-.56,1.34-1.13,2-1.73l8.11,8.11A54.38,54.38,0,0,1,127.88,130.38ZM138,119.67l.9-1-.85-4.44-.58-.23.36-.75-1.92-.6-.37,1.58-.19,2-.4.37-3.5-3.5a42.17,42.17,0,0,0,11.74-27.67h11.47a53.55,53.55,0,0,1-15.1,35.78Zm3.16,3.15a55.84,55.84,0,0,0,15.77-37.38h11.46a67.28,67.28,0,0,1-19.12,45.49Zm-69-11.11c-.83-.86-1.62-1.75-2.38-2.68l.35-2.9-1.21-2.78L68.62,99l-1.36-2.64.28-1.64L65.9,91.57l-1.43-.72.58-1.67-.59-1.32.59-1.51h1.57l.55-.91h2.68l.41.79L69.76,89l-.32.47,1,2.19-.66.36-.46-.58-.2.22.46,1.3.79,1.52.37,0L71,93l-.38-.5,0-.92-.12-1.9L71,86.34l-.54-.9h1.92a28.48,28.48,0,0,0,7.89,18.17ZM64.56,89.3,63.48,91H61.62l-.15-.11a40.74,40.74,0,0,1-.58-5.45h3.45l-.83,2.76Zm3.77-7.87.21-2.28,1.36-.79,2.43.43.37.44a27,27,0,0,0-.37,3.94H69.58ZM80,90l.57-.29L82,90.84l-.65.53,1.69,1.12L83,91.29l.9-1.49.94,1,1,1.38L84,92.56l.79,1.58L86,93.5,85.88,93l.9-.61.53-2.5a14.91,14.91,0,0,0,2.63,4l-8.1,8.1a26.21,26.21,0,0,1-7.1-15.22l1.66,1.77,1.56,0ZM71.66,56.54l8.1,8.11a28.91,28.91,0,0,0-4.3,6.19l-.56,0-1.14.35-.4,0-1.21,1.13L73.68,72l1.38-.35-.24.53-1.21.74H73l-1.78,1.36-1.72-.14-2.49,4.64.49.93-1.35,1.5-.21,2H60.86A39.92,39.92,0,0,1,71.66,56.54ZM61.19,117.69l2.57,1.51.53.36-1.86,1.86q-1.3-1.35-2.52-2.79ZM58.62,85.44c0,1.11.14,2.22.26,3.31l-1.4.32-.29,1.42-2.92,3.72.07,5.11-3,1H49.7a53.48,53.48,0,0,1-2.56-14.89ZM47.3,100.26l-.67-.13L46,99.42l-3.22-.28,1,1.35-3-.56.78-.72-.73-.72-2.15.94-.77,1.42.3,3.27L40.69,110l1.19,1.86.68.25-1.87-3.55-.41-1.81.42-.44-.26-1,1.13.15,1.73,2.62.43.17,0-1.91.7.41.15,1,1.82.48.76-.54.26.18,0,1.39.8,1,1,.22,2.12,3.59,1.29.36.4-1.68a56.32,56.32,0,0,0,7.9,10.2l-8.1,8.1A67.32,67.32,0,0,1,33.41,85.44H44.88A55.83,55.83,0,0,0,47.3,100.26Zm5-63.13,8.1,8.1A55.91,55.91,0,0,0,44.86,83.17H33.4A67.28,67.28,0,0,1,52.25,37.13Zm83-4.18-.69-1.12-1.5-.75-1.17.89,1.5.8L135.05,34ZM128.29,65.3l0,.88,2-.59.61-1.21-1.37-1.8.73-1.1,1.85,1.32.34-.27-.37-.26-.42-.8.76-.44-.74-1-1.74.88L129.36,62l-.35.95.77,1.29-.28.6Zm-82.9,51.42.15-.52-1-2.24-1.22-.45ZM92.27,73.64c0,1.92,1.17,3.28,3.3,4.45,0,0,0-.33,0-.86l-1.34-1.34.71-1.29.58-.16c0-2.24-.09-4.75-.1-5.11l-.1,0C93.34,70.43,92.27,71.75,92.27,73.64Z" /><path class="cls-1" d="M105.07,123.32c3.6,1.82,6.92,4.34,8.31,9.11.61-7.9-3.82-11.32-8.21-13.63C105.17,118.81,105.07,123.33,105.07,123.32Z" /><path class="cls-1" d="M129,43.2c0-7.17-5.2-15.13-17.95-17.94a30.69,30.69,0,0,0-3.89-.45c0,1.08-.08,3.56-.08,3.56,0,.78-.08,3.65-.1,4.27a18,18,0,0,1,2.45.34c7.41,1.77,10.06,6,10.06,10.22,0,6.81-5.82,9.38-13,11.32l-2.37.62c-2.17.54-4.4,1.06-6.61,1.65-.79.21-1.57.44-2.35.67h0c-7.93,2.42-14.75,6.24-14.75,16s7.78,13.34,15.37,15.68q-.07-4.19-.16-8.42c-3.35-1.57-5.71-3.64-5.71-7.12s2.15-5.46,5.44-7c.73-.33,1.51-.63,2.34-.91,1.89-.64,4-1.19,6.25-1.73l2.37-.57h0C117,60.89,129,57.54,129,43.2Z" /><path class="cls-1" d="M90.56,111.67c0,3.92,2.9,6,5.79,7.67,0-.66-.12-6.73-.12-6.83.06-1.21,1.23-1.94,2.18-2.39a47.05,47.05,0,0,1,4.59-1.75c.86-.3,1.59-.59,2.41-.83h0c5.8-1.75,12.51-4,12.51-11s-5.75-10-12-12.13c0,2.25-.11,5.54-.16,7.81,2.66,1,4.42,2.31,4.42,4.32,0,2.53-2.7,4-4.61,4.72-.8.31-2,.71-2.35.82-1.54.48-3.2,1-4.75,1.6a22.79,22.79,0,0,0-2.35,1C93.36,106.06,90.55,108.09,90.56,111.67Z" /><path class="cls-1" d="M94.49,25.93a46.17,46.17,0,0,0-7,2.85c-2.5.83-6,1-9.67,4.94A49.49,49.49,0,0,0,74.49,38c-1.1,1.58-1.15,4.12-2,5.49-1.16,2-.88,3.11-.88,3.11l0,.06a5.31,5.31,0,0,1-1.34,2.48A5.08,5.08,0,0,1,65.61,51c1.66.83,4-.33,4-.33a30.61,30.61,0,0,0-.88,3.3c1.86-4.21,3.57-5.75,4.1-6.18.8.18,2.46.11,5.54-1.66,3.48-2,8.71-5.25,10.19-7.31a13.59,13.59,0,0,1,6.16-4.65C94.61,31,94.55,28.26,94.49,25.93ZM79.81,39.08,78,39.47,80.16,36l2.52.08Z" /><path class="cls-1" d="M101.68,111.18c-.34.12-1.21.49-1.76.68s-1.32.51-1.32.71.56,30.41.56,31.08c0,6.25,3.18,6.29,3.18,0,0-.45.64-32.9.64-32.9S102.22,111,101.68,111.18Z" /><path class="cls-1" d="M98.38,101.16c1-.34,2-.64,2.9-.93l1.93-.6c0-1.91.58-28.33.68-33.13a60.72,60.72,0,0,0-6.15,1.77C97.81,71.87,98.33,98.28,98.38,101.16Z" /><path class="cls-1" d="M101,0c-8.94,0-5.14,13.26-4.43,17.58,0,.21.72,30,.86,36.79,1.36-.36,2.71-.69,4-1l2.7-.68c.13-6.57.79-35,.81-35.15C105.53,12.91,110.21,0,101,0Z" /><path class="cls-1" d="M247.15,42.27H247l-7.57,41.34H229.05l-9.71-50.45h8.26l6.75,38.89h.13l7.23-38.89h10.74l7.16,38.89h.14l7-38.89h8l-9.92,50.45H254.31Z" /><path class="cls-1" d="M289.43,45.81c7.22,0,15.56,4,15.56,19.15,0,15.62-8.34,19.23-15.56,19.23S273.8,80.58,273.8,65C273.8,49.79,282.2,45.81,289.43,45.81Zm0,32c5.5,0,6.74-6.65,6.74-12.87s-1.24-12.79-6.74-12.79-6.82,6.58-6.82,12.79S283.92,77.83,289.43,77.83Z" /><path class="cls-1" d="M310.28,52.53a52.55,52.55,0,0,0-.27-6.14h7.71c.07,2.24.28,4.55.28,6.79h.13c1-2.89,3.72-7.37,9-7.37a8.15,8.15,0,0,1,1.45.22v8.38a8.4,8.4,0,0,0-2.41-.36c-3.51,0-7.37,2.24-7.37,9.18V83.61h-8.54Z" /><path class="cls-1" d="M334,29.4h8.54V83.61H334Z" /><path class="cls-1" d="M378.14,29.4V77.25a51.7,51.7,0,0,0,.27,6.36h-8a51.34,51.34,0,0,1-.28-5.78h-.21c-1.37,3.18-3.92,6.36-9.43,6.36-8.81,0-12.46-8.82-12.46-19.15,0-12.15,4.61-19.23,12.26-19.23a9.51,9.51,0,0,1,9.15,5.93h.14V29.4ZM362.85,77.62c5,0,6.75-5.72,6.75-12.73,0-7.23-1.93-12.5-6.61-12.5s-6.4,4.84-6.4,12.29C356.59,73.28,357.9,77.62,362.85,77.62Z" /><path class="cls-1" d="M406.26,33.16h8.82V53.69h14.24V33.16h8.82V83.61h-8.82V61.35H415.08V83.61h-8.82Z" /><path class="cls-1" d="M470.84,81.81a25.48,25.48,0,0,1-10.6,2.38c-11.43,0-16.39-8.6-16.39-18.65,0-11.13,5.58-19.73,14.6-19.73,7.64,0,14.18,4.7,14.18,19.88v1.73H452.11c0,6.36,2.41,10.2,9,10.2,5.23,0,7.71-1.67,9.3-2.9Zm-6.47-20c0-6.58-2.07-9.91-5.92-9.91-4.48,0-6.34,5-6.34,9.91Z" /><path class="cls-1" d="M480.27,48.56a23.72,23.72,0,0,1,11.22-2.75c11,0,13.56,5.64,13.56,15V77a47.23,47.23,0,0,0,.49,6.57h-7.72a19.44,19.44,0,0,1-.48-5h-.13c-2.14,3-4.83,5.63-9.92,5.63-5.51,0-10.6-4-10.6-10.91,0-10.12,7.85-12.65,18.66-12.65h1.72V59.26c0-3.69-1.72-7.09-6.61-7.09a15.87,15.87,0,0,0-9.71,3.62Zm16.8,16.84h-.76c-7.3,0-11.63,1.59-11.63,7,0,3.4,2.13,5.71,5.43,5.71,5.1,0,7-4,7-10.63Z" /><path class="cls-1" d="M513.45,29.4H522V83.61h-8.54Z" /><path class="cls-1" d="M532.66,38.73,541.2,36V46.39h7.09V53H541.2v19.3c0,4,1.37,5.13,3.85,5.13a6.51,6.51,0,0,0,3.24-.8V83a12.66,12.66,0,0,1-5.72,1.23c-6.33,0-9.91-3-9.91-10.84V53H527V46.39h5.64Z" /><path class="cls-1" d="M552.69,29.4h8.54V51.16h.21c1.51-2.32,3.51-5.35,8.81-5.35,8,0,10.46,6.29,10.46,13.81v24h-8.54V61.28c0-5.71-1.37-8.1-4.88-8.1-4.48,0-6.06,4-6.06,8.75V83.61h-8.54Z" /><path class="cls-1" d="M238.13,97c10,0,19.14,7.81,19.14,26s-9.15,25.94-19.14,25.94S219,141.14,219,123,228.15,97,238.13,97Zm0,44.82c5.58,0,10.05-5,10.05-18.86s-4.47-18.87-10.05-18.87-10,5-10,18.87S232.56,141.86,238.13,141.86Z" /><path class="cls-1" d="M263,117.14a55,55,0,0,0-.27-6.15h7.71c.07,2.25.27,4.56.27,6.8h.14c1-2.89,3.72-7.37,9-7.37a8.9,8.9,0,0,1,1.44.21V119a8.27,8.27,0,0,0-2.4-.36c-3.52,0-7.37,2.24-7.37,9.18v20.38H263Z" /><path class="cls-1" d="M286.63,154a21.73,21.73,0,0,0,10.47,3.19c8,0,9.36-5.86,9.36-11.72v-3.54h-.14c-1.37,2.89-3.78,6.29-9.36,6.29-5,0-12.39-3.47-12.39-18.5,0-10.27,3.51-19.3,12.8-19.3,5.17,0,7.58,3.11,9.37,6.36H307c0-2,.21-3.83.28-5.79H315c-.14,2-.28,3.91-.28,5.86v27.47c0,11.64-3.37,20-16.38,20A34.38,34.38,0,0,1,286.15,162Zm13.28-12.36c5.37,0,7.5-4,7.5-12.5,0-7.81-2.82-12-6.88-11.93-4.48.08-6.2,4.41-6.2,12C294.33,138,297,141.64,299.91,141.64Z" /><path class="cls-1" d="M324,113.16a23.9,23.9,0,0,1,11.23-2.74c11,0,13.56,5.64,13.56,15v16.26a47.54,47.54,0,0,0,.48,6.58h-7.71a19.47,19.47,0,0,1-.48-5.06h-.14c-2.13,3-4.82,5.64-9.91,5.64-5.51,0-10.6-4-10.6-10.91,0-10.12,7.84-12.65,18.65-12.65h1.72v-1.38c0-3.68-1.72-7.08-6.61-7.08a15.9,15.9,0,0,0-9.7,3.61ZM340.75,130H340c-7.3,0-11.64,1.59-11.64,7,0,3.39,2.14,5.71,5.44,5.71,5.09,0,6.95-4,6.95-10.63Z" /><path class="cls-1" d="M357.34,117.14a55,55,0,0,0-.27-6.15h8c.06,1.88.27,3.83.27,5.72h.14c1.24-2.25,3.65-6.29,9.43-6.29,8.05,0,10.46,6.29,10.46,13.8v24h-8.53V125.89c0-5.71-1.38-8.1-4.89-8.1-4.48,0-6.06,4-6.06,8.75v21.68h-8.54Z" /><path class="cls-1" d="M393.06,95.16h8.81V104h-8.81Zm.13,15.83h8.54v37.23h-8.54Z" /><path class="cls-1" d="M409.68,140.49l15.14-22.7H410.16V111h23.2v7.67l-14.87,22.77h15.35v6.79H409.68Z" /><path class="cls-1" d="M441.92,113.16a23.87,23.87,0,0,1,11.23-2.74c11,0,13.56,5.64,13.56,15v16.26a47.54,47.54,0,0,0,.48,6.58h-7.71a19,19,0,0,1-.48-5.06h-.14c-2.14,3-4.82,5.64-9.91,5.64-5.51,0-10.61-4-10.61-10.91,0-10.12,7.85-12.65,18.66-12.65h1.72v-1.38c0-3.68-1.72-7.08-6.61-7.08a15.9,15.9,0,0,0-9.7,3.61ZM458.72,130H458c-7.3,0-11.63,1.59-11.63,7,0,3.39,2.13,5.71,5.44,5.71,5.09,0,7-4,7-10.63Z" /><path class="cls-1" d="M476.52,103.33l8.54-2.74V111h7.09v6.58h-7.09v19.3c0,4,1.38,5.13,3.86,5.13a6.48,6.48,0,0,0,3.23-.79v6.36a12.62,12.62,0,0,1-5.71,1.23c-6.34,0-9.92-3-9.92-10.84V117.57h-5.64V111h5.64Z" /><path class="cls-1" d="M498,95.16h8.81V104H498ZM499.1,111h8.54v37.23H499.1Z" /><path class="cls-1" d="M529.81,110.42c7.23,0,15.55,4,15.55,19.15,0,15.62-8.32,19.23-15.55,19.23s-15.63-3.61-15.63-19.23C514.18,114.39,522.58,110.42,529.81,110.42Zm0,32c5.5,0,6.74-6.65,6.74-12.87s-1.24-12.79-6.74-12.79S523,123.35,523,129.57,524.3,142.44,529.81,142.44Z" /><path class="cls-1" d="M552.8,117.14a52.51,52.51,0,0,0-.28-6.15h8c.07,1.88.28,3.83.28,5.72h.14c1.23-2.25,3.64-6.29,9.42-6.29,8.06,0,10.47,6.29,10.47,13.8v24h-8.53V125.89c0-5.71-1.38-8.1-4.9-8.1-4.47,0-6,4-6,8.75v21.68H552.8Z" /></g></g></svg> </a> <div class="align-middle app-title text-white font-weight-bolder"><span title="WHO Health Emergency Dashboard">WHO Health Emergency Dashboard</span></div> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse text-right" id="navbarSupportedContent"> <ul class="navbar-nav flex-row ml-auto d-md-flex"> <li class="nav-item pull-right dropdown" id="novel-coronavirus-link"> <a href="#" class="nav-link dropdown-toggle" id="novel-coronavirus-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Useful links </a> <div class="dropdown-menu" aria-labelledby="novel-coronavirus-dropdown"> <a class="dropdown-item" href="https://covid19.who.int" target="_blank" onclick="gtag('event', 'select_content', { 'content_type': 'COVID-19 Links (COVID-19 Dashboard)', 'items': [ { 'Link_Title':'COVID-19 Dashboard' } ] }); "><span>COVID-19 Dashboard</span></a> <a class="dropdown-item" href="https://www.who.int/emergencies/diseases/novel-coronavirus-2019" target="_blank" onclick="gtag('event', 'select_content', { 'content_type': 'COVID-19 Links (COVID-19 Website)', 'items': [ { 'Link_Title':'COVID-19 Website' } ] }); "><span>COVID-19 Website</span></a> <a class="dropdown-item" href="https://portal.who.int/eios-coronavirus-newsmap/" target="_blank" onclick="gtag('event', 'select_content', { 'content_type': 'COVID-19 Links (COVID-19 News Map)', 'items': [ { 'Link_Title':'COVID-19 News Map' } ] }); "><span>COVID-19 News Map</span></a> <a class="dropdown-item" href="https://worldhealthorg.shinyapps.io/mpx_global/" target="_blank" onclick="gtag('event', 'select_content', { 'content_type': 'COVID-19 Links (Monkeypox)', 'items': [ { 'Link_Title':'Monkeypox' } ] }); "><span>Monkeypox</span></a> </div> </li> </ul> <ul class="navbar-nav flex-row d-md-flex"> <li class="nav-item" data-toggle="modal" id="btnDisclaimer" title="Disclaimer"> <i class="fa fa-info-circle hand-pointer"></i> </li> <li class="nav-item" id="faqToggle" data-toggle="modal" data-target="#faqPanel" title="Frequently Asked Questions"> <i class="fa fa-question-circle hand-pointer"></i> </li> <li id="btnNewsAndPub" class="nav-item" title="News and publications"> <i class="fa fa-newspaper hand-pointer"></i> </li> </ul> </div> </nav> </header> <div class="loader_background"></div> <div class="custom_loader" style="position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 201 !important; display: none; text-align: center;"> <div class="spinner-border text-primary" role="status"> <span class="sr-only">Searching...</span> </div> <div style="color:white;font-weight:bold">Loading..</div> </div> <div class="area"></div> <!--Modal - disclaimerPanel--> <div class="modal fade" id="disclaimerPanel" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">WHO Health Emergency Dashboard Disclaimer</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p> The World Health Organization (WHO) Health Emergency Dashboard is a platform which aims to share information about public health events and emergencies. The data on the dashboard is refreshed every thirty (30) minutes and data is accurate as at time of refreshing. </p> <p> The WHO Health Emergency Dashboard is not a comprehensive representation of all the events and emergencies that WHO is aware of and responding to. The events displayed are a subset of those reported through official channels as mandated by the International Health Regulations (IHR 2005). The content of the WHO Health Emergency Dashboard is for general information only. It is subject to change without notice. While every reasonable effort has been made to make the information on the WHO Health Emergency Dashboard as timely and accurate as possible, WHO makes no claims, promises or guarantees about the effectiveness, completeness and accuracy of the contents of the WHO Health Emergency Dashboard, and expressly disclaims any liability for damages as a result of the use and/or application of the WHO Health Emergency Dashboard, errors and/or omissions in the content. The responsibility for the interpretation and use of the content lies with the reader. WHO reserves the right to make updates and changes to posted content without notice and accepts no liability for any errors or omissions in this regard. WHO assumes no responsibility or liability for any consequence resulting directly or indirectly from any action or inaction readers take based on or made in reliance on the information and material available on the WHO Health Emergency Dashboard. While every reasonable effort has been made to use appropriate language and pictures on the WHO Health Emergency Dashboard, WHO expressly disclaims any responsibility for inadvertent offensive or insensitive, perceived or actual, language or pictures. WHO will take no responsibility for or be liable for the WHO Health Emergency Dashboard being temporarily unavailable in the event of technical or other issues. </p> <p> The size of the pie charts corresponds to the number of events in a given country or territory; the size does not indicate the severity or risk associated with the event(s). The designations employed and the presentation of content on the WHO Health Emergency Dashboard, including names of the events, maps and other illustrative materials, do not imply the expression of any opinion whatsoever on the part of WHO concerning the legal status of any country, territory, city or area, or of its authorities, or concerning the delineation of frontiers and borders. </p> <p> <i> [1] All references to Kosovo should be understood to be in the context of the United Nations Security Council resolution 1244 (1999). [2] A dispute exists between the Governments of Argentina and the United Kingdom of Great Britain and Northern Ireland concerning sovereignty over the Falkland Islands (Malvinas). <u>Dotted and dashed lines on maps represent approximate border lines for which there may not yet be full agreement.</u> </i> </p> </div> <div class="modal-footer"> <div class="col-md-12 col-lg-12 col-sm-12"> <!-- modified by Rainjie --> <div class="float-left"><label><input type="checkbox" id="cbDisclaimer" /> Don't show this again</label></div> <div class="float-right"><span> If you have any question, please refer to <a id="btnFAQToggle" href="javascript:void(0);">FAQ</a></span> </div> </div> </div> </div> </div> </div> <!--Modal--> <div> <input id="DashboardMode" name="DashboardMode" type="hidden" value="GBL" /> <input id="SpecificEmergencyMode" name="SpecificEmergencyMode" type="hidden" value="" />; <div id="fullscreen"> <!-- Modal --> <div class="modal right slideInRight animated" id="newsPanel" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="myModalLabel2">News and Publications</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> <div class="modal-body"> <div> <ul class="nav nav-tabs mb-3" id="newstab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="dons-tab" data-toggle="tab" href="#dons" role="tab" aria-controls="dons" aria-selected="true">Disease Outbreak News</a> </li> <li class="nav-item"> <a class="nav-link" id="publications-tab" data-toggle="tab" href="#publications" role="tab" aria-controls="publications" aria-selected="false">WHO Publications</a> </li> <li class="nav-item"> <a class="nav-link" id="links-tab" data-toggle="tab" href="#links" role="tab" aria-controls="links" aria-selected="false">Useful Links</a> </li> </ul> </div> <div> <div class="searchbar"> <input class="search_input" type="text" id="searchPanel1" placeholder="Search..."> <i class="fas fa-search search_icon"></i> </div> </div> <div class="overflow-auto tab-content" id="tabContent1"> <div class="tab-pane fade show active" id="dons" role="tabpanel" aria-labelledby="dons-tab"> <div id="donsList"> <div v-for="item in DonsIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value6" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 class="mb-1 text-info">{{item.value1}}</h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value5" target="_blank">{{item.value2}}, {{item.value4}}</a> </span> </div> </div> </newsItem> </div> </div> </div> <div class="tab-pane fade" id="publications" role="tabpanel" aria-labelledby="publications-tab"> <div id="publicationsList"> <div v-for="item in CommsIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value7" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 v-if="item.value2 != 'Video file'" data-toggle="tooltip" data-placement="top" v-bind:title="item.tooltip" class="mb-1 text-info">{{item.value1}}</h6> <h6 v-if="item.value2 == 'Video file'" data-toggle="tooltip" data-placement="top" v-bind:title="item.tooltip" class="mb-1 text-info">{{item.value1}}<i class="fab fa-youtube text-danger p-2"></i></h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value6" target="_blank">{{item.value3}}, {{item.value5}}</a> </span> </div> </div> </newsItem> </div> </div> </div> <div class="tab-pane fade" id="links" role="tabpanel" aria-labelledby="links-tab"> <div id="LinksList"> <div v-for="item in LinksIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value6" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 class="mb-1 text-info">{{item.value1}}</h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value5" target="_blank">{{item.value2}} - {{item.value4}}</a> </span> </div> </div> </newsItem> </div> </div> </div> </div> </div> </div><!-- modal-content --> </div><!-- modal-dialog --> </div><!-- modal --> ; <!-- Modal --> <div class="modal right slideInRight animated" id="faqPanel" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="faqModalLabel">Frequently Asked Questions</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> <div class="modal-body"> <div> <ul class="nav nav-tabs mb-3" id="faqstab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="faq-tab" data-toggle="tab" href="#faq" role="tab" aria-controls="dons" aria-selected="true">FAQ</a> </li> </ul> </div> <div> <div class="searchbar"> <input class="search_input" type="text" id="searchFaqPanel" placeholder="Search..."> <i class="fas fa-search search_icon"></i> </div> </div> <div class="overflow-auto tab-content" id="faqContent"> <div class="tab-pane fade show active" id="faq" role="tabpanel" aria-labelledby="faq-tab"> <dl id="faqList" class="pl-3"> <template v-for="item in FaqIndicators" class="media position-relative mb-4"> <faqitem> <dt class="text-info h6"> {{ item.value2 }} </dt> <dd> <p v-html="item.value3"></p> </dd> </faqitem> </template> </dl> </div> </div> </div> </div><!-- modal-content --> </div><!-- modal-dialog --> </div><!-- modal --> ; <!-- Modal --> <div class="modal right slideInRight animated" id="entity-detail-panel" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title font-blue" id="entity-title"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> </div> <div class="m-2"> <ul class="nav nav-tabs mb-3" id="newstab" role="tablist"> <li class="nav-item"> <a class="nav-link font-blue active" id="detail-tab" data-toggle="tab" href="#entity-detail" role="tab" aria-controls="entity-detail" aria-selected="true">Event</a> </li> <li class="nav-item"> <a class="nav-link font-blue" id="more-info-tab" data-toggle="tab" href="#more-info" role="tab" aria-controls="more-info" aria-selected="true">Details</a> </li> </ul> </div> <div class="modal-body overflow-auto tab-content" id="detail-content"> <div class="tab-pane fade show active" id="entity-detail" role="tabpanel" aria-labelledby="detail-tab"> </div> <div class="tab-pane fade" id="more-info" role="tabpanel" aria-labelledby="more-info-tab"> </div> </div> </div><!-- modal-content --> </div><!-- modal-dialog --> </div><!-- modal --> ; <div class="right_side_slide map-setting overflow-auto py-0"> <div class="row filter"> <div class="col-12"> <span class="label-font" style="cursor:pointer; font-weight: 500; font-size: 16px; margin-right: 5px;" id="prntSelectedLayer"> <img src="/publicemergency/Content/images/layers-icon.png" /> <span class="mx-1" id="selectedLayer" title="The layer of data currently being displayed."></span> </span> <span class="mx-1" id="countryMode"></span> <span class="label-font" id="filterCount"> <span class="filter-count mx-1">0</span>&nbsp;Filters applied </span> <button class="btn btn-sm btn-primary position-relative ml-2" data-toggle="collapse" data-target="#globalFilters" aria-expanded="false" aria-controls="globalFilters" id="btnFilter"> <img src="/publicemergency/Content/images/funnel-fill.svg" /> Filters </button> <button id="clearData" class="btn btn-sm ed-btn-clear">CLEAR</button> </div> <div class="collapse fade filter-div" id="globalFilters"> <div class="card card-body bg-white"> <label class="form-label">Country / area</label> <select id="filterCountry" name="filterCountry" class="form-select form-control custom-form-select" aria-label="Default select example"> <option selected value="">Select All</option> </select> </div> </div> </div> <div class="row"> <div class="col-8 px-0"> <ul class="nav nav-tabs news-and-publications-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="map-tab" data-toggle="tab" href="#map" role="tab" aria-controls="map" aria-selected="true"><i class="bi bi-globe"></i>&nbsp;Map</a> </li> </ul> </div> <div class="col-12 pl-0"> <div class="tab-content" id="myTabContent1"> <div class="loader_background"></div> <div class="tab-pane fade show active" id="map" role="tabpanel" aria-labelledby="map-tab"> <div><div class="world-map" id="map"></div></div> <div class="fullscreenmapbutton"> <btn class="requestfullscreen"><i class="fa fa-expand-arrows-alt fa-lg"></i></btn> <btn class="exitfullscreen" style="display: none"><i class="fa fa-compress-arrows-alt fa-lg"></i></btn> </div> <div class="homemapbutton"> <div id="btnHome"><i class="fa fa-home"></i></div> </div> <div id="global-legend-pane"> <div class="data-as-of"></div> </div> </div> <div class="tab-pane fade" id="tabular-view" role="tabpanel" aria-labelledby="tabular-view-tab"> <div class="container-fluid pl-0 py-3 text-left"> <div class="row"> <div class="col-12 px-4 pr-2"> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#menu1">Monkeypox</a> </li> </ul> <!-- Tab panes --> <div class="tab-content p-2" id="myTabContent2"> <div class="tab-pane active" id="menu1"> <button id="download" class="mb-1 btn btn-primary btn-sm rounded" style="float:right;"> <img class="mr-1" src="/publicemergency/Content/images/download.svg" /> Download </button> <table id="data-table" class="display" style="width:100%"></table> </div> </div> </div> <div class="col-12"> </div> </div> </div> </div> </div> </div> </div> </div> <div id="who-region-pane"> </div> <div id="legend-pane" class="display-none" aria-hidden="true"> <div class="row"> <div class="col-12"> <label class="font-weight-bolder">Map Legend</label> </div> </div> <div id="legend-events"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Events</span> <div class="small">(Size of circles relates to the number of events)</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="smallavatar bg-purple">&nbsp;</span> # of Events</li> </ul> </div> <div id="legend-ssa"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Attacks on Health</span> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="smallavatar bg-ssa">&nbsp;</span> # of Attacks</li> </ul> </div> <div id="legend-herams" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>HeRAMS</span> <div class="small">(Health Resources and Services Availability Monitoring System)</div> </div> </div> <ul class="list-group"> <li class="list-group-item"> <span class="smallavatar bg-herams">&nbsp;</span> HeRAMS Project </li> </ul> </div> <div id="legend-refugee"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Refugee Situation</span> <div class="small">Ukraine Refugee Situation</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="smallavatar bg-herams">&nbsp;</span> Refugee from Ukraine</li> </ul> </div> <div id="legend-population"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Population</span> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="smallavatar bg-population">&nbsp;</span> # of population</li> </ul> </div> <div id="legend-cities" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Cities</span> </div> </div> <ul class="list-group"> <li class="list-group-item"> <a><img src="/publicemergency/Content/images/city.png" width="15" height="15"></a> Major Cities </li> </ul> </div> <div id="legend-conflictlocations" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Conflict Locations - Fatalities</span> </div> </div> <ul class="list-group"> <li class="list-group-item"><a><img src="/publicemergency/Content/images/Conflict.svg" width="35" height="35"></a> &gt;20 Fatalities</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/Conflict.svg" width="30" height="30"></a> 16-20 Fatalities</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/Conflict.svg" width="25" height="25"></a> 11-15 Fatalities</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/Conflict.svg" width="20" height="20"></a> 6-10 Fatalities</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/Conflict.svg" width="15" height="15"></a> &lt;6 Fatalities</li> </ul> </div> <div id="legend-transportroad" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Transport Road</span> <div class="small">List of road facilities</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="transroad-avatar transroad-primary">&nbsp;</span> Primary road</li> <li class="list-group-item"><span class="transroad-avatar transroad-secondary">&nbsp;</span> Secondary road</li> <li class="list-group-item"><span class="transroad-avatar transroad-trunk">&nbsp;</span> Trunk road</li> <li class="list-group-item"><span class="transroad-avatar transroad-residential">&nbsp;</span> Residential road</li> <li class="list-group-item"><span class="transroad-avatar transroad-tertiary">&nbsp;</span> Tertiary road</li> <li class="list-group-item"><span class="transroad-avatar transroad-others">&nbsp;</span> Other roads</li> </ul> </div> <div id="legend-transportrail" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Transport Rail</span> <div class="small">List of rail facilities</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><span class="smallavatar bg-black">&nbsp;</span> Railway track</li> </ul> </div> <div id="legend-transportport" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Transport Port</span> <div class="small">Port facilities</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><a><img src="/publicemergency/Content/images/port.png" width="15" height="15"></a> Port</li> </ul> </div> <div id="legend-transportairport" class="mb-2 mt-3"> <div class="row mb-2 mt-2"> <div class="col-12"> <span>Transport Airport</span> <div class="small">Airport facilities</div> </div> </div> <ul class="list-group"> <li class="list-group-item"><a><img src="/publicemergency/Content/images/airplaneIn.png" width="15" height="15"></a> International Airport</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/airplaneDo.png" width="15" height="15"></a> Domestic Airport</li> <li class="list-group-item"><a><img src="/publicemergency/Content/images/airplaneMl.png" width="15" height="15"></a> Unknown Airport</li> </ul> </div> </div> <div class="left-side-bar-new"> <ul class="side-bar-new-button-list"> <li class="my-3 active"> <button class="btn side-bar-new-button" id="Summary-btn"> <img src="/publicemergency/Content/images/summary-icon.png" class=""> </button> </li> <li class="my-3"> <button class="btn side-bar-new-button" id="Layer-btn"> <img src="/publicemergency/Content/images/layers-icon.png" class=""> </button> </li> <li class="my-3"> <button class="btn side-bar-new-button" id="News-btn"> <img src="/publicemergency/Content/images/news-icon.png" class=""> </button> </li> </ul> </div> <div class="left_side_slide"> <div id="mySidenav-2" class="sidenav sidenav_left_side"> <div class="layers-checkbox text-uppercase"> <img src="/publicemergency/Content/images/layers-icon.png" class="layer-icon mr-2" />Layers <a href="#" class="data-layers-close-button"> <img src="/publicemergency/Content/images/x-circle-fill.svg" /> </a> </div> <div class="layers-div"> <div class="row layers-row"> <div class="col-12"> <ul class="layers-list dynamic-layers"> <li class="active active-layer" id="events"> <input type="radio" name="layers" checked="checked" class="d-none cbLayer" layerID="events" id="cbEvents" onclick="RadioButtonClicked(this)" /> <label for="cbEvents" style="width:100%"> <span id="l-events" class="l-indicator spinner-border spinner-border-sm text-primary" style="float: right; color: #999999 !important; display: none; "></span> <h3>Events</h3> <div id="legend-pane-cbEvents"> <span> <div class="smallavatar bg-purple">&nbsp;</div> # for Events (Size determines number of events) </span> </div> </label> </li> <li id="ssa"> <input type="radio" name="layers" class="d-none cbLayer" layerID="ssa" id="cbSSA" onclick="RadioButtonClicked(this)" /> <label for="cbSSA" style="width:100%"> <span id="l-ssa" class="l-indicator spinner-border spinner-border-sm text-primary" style="float: right; color: #999999 !important; display: none; "></span> <h3>Attack On Health</h3> <div id="legend-pane-cbSSA"> <span> <div class="smallavatar bg-ssa">&nbsp;</div> # for Attack On Health (Size determines number of Attack On Health) </span> </div> </label> </li> <li id="herams"> <input type="radio" name="layers" class="d-none cbLayer" layerID="herams" id="cbHeRAMS" onclick="RadioButtonClicked(this)" /> <label for="cbHeRAMS" style="width:100%"> <span id="l-herams" class="l-indicator spinner-border spinner-border-sm text-primary" style="float: right; color: #999999 !important; display: none; "></span> <h3>HeRAMS</h3> <div id="legend-pane-cbHeRAMS"> <span> <div class="smallavatar bg-herams">&nbsp;</div> # for HeRAMS (Size determines number of HeRams) </span> </div> </label> </li> <li> <label for="cb-maps" style="width:100%"> <h3>Map</h3> <div> <span> <div class="bg-map">&nbsp;</div> Grey areas on the map represent territories for which there may not yet be full agreement. </span> </div> </label> </li> <li> <div> <span> We are no longer showing monkeypox data in the emergency dashboard. For data related to monkeypox please use the <a href="https://worldhealthorg.shinyapps.io/mpx_global/" target="_blank">global trends report</a> </span> </div> </li> </ul> </div> </div> </div> </div> <div id="mySidenav-2-details" class="sidenav sidenav_left_side"> </div> <div id="mySidenav-4" class="sidenav sidenav_left_side" style="margin-left: 1px;"> <div class="layers-checkbox text-uppercase"> <img src="/publicemergency/Content/images/news-icon.png" class="layer-icon mr-2" /> News and Publications <a href="#" class="data-layers-close-button"><img src="/publicemergency/Content/images/x-circle-fill.svg" /></a> </div> <div class="news-and-publications-div"> <div class="row news-and-publications-row px-1"> <div class="col-12 px-0"> <ul class="nav nav-tabs mb-3" id="newstab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="dons-tab" data-toggle="tab" href="#dons" role="tab" aria-controls="dons" aria-selected="true">Disease Outbreak News</a> </li> <li class="nav-item"> <a class="nav-link" id="publications-tab" data-toggle="tab" href="#publications" role="tab" aria-controls="publications" aria-selected="false">WHO Publications</a> </li> <li class="nav-item"> <a class="nav-link" id="links-tab" data-toggle="tab" href="#links" role="tab" aria-controls="links" aria-selected="false">Useful Links</a> </li> </ul> </div> <div class="col-12"> <div class="searchbar"> <input class="search_input" type="text" id="searchPanel" placeholder="Search..."> <i class="fas fa-search search_icon"></i> </div> </div> <div class="overflow-auto tab-content col-12" id="tabContent"> <div class="tab-pane fade show active" id="dons" role="tabpanel" aria-labelledby="dons-tab"> <div id="donsList"> <div v-for="item in DonsIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value6" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 class="mb-1 text-info">{{item.value1}}</h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value5" target="_blank">{{item.value2}}, {{item.value4}}</a> </span> </div> </div> </newsItem> </div> </div> </div> <div class="tab-pane fade" id="publications" role="tabpanel" aria-labelledby="publications-tab"> <div id="publicationsList"> <div v-for="item in CommsIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value7" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 v-if="item.value2 != 'Video file'" data-toggle="tooltip" data-placement="top" v-bind:title="item.tooltip" class="mb-1 text-info">{{item.value1}}</h6> <h6 v-if="item.value2 == 'Video file'" data-toggle="tooltip" data-placement="top" v-bind:title="item.tooltip" class="mb-1 text-info">{{item.value1}}<i class="fab fa-youtube text-danger p-2"></i></h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value6" target="_blank">{{item.value3}}, {{item.value5}}</a> </span> </div> </div> </newsItem> </div> </div> </div> <div class="tab-pane fade" id="links" role="tabpanel" aria-labelledby="links-tab"> <div id="LinksList"> <div v-for="item in LinksIndicators"> <newsItem> <div class="media position-relative mb-4 ml-3 mr-3"> <span v-bind:class="item.value6" class="mr-3 pt-4 shadow" style="width:45px"></span> <div class="media-body"> <h6 class="mb-1 text-info">{{item.value1}}</h6> <span class="text-sm-right text-dark"> <a v-bind:href="item.value5" target="_blank">{{item.value2}} - {{item.value4}}</a> </span> </div> </div> </newsItem> </div> </div> </div> </div> <!--<div class="col-12"> <div class="tab-content px-2" id="myTabContent"> <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> <div class="text-center"><img src="~/Content/images/no-data-found.png"></div> </div> <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"> <div class="text-center"><img src="~/Content/images/no-data-found.png"></div> </div> <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"> <div class="text-center"><img src="~/Content/images/no-data-found.png"></div> </div> </div> </div>--> </div> </div> </div> </div> <script> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function () { this.classList.removeClass("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { this.classList.toggle("active"); panel.style.maxHeight = panel.scrollHeight + "px"; } }); } $(document).ready(function () { $('#dataLayersDropDown').on('hide.bs.dropdown', function (e) { if (e.clickEvent) { e.preventDefault(); } }); $(document).on('shown.bs.modal', '#exampleModal', function (e) { console.log('inside shown modal'); //$(".modal-backdrop.show").css("left", "415px"); }); $('#exampleModal').on('hidden.bs.modal', function (e) { $(".modal-backdrop.show").css("left", "0px"); }); }); function openDetaildView() { $(".my-3").removeClass('active'); $("#Layer-btn").parent().addClass('active'); setTimeout(function () { var siedmenuwidth = $("#mySidenav-2-details").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); } else { $("#mySidenav-2-details").css("width", "365px"); $("#mySidenav-4").css("width", "0"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#Layer-btn").css("left", "365px"); $("#Summary-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); } }, 300); } function RadioButtonClicked(e) { $(".active-layer").removeClass("active"); $(".active-layer").removeClass("active-layer"); $(e).closest("li").addClass("active"); $(e).closest("li").addClass("active-layer"); } </script> ; <div class="left_side_slide"> <div id="mySidenav-3" class="sidenav sidenav_left_side"> <div class="layers-checkbox text-uppercase"> <img src="/publicemergency/Content/images/Equalizer.svg" class="layer-icon mr-2" />SUMMARY <a href="#" class="data-layers-close-button"> <img src="/publicemergency/Content/images/x-circle-fill.svg" /> </a> </div> <div class="summary-div" id="generalSummary"> <div class="row summary-row px-1"> <div class="col-6 summary-info-div" detailOf="TotalEvents"> <h3 class="info-heading">Number of Events</h3> <p class="info-value">135</p> <a href="https://data.humdata.org/dataset/cod-ps-ukr" title="https://data.humdata.org/dataset/cod-ps-ukr" class="info-date-source-link" target="_blank">SOURCE</a> </div> <div class="col-6 summary-info-div" detailOf="VictimsTotalDeath"> <h3 class="info-heading">Number of deaths on healthcare attacks</h3> <p class="info-value">2.5K</p> <a href="https://extranet.who.int/ssa" title="https://extranet.who.int/ssa" class="info-date-source-link" target="_blank">SOURCE</a> <p class="info-view-more" type="button" onClick="OpenDetailModal('Number of deaths on healthcare attacks', 'VictimsTotalDeath')"> VIEW MORE >> </p> </div> <div class="col-6 summary-info-div" detailOf="VictimsTotalInjured"> <h3 class="info-heading">Number of injuries on healthcare attacks</h3> <p class="info-value">5.1K</p> <a href="https://extranet.who.int/ssa" title="https://extranet.who.int/ssa" class="info-date-source-link" target="_blank">SOURCE</a> <p class="info-view-more" type="button" onClick="OpenDetailModal('Number of injuries on healthcare attacks', 'VictimsTotalInjured')"> VIEW MORE >> </p> </div> <div class="col-6 summary-info-div" detailOf="TotalAttack"> <h3 class="info-heading">Total number of healthcare attacks</h3> <p class="info-value">7.2K</p> <a href="https://extranet.who.int/ssa" title="https://extranet.who.int/ssa" class="info-date-source-link" target="_blank">SOURCE</a> </div> </div> </div> <div class="summary-div d-none" id="specialSummary"> </div> </div> </div> <div class="modal fade" id="SummaryDetailPopup" tabindex="-1" role="dialog" aria-labelledby="SummaryDetailPopupLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl" role="document"> <div class="modal-content"> <div class="modal-header p-2"> <h5 class="modal-title ml-2" id="SummaryDetailPopupLabel">Total population affected</h5> <input type="hidden" id="detailOf" value="" /> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <a href="#" class="modal-data-layers-close-button"><img src="/publicemergency/Content/images/x-circle-fill.svg" /></a> </button> </div> <div class="modal-body"> <div style="min-height: 540px;"> <canvas class="rounded modal-box" style="min-height: 540px; min-width: 540px;" id="bar-chart"> </canvas> <canvas class="rounded modal-box" style="min-height: 540px; min-width: 540px;" id="pie-chart"> </canvas> </div> </div> </div> </div> </div> ; <div id="disclaimer-controller"> <a href="javascript:void(0);" id="slide-toggle"><span class="fa fa-chevron-down"></span></a> </div> <div id="info-pane"></div> <div class="modal fade" id="herams-modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <img src="/publicemergency/Content/images/herams-logo.png" width="170" class="herams-logo" alt="HeRAMS Logo"> </div> <div class="modal-body"> <p> You will be redirected to the HeRAMS platform (<a href="https://herams.org/" target="_blank">www.herams.org</a>). If not done yet, please sign up (<a href="https://herams.org/user/request-account" target="_blank">https://herams.org/user/request-account</a>) to access individual projects </p> </div> <div class="modal-footer"> <button class="btn btn-secondary" data-dismiss="modal" aria-label="Close">Cancel</button> <a id="herams-redirect" data-dismiss="modal" href="#" class="btn btn-primary" target="_blank">Ok</a> </div> </div> </div> </div> </div> </div> <!-- autogenerated (cannot be bundled)--> <script src="/publicemergency/signalr/hubs"></script> <script type="text/javascript"> var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function () { this.classList.removeClass("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { this.classList.toggle("active"); panel.style.maxHeight = panel.scrollHeight + "px"; } }); } $(document).ready(function () { appSettings.BaseUrl = '/publicemergency'; appSettings.AutoRefresh = true; appSettings.MapSettings.Global_EsriGeocodeServer_Url = 'https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer'; appSettings.MapSettings.Emergency_Grading_Url = '//extranet.who.int/maps/rest/services/WHEDASHBOARD/DASH_PUBLIC_INCIDENTS_v1/MapServer/0'; appSettings.MapSettings.Public_Events_Url = '//extranet.who.int/map/rest/services/WHEDASHBOARD/WHEDASHBOARD_DASH_PUBLIC_EVENTS_HAZARD_COUNT/MapServer/0'; appSettings.MapSettings.Who_Admin0_Polygons_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/Detailed_Boundary_ADM0/FeatureServer/0'; appSettings.MapSettings.Who_Basemap_Url = 'https://tiles.arcgis.com/tiles/5T5nSi527N4F7luB/arcgis/rest/services/Basemap/MapServer/'; appSettings.MapSettings.Who_Basemap_Labels_Url = 'https://tiles.arcgis.com/tiles/5T5nSi527N4F7luB/arcgis/rest/services/WHE_Polygon_ADM0_labels/VectorTileServer'; appSettings.MapSettings.Who_DisputedAreas_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/Detailed_Boundary_Disputed_Areas/FeatureServer/0'; appSettings.MapSettings.Who_DisputedBorders_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/Detailed_Boundary_Disputed_Borders/FeatureServer/0'; appSettings.MapSettings.CovidCasesByChinaProvince_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/COVID_19_CasesByAdm1(pt)_VIEW/FeatureServer/0/'; appSettings.MapSettings.CovidCasesByCountry_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/COVID_19_CasesByCountry(pl)_VIEW/FeatureServer/0/'; appSettings.MapSettings.CovidHistoricCasesByCountry_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/COVID19_hist_cases_adm0_v5_view/FeatureServer/0/'; appSettings.MapSettings.Who_SSAPopupURL = 'https://ssa.who.int/'; appSettings.MapSettings.Who_SSA_ReportVersion = 'https://publicspace.who.int/sites/SSA/SitePages/MiniForm.aspx?ReportID={{ReportID}}&amp;VersionID={{VersionID}}'; appSettings.MapSettings.Who_SSAPopupFormData = '30'; appSettings.MapSettings.Who_HeRAMS_Url = "https://herams.org/"; appSettings.MapSettings.Who_HeRAMS_Projects_Url = "https://herams.org/api/projects"; appSettings.MapSettings.Who_Admin1_Polygons_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/Detailed_Boundary_ADM1/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_ConflictArea_Url = 'https://services.arcgis.com/LG9Yn2oFqZi5PnO5/ArcGIS/rest/services/Armed_Conflict_Location_Event_Data_ACLED/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_City_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/arcgis/rest/services/Populated_places/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_TransportRoad_Url = 'https://services.arcgis.com/5T5nSi527N4F7luB/ArcGIS/rest/services/Ukraine_Roads/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_TransportRail_Url = 'https://services9.arcgis.com/zdTKtWQehTjbybEv/ArcGIS/rest/services/UKR_Railways/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_TransportPort_Url = 'https://services9.arcgis.com/zdTKtWQehTjbybEv/ArcGIS/rest/services/UKR_Port_view/FeatureServer/0'; appSettings.MapSettings.Who_Ukraine_TransportAirport_Url = 'https://services9.arcgis.com/zdTKtWQehTjbybEv/ArcGIS/rest/services/UKR_Airport_view/FeatureServer/0'; //var commsURL = 'https://worldhealthorg.sharepoint.com/sites/EmergencyDashboard/him/_vti_bin/listdata.svc/Communication'; SetupHomePage(); $('#dataLayersDropDown').on('hide.bs.dropdown', function (e) { if (e.clickEvent) { e.preventDefault(); } }); $("#Summary-btn").click(function () { $(".my-3").removeClass('active'); $("#Summary-btn").parent().addClass('active'); var siedmenuwidth = $("#mySidenav-3").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Summary-btn").css("left", "0px"); $("#Layer-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); $(".modal-backdrop.show").css("left", "415px"); } else { $("#mySidenav-3").css("width", "365px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Summary-btn").css("left", "365px"); $("#Layer-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); $(".modal-backdrop.show").css("left", "415px"); } }) $("#Layer-btn, #prntSelectedLayer").click(function () { $(".my-3").removeClass('active'); $("#Layer-btn").parent().addClass('active'); var siedmenuwidth = $("#mySidenav-2").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); $(".modal-backdrop.show").css("left", "415px"); } else { $("#mySidenav-2").css("width", "365px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-4").css("width", "0px") $("#mySidenav-2-details").css("width", "0px");; $("#Layer-btn").css("left", "365px"); $("#Summary-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); $(".modal-backdrop.show").css("left", "0"); } }); $("#News-btn").click(function () { $(".my-3").removeClass('active'); $("#News-btn").parent().addClass('active'); var siedmenuwidth = $("#mySidenav-4").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); $(".modal-backdrop.show").css("left", "415px"); } else { $("#mySidenav-4").css("width", "460px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "365px"); $("#Summary-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); $(".modal-backdrop.show").css("left", "0"); } if ($("#cbMonkeyPox").is(":checked")) { showFilterPanel("Monkeypox", true); } else { showFilterPanel("", true); } }); $("#select-events").click(function () { var siedmenuwidth = $("#mySidenav-2-details").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); $(".modal-backdrop.show").css("left", "415px"); } else { $("#mySidenav-2-details").css("width", "365px"); $("#mySidenav-4").css("width", "0"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#Layer-btn").css("left", "365px"); $("#Summary-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); $(".modal-backdrop.show").css("left", "0"); } }); $(document).on("click", "#back-arrow", function () { $(".my-3").removeClass('active'); $("#Layer-btn").parent().addClass('active'); var siedmenuwidth = $("#mySidenav-2").width(); if ((siedmenuwidth) > 0) { $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); $(".modal-backdrop.show").css("left", "415px"); } else { $("#mySidenav-2").css("width", "365px"); $("#mySidenav-4").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "365px"); $("#Summary-btn").css("left", "365px"); $(".dark-overlay").css("display", "block"); $(".modal-backdrop.show").css("left", "0"); } }); $(document).on("click", ".data-layers-close-button", function () { $(".my-3").removeClass('active'); $("#mySidenav-2").css("width", "0px"); $("#mySidenav-3").css("width", "0px"); $("#mySidenav-4").css("width", "0px"); $("#mySidenav-2-details").css("width", "0px"); $("#Layer-btn").css("left", "0px"); $("#Summary-btn").css("left", "0px"); $(".dark-overlay").css("display", "none"); }); }); </script> <script> $(document).ready(function () { var typingTimer; var doneTypingInterval = 700; //added by Rainjie if (window.localStorage.getItem("disclaimer") !== null && parseInt(window.localStorage.getItem("disclaimer")) !== 0) { if (window.localStorage.getItem("disclaimer") === "1") { $("#cbDisclaimer").prop("checked", true); } else { $("#cbDisclaimer").prop("checked", false); } } else { if (location.href.lastIndexOf("=") == -1) { showDisclaimer(); } } $('.dropdown-submenu > a').on('click', function (e) { var submenu; submenu = $(this); $('.dropdown-submenu .dropdown-menu').removeClass('show'); submenu.next('.dropdown-menu').addClass('show'); e.stopPropagation(); }); $("#btnDisclaimer").click(function () { showDisclaimer(); gtagSelectContent("NAV Links (Disclaimer)", { "Link_title": "Disclaimer" }); }); function showDisclaimer() { $("#disclaimerPanel").modal("show"); } $("#cbDisclaimer").change(function () { if ($(this).is(":checked")) { window.localStorage.setItem("disclaimer", "1"); //true, 0 false } else { window.localStorage.setItem("disclaimer", "0"); } }); $("#btnFAQToggle").click(function () { $("#faqToggle").click(); $("#disclaimerPanel").modal("hide"); }); //end $("#faqToggle").click(function () { gtagSelectContent("NAV Links (FAQ)", { "Link_title": "FAQ" }); }); $("#searchPanel").on("keyup change input", function () { filterPanelResults("#searchPanel", "#tabContent newsItem", $(this).val()); }); $("#searchFaqPanel").on("keyup change input", function () { filterPanelResults("#searchFaqPanel", "#faqContent faqitem", $(this).val()); }); $(".modal").on("hidden.bs.modal", function () { filterPanelResults("#searchFaqPanel", "#faqContent faqitem", ""); filterPanelResults("#searchPanel", "#tabContent newsItem", ""); }); $("#btnNewsAndPub").click(function () { var sidemenuwidth = $("#mySidenav-4").width(); if (sidemenuwidth > 0) { $("#mySidenav-4").css("width", "0px"); } else { $("#mySidenav-4").css("width", "460px"); showFilterPanel("", true); } gtagSelectContent("NAV Links (News and Publications)", { "Link_title": "News and Publications" }); }); $("#newstab .nav-item #dons-tab").click(function () { $("#tabContent .tab-pane.fade").removeClass("show active"); $("#tabContent #dons").addClass("show active"); }); $("#newstab .nav-item #publications-tab").click(function () { $("#tabContent .tab-pane.fade").removeClass("show active"); $("#tabContent #publications").addClass("show active"); }); $("#newstab .nav-item #links-tab").click(function () { $("#tabContent .tab-pane.fade").removeClass("show active"); $("#tabContent #links").addClass("show active"); }); $("#dons-tab").click(function () { gtagSelectContent("News and Publications Links (Disease outbreak news)", { "Link_title": "Disease outbreak news" }); }); $("#publications-tab").click(function () { gtagSelectContent("News and Publications Links (WHO Publications)", { "Link_title": "WHO Publications" }); }); $("#links-tab").click(function () { gtagSelectContent("News and Publications Links (Useful Links)", { "Link_title": "Useful Links" }); }); function gtagSelectContent(ct, items) { gtag("event", "select_content", { "content_type": ct, "items": [items] }); } $("#searchFaqPanel").keyup(function () { clearTimeout(typingTimer); typingTimer = setTimeout(faqCheckOutput, doneTypingInterval); }); $("#searchFaqPanel").keydown(function () { clearTimeout(typingTimer); }); $("#searchPanel").keyup(function () { clearTimeout(typingTimer); typingTimer = setTimeout(searchCheckOutput, doneTypingInterval); }); $("#searchPanel").keydown(function () { clearTimeout(typingTimer); }); function faqCheckOutput() { gtagSelectContent("FAQ Search (" + $("#searchFaqPanel").val() + ")", { "Link_title": $("#searchFaqPanel").val() }); } function searchCheckOutput() { gtagSelectContent("News and Publication Search (" + $("#searchPanel").val() + ")", { "Link_title": $("#searchPanel").val() }); } }); </script> <script src="/publicemergency/bundles/esrileaflet?v=OO7pDrbfQGgBXJ5bZcBBgODtIDMQsUS_hjy4YpM8lrA1"></script> <script src="/publicemergency/bundles/bootstrap?v=uGHmhUJmyTQtfvd-5eCVCfOQSYiNF10seLYAFKemVDk1"></script> <script src="/publicemergency/bundles/Content/scripts?v=IgZVDK7gpwiKl4qiqLbwCqsruBgJxHHYcEUK1-cGo6A1"></script> <script src="/publicemergency/bundles/ChartJS?v=u0qmnkaTKaxGIFqh7_en8ksiNkoJ1FGNu7auCBXfDsg1"></script> <script src="/publicemergency/Scripts/jquery.fullscreen-0.4.1.min.js"></script> <script type="text/javascript"> var csrfToken = $("input[name='__RequestVerificationToken']").val(); $(function () { var worldMap = $(".world-map"); var fullScreenMapButtonContainer = $(".fullscreenmapbutton"); // check native support $('#support').text($.fullscreen.isNativelySupported() ? 'supports' : 'doesn\'t support'); // open in fullscreen $('#fullscreen .requestfullscreen').click(function () { $('#map').fullscreen(); $('#map').next(); return false; }); // exit fullscreen $('#fullscreen .exitfullscreen').click(function () { $.fullscreen.exit(); return false; }); // document's event $(document).bind('fscreenchange', function (e, state, elem) { // if we currently in fullscreen mode if ($.fullscreen.isFullScreen()) { $('#fullscreen .requestfullscreen').hide(); $('#fullscreen .exitfullscreen').show(); fullScreenMapButtonContainer.addClass("exit-map"); worldMap.addClass("full-screen"); $('.fullscreenmapbutton').insertAfter(".world-map"); $(".homemapbutton").hide(); } else { $('.fullscreenmapbutton').insertBefore(".homemapbutton"); $('#fullscreen .requestfullscreen').show(); $('#fullscreen .exitfullscreen').hide(); fullScreenMapButtonContainer.removeClass("exit-map"); worldMap.removeClass("full-screen"); $(".homemapbutton").show(); } $('#state').text($.fullscreen.isFullScreen() ? '' : 'not'); }); }); //$(document).load(function () { // debugger; //}); //$("#legend-pane").hide(); //$(".maplegendicon").on("click", ShowLegend); //$("#close-legend").on("click", function () { // $("#legend-pane").hide(); //}); $("#hazards-faq-icon").on("click", function () { showFilterPanel("Hazard", false); }); $("#emergencies-faq-icon").on("click", function () { showFilterPanel("Grades Emergencies", false); }); //function ShowLegend() { // if ($("#legend-pane").is(":visible")) { // $("#legend-pane").hide(); // } // else { // $("#legend-pane").show(); // } // gtag('event', 'select_content', { // 'event_category': 'Legend', // 'event_label': 'Legend' // }); //} $("#download").click(function () { ShowOptionsToDownload(); }); function ShowOptionsToDownload() { var popoverdata = "" popoverdata += "<div><a href='#' class='btn popoverlink' id='csvMpxExport'><i class='fa fa-solid fa-file-csv'></i> CSV</a></div>"; popoverdata += "<div><a href='#' class='btn popoverlink' id='excelMpxExport'><i class='fa fa-solid fa-file-excel'></i> Excel</a></div>"; $('#download').attr('data-html', true); $('#download').attr('data-placement', "bottom"); $('#download').attr('data-content', popoverdata); $('#download').popover('show'); $("#csvMpxExport").click(function () { $('#download').popover('hide'); ExportData("Monkeypox", "CSV"); }); $("#excelMpxExport").click(function () { $('#download').popover('hide'); ExportData("Monkeypox", "Excel"); }); } function ExportData(table, reportType) { $.ajax({ url: RESOLVE_URL('/Emergency/ExportData'), type: 'POST', headers: { "X-XSRF-Token": csrfToken }, data: { table: table, reportType: reportType }, beforeSend: function () { $('.loader_background').show(); }, success: function (data) { console.log(data.filePath); var a = document.createElement("a"); document.body.appendChild(a); a.href = RESOLVE_URL(data.filePath); a.target = "_blank"; a.download = data.fileName; a.click(); a.remove(); }, complete: function () { $('.loader_background').hide(); }, error: function (xhr, textStatus, error) { debugger; if (typeof console === "object") { console.log(xhr.status + "," + xhr.responseText + "," + textStatus + "," + error); } } }); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10