coronaindia
Version:
COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.
905 lines (887 loc) • 44.3 kB
HTML
<!--
#Project : COVID19
#Team : https://github.com/orgs/elComrades/people
#Author : github.com/prashantmi, github.com/deepandu
github.com/abhijatchaturvedi, github.com/siddharthsrivastava
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-161859093-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-161859093-2');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="COVID-19 virus outbreak in INDIA">
<meta property="og:url" content="https://coronaindia.github.io/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="COVID-19 INDIA Dashboard" />
<meta property="og:description" content="Dashboard for COVID-19 virus outbreak in INDIA">
<meta property="og:image" content="https://coronaindia.github.io/media/images/fsharevirus.png">
<meta name="theme-color" content="#FFFFFF" />
<title>COVID-19 INDIA Dashboard</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/dashboardTheme.css">
<!--JQueryUI -->
<link href="media/jquery-ui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap -->
<link href="media/bootstrap/bootstrap-4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables -->
<link href="media/dataTables/DataTables-1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables Responsive -->
<link href="media/dataTables/Responsive-2.2.2/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Fontawesome Icons---->
<link rel="stylesheet" href="media/fontawesome/5.10.1/css/all.css" />
<!-- OverlayScrollbars Plugin CSS -->
<link type="text/css" href="media/overlayScrollbars/css/OverlayScrollbars.css" rel="stylesheet" />
<!--customBootstrap----->
<link rel="stylesheet" href="media/prashantUIUX/customBootstrap/css/customBootstrap.css" type="text/css" />
<!--Fonts--------------->
<link rel="stylesheet" href="media/prashantUIUX/fonts/webfontkit-averta-family/stylesheet.css" type="text/css" />
<!--Custom -->
<link rel="stylesheet" href="media/misc/css/indexNight.css" type="text/css" />
<link rel="stylesheet" href="media/misc/css/allAnimation.css" type="text/css" />
<!-- <link rel="stylesheet" href="media/misc/css/botFrame.css" type="text/css" /> -->
<link rel="manifest" href="media/pwa/manifest.json" />
</head>
<body class="hold-transition sidebar-mini layout-fixed" id="pagescroll">
<input type="text" name="themeTypeElm" id="themeTypeElm" class="d-none themeTypeElm" value="2">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link nav-link-menuBtn" data-widget="pushmenu" href="#"><img class="img" src="media/images/menuWhite.svg" width="20px" height="20px">
</a>
</li>
<li class="nav-item mt-2 ">
<a href="" class="navheading text-nowrap"><b>COVID-19 Virus Outbreak in INDIA </b><img class="img" src="media/images/indianflag.svg" width="20px" height="20px"></a>
<div class="form-group d-flex text-nowrap flex-nowrap">
Day Mode
<i class="fas fa-cloud-sun text-warning" style=""></i>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input themeSwitchChkBox" id="customSwitch1" checked>
<label class="custom-control-label" for="customSwitch1"></label>
</div>
<i class="fas fa-cloud-moon text-primary" style=""> </i>
Night Mode
</div>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<form class="form-inline">
<span style="cursor: pointer;"><span class="badge badge-secondary" data-widget="control-sidebar" data-slide="true">Ask Bot <i class="far fa-hand-point-right"></i></span><img class="direct-chat-img animated flip delay-0.2s"
data-widget="control-sidebar" data-slide="true" src="media/images/robot.svg" style="float: right;">
</span>
</form>
</li>
</ul>
</nav>
<!-- Main Sidebar Container -->
<aside class="main-sidebar elevation-4 shadow">
<!-- Brand Logo -->
<a href="" class="brand-link">
<img src="media/images/virus.svg" alt="CoronaIndia Logo" class="brand-image img-circle elevation-3">
<span class="brand-text font-weight-bold text-shadow " style="color:white; text-shadow: 0.5px 0.5px #20EDE9;">COVID-19 INDIA</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item">
<a href="" class="nav-link">
<i class="nav-icon fas fa-home"></i>
<p>
Home
</p>
</a>
</li>
<li class="nav-item">
<a href="#dashboardSection" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Stats- INDIA
</p>
</a>
</li>
<li class="nav-item">
<a href="worldwide.html" class="nav-link">
<i class="nav-icon fas fa-globe"></i>
<p>
Stats- WORLD
</p>
</a>
</li>
<li class="nav-item">
<a href="researchcentre.html" class="nav-link">
<i class="nav-icon fas fa-flask"></i>
<p>
Research Centre <span class="badge badge-light new-text" >New</span>
</p>
</a>
</li>
<li class="nav-item">
<a href="#newsCard" class="nav-link">
<i class="nav-icon fas fa-rss-square"></i>
<p>
Guidelines
</p>
</a>
</li>
<li class="nav-item">
<a href="#faqCard" class="nav-link">
<i class="nav-icon far fa-question-circle"></i>
<p>
FAQs
</p>
</a>
</li>
<li class="nav-item">
<a href="#helplineCard" class="nav-link">
<i class="nav-icon fas fa-tty"></i>
<p>
Helpline
</p>
</a>
</li>
<!-- <li class="nav-item has-treeview">
<a href="#" class="nav-link">
<i class="nav-icon far fa-chart-bar"></i>
<p>
Graphs
<i class="fas fa-angle-left right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#mapCard" class="nav-link">
<i class="fas fa-map-marker-alt nav-icon"></i>
<p>State Wise Cases Map</p>
</a>
</li>
<li class="nav-item">
<a href="#doughnutCard" class="nav-link">
<i class="fas fa-chart-pie nav-icon"></i>
<p>Cases 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#lineCard" class="nav-link">
<i class="fas fa-chart-line nav-icon"></i>
<p>Trend of 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#lineCard2" class="nav-link">
<i class="fas fa-chart-line nav-icon"></i>
<p>Doubling rate 2019-nCoV</p>
</a>
</li>
<li class="nav-item">
<a href="#bargraph" class="nav-link">
<i class="fas fa-chart-bar nav-icon"></i>
<p>State & UTs</p>
</a>
</li> -->
<!-- </ul>
</li> -->
<!-- <li class="nav-item">
<a href="#latestnewsCard" class="nav-link">
<i class="fas fa-rss nav-icon"></i>
<p>
News Center
</p>
</a>
</li> -->
<li class="nav-item">
<a href="about.html" class="nav-link">
<i class="fa fa-info-circle nav-icon"></i>
<p>
About
</p>
</a>
</li>
<!-- <li class="nav-item ml-3"> -->
<!-- <a class="fab fa-twitter shadow" title="Share via Twitter" target="_blank" href="https://twitter.com/intent/tweet?button_hashtag=indiafightscorona&ref_src=twsrc%5Etfw"> -->
<!-- </a> -->
<!-- <a target="_blank" href="https://twitter.com/intent/tweet?button_hashtag=indiafightscorona&ref_src=twsrc%5Etfw">#indiafightscorona</a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1 "> -->
<!-- <a class="fab fa-linkedin shadow" title="Share via Linkedin" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://coronaindia.github.io/&title=#indiafightscorona&source=https://coronaindia.github.io/"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a href="https://www.instagram.com/?url=https://coronaindia.github.io/" title="Share via Instagram" target="_blank" class="fab fa-instagram shadow"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a class="fab fa-facebook shadow" target="_blank" title="Share via Facebook" href="https://www.facebook.com/sharer.php?u=https://coronaindia.github.io/"></a> -->
<!-- </li> -->
<!-- <li class="nav-item ml-3 mt-1"> -->
<!-- <a target="_blank" title="Share via Whatsapp" href="whatsapp://send?&text= COVID-19 INDIA Dashboard https://coronaindia.github.io/" class="fab fa-whatsapp shadow"></a> -->
<!-- </li> -->
</nav>
</div>
</aside>
<!--Common navbar ends here-->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0">Dashboard
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="nav-item mr-1">
<a class="fab fa-twitter shadow" title="Share via Twitter" target="_blank" href="https://twitter.com/elcomrades">
</a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-linkedin shadow" title="Share via Linkedin" target="_blank"
href="https://www.linkedin.com/shareArticle?mini=true&url=https://coronaindia.github.io/&title=#indiafightscorona&source=https://coronaindia.github.io/"></a>
</li>
<li class="nav-item mr-1">
<a href="https://www.instagram.com/?url=https://coronaindia.github.io/" title="Share via Instagram" target="_blank" class="fab fa-instagram shadow"></a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-facebook shadow" target="_blank" title="Share via Facebook" href="https://www.facebook.com/elcomrades"></a>
</li>
<li class="nav-item mr-1">
<a target="_blank" title="Share via Whatsapp" href="whatsapp://send?&text= COVID-19 INDIA Dashboard https://coronaindia.github.io/" class="fab fa-whatsapp shadow"></a>
</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Main content -->
<section class="content" id="dashboardSection">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row ">
<div class="col-lg-2 col-sm-6 col-6 ">
<!-- small box -->
<div class="small-box border border-info shadow-lg bg-gradient-info">
<div class="inner">
<h3 id="totalCases"></h3>
<img class="img float-right" src="media/images/totalcase.svg" width="42px" height="42px">
<p>Total Cases</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-primary shadow-lg bg-gradient-primary">
<div class="inner">
<h3 id="totalActive"></h3>
<img class="img float-right" src="media/images/activecase.svg" width="42px" height="42px">
<p>Active Cases</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<div class="small-box border border-success shadow-lg bg-gradient-success">
<div class="inner">
<h3 id="cic"></h3>
<img class="img float-right" src="media/images/india.svg" width="42px" height="42px">
<p>Last 7 days</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-danger shadow-lg bg-gradient-danger">
<div class="inner">
<h3 id="deaths"></h3>
<img class="img float-right" src="media/images/nuclear.svg" width="42px" height="42px">
<p>Total Deaths</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<div class="small-box border border-warning shadow-lg bg-gradient-warning text-white">
<div class="inner">
<h3 id="cfc"></h3>
<img class="img float-right" src="media/images/globe.svg" width="42px" height="42px">
<p>Fatality Rate</p>
</div>
</div>
</div>
<div class="col-lg-2 col-sm-6 col-6">
<!-- small box -->
<div class="small-box border border-secondary shadow-lg bg-gradient-secondary">
<div class="inner">
<h3 id="discharged"></h3>
<img class="img float-right" src="media/images/cured.svg" width="42px" height="42px">
<p>Cured/Migrated</p>
</div>
</div>
</div>
</div>
<!-- Main row -->
<div class="row">
<!-- Left col -->
<section class="col-lg-6 connectedSortable">
<!-- Custom tabs (Charts with tabs)-->
<div class="card shadow" style="" id="lineCard">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
Trend of 2019-nCoV Cases
</h3>
<div class="card-tools">
<select id="stateList" class="form-control" style="display:inline;width:75%;" onchange="filterDataStateWise(this.value)">
<option>Select State</option>
</select>
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" id="trendsOf2019" style="height: 300px">
<canvas id="lineChart"></canvas>
</div>
</div>
<div class="card shadow" style="" id="lineCard2">
<div class="card-header border-0">
<h3 class="card-title">
<i class="fas fa-chart-line mr-1" style="color:#20B4C4;"></i>
Doubling rate 2019-nCoV Cases
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas id="lineChart2"></canvas>
</div>
</div>
<div class="card shadow " id="newsCard">
<div class="card-header">
<h3 class="card-title"><i class="fas fa-rss-square mr-1" style="color:#20B4C4;"></i> Guidelines</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="direct-chat-messages customScrollBar" id="newsscroll" style="min-height:330px;">
<div class="list-group advisoryLinks">
<a href="https://www.mohfw.gov.in/pdf/SocialDistancingAdvisorybyMOHFW.pdf" class="list-group-item list-group-item-action" target="_blank">Advisory - Social Distancing</a>
<a href="https://www.mohfw.gov.in/pdf/1584423700568_COVID19GuidelinesonDeadbodymanagement.pdf" class="list-group-item list-group-item-action" target="_blank">Guidelines on Dead Body Management</a>
<a href="https://www.mohfw.gov.in/pdf/Guidelinesforhomequarantine.pdf" class="list-group-item list-group-item-action" target="_blank">Guidelines for home quarantine</a>
<a href="https://www.mohfw.gov.in/pdf/Useofmaskbypublic.pdf" class="list-group-item list-group-item-action" target="_blank">Guidelines on use of masks by public</a>
<a href="https://www.mohfw.gov.in/pdf/advisoryformassgathering.pdf" class="list-group-item list-group-item-action" target="_blank">Advisory - Mass Gatherings</a>
<div class="list-group-item list-group-item-action ">
<h5><span class="badge badge-success"><a href="https://covid.icmr.org.in/index.php/testing-facilities" target="_blank" style="color:white">ICMR COVID-19 Testing Laboratories</a></span></h5>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow" id="helplineCard">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-tty mr-1" style="color:#20B4C4;"></i>
Central Helpline Number: <b style="color:#20B4C4;">1075 </b> / <b style="color:#20B4C4;">+91-11-23978046</b>
</h3>
<h3 class="card-title">
<i class="far fa-envelope mr-1" style="color:#20B4C4;"></i>
Helpline Email ID : <b style="color:#20B4C4;">ncov2019@gov.in</b> / <b style="color:#20B4C4;">ncov2019@gmail.com</b>
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="panel-collapse collapse show" aria-expanded="true">
<div id="hacker-list">
<input class="form-control search " type="search" placeholder="Search by State" aria-label="Search">
<div class="customScrollBar" style="max-height:444px;">
<ul class="list" id="newsscroll" style="list-style-type:none;">
<li data-id="1">
<i class="nav-icon fas fa-tty mr-1" style="color:aqua;"></i><span href="#!" class="place" style=" Color:white;">Andhra Pradesh </span>
<span class="phoneNo timestamp " data-timestamp="1234" style="color:lightsteelblue;"> 0866-2410978</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="col-lg-6 connectedSortable">
<!-- Map card -->
<div class="card shadow" id="mapCard">
<div class="card-header border-0 mb-0">
<h3 class="card-title">
<i class="fas fa-map-marker-alt mr-1" style="color:#20B4C4;"></i>
State Wise Case Information
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0">
<!-- <div id="googleMapNcovCas" class="coronaGoogleMaps" style="height: 550px; width: 100%; color:#323C48; background:#323C48;"></div> -->
<div id="amMapdiv" style="width: 100%; height: 400px; "></div>
</div>
<div class="card-footer bg-transparent d-none">
</div>
</div>
<div class="card shadow" id="faqCard">
<div class="card-header">
<h3 class="card-title"> <img class="img mr-1" src="media/images/faqAqua.svg" height="22" width="22"> Frequently Asked Questions (FAQ's)</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body" style="font-size:15px !important;">
<div class="direct-chat-messages customScrollBar" id="newsscroll" style="min-height:375px;">
<div class="panel-group fqqDiv" id="accordion">
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title hover">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What is 2019 Novel Coronavirus ?</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
2019 Novel Coronavirus, or 2019-nCoV, is a new virus first identified in Wuhan, Hubie Province, China. It is named novel as it has not been previously identified.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What is the source of 2019 Novel
Coronavirus ?</a>
</h5>
</div>
<div id="collapseTen" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
At present exact source of infection of 2019 novel Corona virus has not need identified. Coronaviruses are a large family of virus, some causing illness in people and others that circulate among animals. Initially, many of
the patients in the outbreak in Wuhan, China reportedly had some link to large seafood and aimal market, suggesting the virus likely emerged from an animal source.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEleven" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What are the initial symptoms of
Novel Coronavirus ?</a>
</h5>
</div>
<div id="collapseEleven" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Current symptoms reported for patients with 2019-nCoV include acute onset of fever, cough, and difficulty in breathing.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> How does the virus spread ?</a>
</h5>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
The specific modes of transmission of the virus is not clear yet since it is a novel virus. The virus probably orignally emerged from an animal source but now seems to be spreading from person-to-person. It's not clear yet
how easily 2019-nCoV spreads from person-to-person. It is thought to have happened mainly when a infected person coughs or sneezes, similar to how influenza and other respiratory pathogens spread.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What is GoI doing about 2019-nCoV
?</a>
</h5>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
A 24*7 helpline has been setup by the GoI at NCDC, New Delhi to answer all queries regarding the diseases. The GoI is closely monitoring the situation and has ascertained the level of preparedness in every State of India.
As this is an emerging, rapidly evolving the GoI will continue to provide updated information as it becomes available.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> Is there a vaccine to get protection
from 2019 novel Corona Virus ?</a>
</h5>
</div>
<div id="collapseFive" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Currently, there is no vaccine available to protect against 2019-novel Corona Virus.
<br />
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> Is it safe to travel to Wuhan, China or
other countries where 2019-nCoV 2019 cases have occured ?</a>
</h5>
</div>
<div id="collapseSix" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
All nonessential travel to China is to be avoided. If the travel is unavoidable- At all times follow the simple public health measures:
<ul>
<li>Obeserve good personel hygiene.</li>
<li>Monitor your health closely.</li>
<li>Seek medical attention promptly if you feel sick.</li>
<li>If you feel sick during travel, inform airline crew about your illness and seek mask from the airline crew</li>
<li>For futher detials kindly check Travel advisory issued by MoHFW, GoI available on website (<a class="color-white" href="https://www.mohfw.gov.in">www.mohfw.gov.in</a>).</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What are the treatments ?</a>
</h5>
</div>
<div id="collapseEight" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
There is no specific antiviral treatment available for 2019-novel Corona Virus infection. People infected with 2019-novel Corona Virus should receive supportive care to help relieve symptoms.
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseNine" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> How can I help protect myself ?</a>
</h5>
</div>
<div id="collapseNine" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
There is currently no vaccine to prevent 2019-nCoV infection. The best way to prevent infection is to avoid being exposed to this virus.
<ul>
<li>All non-essential travel to China or affected countaries* to be avoided.</li>
<li>Observe good personal hygiene.</li>
<li>Prectice frequent hand washing with soap.</li>
<li>Cover your mouth when coughing and sneezing.</li>
*The list of affected countries is available on WHO website (<a href="https://www.who.int" class="color-white">www.who.int</a>) and would be updated time to time.
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> What should I do if I had close contact
with someone who is confirmed case of 2019-nCoV ?</a>
</h5>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
Self monitor your health starting from the day of last contact with such a case and continue for 28 days. Watch for the development of acute onset of signs and symptoms.
<ul>
<li>Fever</li>
<li>Cough</li>
<li>Shortness of breath or difficulty in breathing</li>
If you observe any of the above symptoms visit the nearest health facility for further advice and treatment. Further you must furnish the details of exposure of such patient to your health care worker.
</ul>
</div>
</div>
</div>
<div class="panel panel-default p-2">
<div class="panel-heading">
<h5 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" style="font-size:16px !important;"><i class="fas fa-angle-right left"></i> Should I be tested for 2019-novel
Corona Virus ?</a>
</h5>
</div>
<div id="collapseSeven" class="panel-collapse collapse">
<div class="panel-body bg-secondary color-white shadow ml-1 " style="border-radius:3px;">
If you develop acute onset of fever and symptoms of respiratory illness, such as cough or shortness of breath, you should visit nearest health facility and the doctor's will decide if you need to tested for 2019-novel
Corona Virus depending upon your history of travel to China/ affected countries or contact with any suspected/ lab confirmed case.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card shadow" id="doughnutCard">
<div class="card-header">
<h3 class="card-title">
<i class="fas fa-chart-pie mr-1" style="color:#20B4C4;"></i>
Cases 2019-nCoV
</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<canvas id="myChart"></canvas>
</div>
</div>
<div class="card shadow" id="tweet">
<div class="card-header">
<h3 class="card-title"><i class="fab fa-twitter mr-1"></i>Tweets-MoHFW INDIA</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-tool" data-card-widget="collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<div class="panel-collapse collapse show p-0" aria-expanded="true">
<div class="direct-chat-messages pr-3 m-0 customScrollBar" style="min-height:335px;">
<a class="twitter-timeline" href="https://twitter.com/MoHFW_INDIA?ref_src=twsrc%5Etfw&theme=dark"></a>
</div>
</div>
</div>
</div>
</section>
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="bargraph">
<div class="card-header border-0 mb-0">
<h3 class="card-title"><i class="fas fa-chart-bar mr-1" style="color:#20B4C4;"></i>State & UTs</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0 mr-0 ml-0">
<div id="chartdiv" style="width: 100%; height:1550px;color:white;"></div>
</div>
</div>
</section>
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="latestnewsCard">
<div class="card-header border-0 mb-0">
<h3 class="card-title"><i class="fas fa-rss mr-1" style="color:#20B4C4;"></i> News Center</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0 mr-0 ml-0">
<div class="direct-chat-messages customScrollBar" id="newsscroll" style="min-height:500px;">
<div class="container">
<div class="row justify-content-center text-center" id="newsfeed">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="searchFnQ">
<div class="card-header border-0 mb-0">
<h3 class="card-title"><i class="fas fa-rss mr-1" style="color:red;"></i>Get Corona Related Answers : Powered By AI</h3>
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0 mr-0 ml-0">
<div class="row ml-2 mr-2">
<div class=" col-12 col-md-9">
<input type="text" class="form-control input-lg" id="question" placeholder="Enter Question" name="question">
</div>
<div class="col-12 col-md-2">
<button type="button" class='btn btn-danger btn-lg' onclick="searchAnswer()">Search Answers</button>
</div>
</div>
<div class="direct-chat-messages customScrollBar" id="answerScroll" >
<div class="container">
<div id="loading" style="display:none; text-align: center; position: absolute; right: 0; left: 0; top: 50%; ">
<img src="loading.gif"></img>
</div>
<br><br>
<div id="aboutAnswerContent" class="mr-2" style='text-align:left;font-weight: 600;'>
<p class="text-justify">
It uses state-of-the-art neural intelligence (AI)
network models for answering questions using the COVID
Open Research Dataset (CORD-19) provided by the Allen
Institute for AI (April 3, 2020 data release) ).
Currently containing more than 47,000 scholarly publications,
including more than 36,000 full-text publications,
on COVID-19 and coronavirus-related studies, from a variety of sources
including PubMed, a curated list of papers from the WHO,
as well as bioRxiv and medRxiv preprints.
</p>
Try some of the example questions below:
<ol id="questionList">
<li>What is the incubation period of COVID-19?</li>
<li>What's the effectiveness of chloroquine for COVID-19?</li>
<li>Are there cases of asymptomatic transmission of COVID-19?</li>
<li>How do weather conditions affect the transmission of COVID-19?</li>
<li>Tell me about IgG and IgM tests for covid-19.</li>
<li>What is the prognostic value of IL-6 levels in covid-19?</li>
</ol>
</div>
<div class="row justify-content-center text-center" id="answerFeed">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<footer class="main-footer">
<strong><img class="img" src="media/images/copyright.svg" width="15px" height="15px">2020 <a href="https://github.com/orgs/elComrades">elComrades</a></strong>
<strong class="float-right">Designed & Developed By <a href="https://github.com/orgs/elComrades">elComrades</a></strong>
<br>
<strong><i class="far fa-envelope text-danger"></i><span style="color:#20B4C4;"> elcomrades19@gmail.com</span></strong><span style="margin-left:19%">Visitor Count : <span class="badge badge-danger" id="visitorCount"><i class='fa fa-spinner fa-spin'></i></span></span>
<strong class="float-right"><a href="https://github.com/orgs/elComrades/people"><i class="fab fa-github" style="color:black;"></i> Authors</a></strong>
</footer>
<aside class="control-sidebar" id="newsscroll">
<div id="frame">
<div class="content shadow">
<div class="contact-profile shadow rounded border border-light">
<img src="media/images/robot.svg" class="direct-chat-img animated flip delay-0.2s">
<h4><span class="animated fadeIn delay-0.2s ">Corona Bot</span></h4>
<h6><span class="badge badge-success mb-2" onclick="start_over();" style="cursor: pointer;"><i class="fas fa-sync-alt"></i> Start Again</span>
<span class="badge badge-danger mb-2" data-widget="control-sidebar" data-slide="true" style="cursor: pointer;"><i class="fas fa-times"></i> Close</span></h6>
</div>
<div class="messages shadow rounded border border-dark" id="mssg">
<ul>
<li class="replies">
<p>Hello I am Corona Bot. And I am here to help you during novel corona virus outbreak.</p>
</li>
<li class="replies">
<p>Warning: Do not take this as medical advise. Consult your doctor if you feel sick.</p>
</li>
<li class="sent">
<button type="button" class="btn btn-success" onclick="start()">Risk Analyzer. 🤒</button>
<button type="button" class="btn btn-danger" onclick="quiz()">Take Quiz. 🤓</button>
</li>
</ul>
</div>
</aside>
</div>
<div class="modal" id="questionModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="questionTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h5>Authors</h5>
<div id="authors"></div>
<br/>
<h5>Abstract</h5>
<p class="text-justify" id="abstract"></p>
<br/>
<h5>Full-Text Excerpt</h5>
<div class="text-justify" id="paragraphs"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--JQuery -->
<script src="media/jquery/3.4.1/jquery-3.4.1.min.js" type="text/javascript"></script>
<!--JQueryUI -->
<script src="media/jquery-ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<!--Bootstrap -->
<script src="media/bootstrap/bootstrap-4.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<!-- list.min.js-->
<script src="media/list.js/1.5.0/dist/list.min.js"></script>
<!-- Json values and variables -->
<script src="media/misc/js/jsonNvars.js"> </script>
<!-- chart and map js -->
<script src="media/misc/js/themeSwitch.js"> </script>
<!--Bootstrap Datables -->
<script src="media/dataTables/DataTables-1.10.18/js/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="media/dataTables/DataTables-1.10.18/js/dataTables.bootstrap4.min.js" type="text/javascript"></script>
<!--Bootstrap Datables Responsive -->
<script src="media/dataTables/Responsive-2.2.2/js/dataTables.responsive.min.js" type="text/javascript"></script>
<script src="media/dataTables/Responsive-2.2.2/js/responsive.bootstrap4.min.js" type="text/javascript"></script>
<!-- Datables api->processing -->
<script type="text/javascript" src="media/dataTables/api/processing().js"></script>
<!---moment.js dattimepicker---->
<script type="text/javascript" src="media/moment-js/moment.js"></script>
<!--highchart JS -->
<script src="media/highcharts/7.2.0/highcharts.js"></script>
<script src="media/highcharts/7.2.0/modules/exporting.js"></script>
<script src="media/highcharts/7.2.0/modules/export-data.js"></script>
<!--TextFit JS----->
<script type="text/javascript" src="media/textFit/2.4.0/textFit.min.js"></script>
<!-- ChartJS -->
<script src="media/chart.js/Chart.min.js"></script>
<!-- Am chart core -->
<script src="media/amCharts/amcharts4/core.js"></script>
<!-- Am chart charts -->
<script src="media/amCharts/amcharts4/charts.js"></script>
<script src="media/amCharts/amcharts4/themes/animated.js"></script>
<script src="media/amCharts/amcharts4/themes/material.js"></script>
<!-- Am chart maps -->
<script src="media/amCharts/amcharts4/maps.js"></script>
<script src="media/amCharts/geodata/data/countries2.js"></script>
<!-- <script src="media/amCharts/geodata/json/indiaLow.json"></script> -->
<!-- mapnChars js -->
<script src="media/misc/js/mapNcharts.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
<!--OverlayScrollbars Plugin JS -->
<script type="text/javascript" src="media/overlayScrollbars/js/jquery.overlayScrollbars.js"></script>
<!--customBootstrap----->
<script type="text/javascript" src="media/prashantUIUX/customBootstrap/js/customBootstrap.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- <script async defer SameSite=None src="https://maps.google.co.in/maps/api/js?key=AIzaSyB9o2-H1VP2p3JwxC8f-yr_Le7UpuwovPE&callback=initMap"></script> -->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Chat bot js -->
<script src="media/chatbot/js/chatbot.js"> </script>
<!-- common js -->
<script src="media/misc/js/common.js"> </script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script>
// if ('serviceWorker' in navigator) {
// // Use the window load event to keep the page load performant
// window.addEventListener('load', () => {
// console.log("Hello from service worker");
// navigator.serviceWorker.register('/coronaindia/sw.js');
// });
// }
</script>
<div id="commonfile"></div>
</body>
</html>