UNPKG

coronaindia

Version:

COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.

611 lines (602 loc) 26.9 kB
<!-- #Project : COVID19 #Team : https://github.com/orgs/elComrades/people #Author : github.com/prashantmi, github.com/deepandu github.com/abhijatchaturvedi, github.com/siddharthsrivastava --> <!DOCTYPE html> <html> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-161859093-2"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-161859093-2"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N2ZNT32');</script> <!-- End Google Tag Manager --> <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/views/media/images/fsharevirus.png"> <meta name="theme-color" content="#FFFFFF" /> <meta http-equiv='cache-control' content='no-cache'> <meta http-equiv='expires' content='0'> <meta http-equiv='pragma' content='no-cache'> <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/indexDay.css" id="dayThemeCss" type="text/css" /> <!-- <link rel="stylesheet" href="media/misc/css/indexNight.css" id="nightThemeCss" disabled="disabled" type="text/css" /> --> <link rel="stylesheet" href="media/misc/css/common.css" type="text/css"> <link rel="stylesheet" href="media/misc/css/themeSwitch.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" ng-app="" ng-cloak> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2ZNT32" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <input type="text" name="themeTypeElm" id="themeTypeElm" class="d-none themeTypeElm" value="1"> <div class="wrapper"> <!-- Navbar --> <nav class="main-header-thsw main-header navbar navbar-expand navbar-light" id=""> <!-- Left navbar links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link nav-link-menuBtn" data-widget="pushmenu" href="#"> <i class="menu-thsw fas fa-bars text-danger" style="font-size:20px; font-weight: bold;"></i> </a> </li> <li class="nav-item mt-2 "> <a href="" class="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 &nbsp; <i class="fas fa-cloud-sun text-warning" style=""></i> &nbsp; <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input themeSwitchChkBox" id="customSwitch1"> <label class="custom-control-label" for="customSwitch1"></label> </div> <i class="fas fa-cloud-moon text-primary" style="">&nbsp;</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-thsw navbar-light 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-thsw brand-text font-weight-bold text-shadow brand-text-light" style="">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="../index.html" 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 &nbsp; <span class="badge badge-danger 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> --> <!-- &nbsp;&nbsp;&nbsp;<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> --> </ul> </nav> </div> </aside> <!--Common navbar ends here--> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper bg-white"> <!-- Content Header (Page header) --> <div class="content-header"> <div class="container-fluid"> <div class="row mb-2"> <div class="col-5 col-md-5"> <h1 class="">Dashboard </h1> </div> <div class="col-7 col-md-3"> <select id="stateList" class="form-control" style="" onchange="filterDataStateWise(this.value, 1)"> <option>Select State</option> </select> </div> <div class="col-12 col-md-4"> <ol class="breadcrumb d-flex flex-row-reverse pt-3 pt-md-0"> <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"> <!-- 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>Death 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 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>Recovery Rate</p> </div> </div> </div> </div> <!-- Main row --> <div class="row"> <section class="col-lg-6 connectedSortable"> <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, 1)"> <option>Select State</option> </select> --> &nbsp; <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="lineChart1"></canvas> </div> </div> </section> <section class="col-lg-6 connectedSortable"> <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" style="height: 300px"> <canvas id="lineChart3"></canvas> </div> </div> </section> </div> <div class="row "> <section class="col-lg-6 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="nCoVSatesCasesAmChart" style="width: 100%; height:900px;"></div> </div> </div> </section> <section class="col-lg-6 connectedSortable"> <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> Recovery and deaths of 2019-nCoV Cases </h3> <div class="card-tools"> <!-- <select id="stateList1" class="form-control" style="display:inline;width:75%;" onchange="filterDataStateWise(this.value, 2)"> <option>Select State</option> </select> --> &nbsp; <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="DandRTrend" style="height: 300px"> <canvas id="lineChart2"></canvas> </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="ncovDoughnut"></canvas> </div> </div> <!-- Jatin please look -- start --> <!-- <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> How many cases are expected in India ? (<a href="researchcentre.html"> From our Research Centre</a>) </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"> <figure class="highcharts-figure"> <div id="container" style="border-right: 1px black;" class="chartContainer"> <div id="loading1" class="waiting"> <img src="loading.gif"></img> </div> </div> </figure> </div> </div> --> <!-- Jatin please look end --> </section> </div> </div> </section> </div> <footer class="main-footer "> <div class="container-fluid"> <div class="row"> <div class="col-6 col-md-4"> <span class="flex-nowrap "><i class="far fa-envelope text-danger"></i><span style="color:#20B4C4;"> elcomrades19@gmail.com</span></span> </div> <div class="col-6 col-md-2"> <span class="flex-nowrap ">Visitor Count : <span class="badge badge-danger" id="visitorCount"><i class='fa fa-spinner fa-spin'></i></span></span> </div> <div class="col-8 col-md-4 pt-md-0 pt-2"> <span class="flex-nowrap">Designed & Developed By <a href="https://github.com/orgs/elComrades">elComrades</a></span> </div> <div class="col-4 col-md-2"> <span class="flex-nowrap"><a href="https://github.com/orgs/elComrades/people"><i class="fab fa-github" style="color:black;"></i> Authors</a></span> </div> </div> </div> </footer> <aside class="control-sidebar" style="" id="newsscroll"> <div id="frame"> <div class="chatbot-frame-thsw content bg-white shadow" style=""> <div class="bot-header-thsw contact-profile shadow rounded "> <img src="media/images/robot.svg" class="img animated flip delay-0.2s"> <h4><span class="animated fadeIn delay-0.2s ">Corona Bot</span></h4> <div> <h6 style="float:left;"><span class="badge badge-success" onclick="start_over();" style="cursor: pointer;"><i class="fas fa-sync-alt"></i> Start Again</span></h6> <h6><span class="badge badge-danger" data-widget="control-sidebar" data-slide="true" style="cursor: pointer;"><i class="fas fa-times"></i> Close</span></h6> </div> </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. &#129298;</button> <button type="button" class="btn btn-danger" onclick="quiz()">Take Quiz. &#129299;</button> </li> </ul> </div> </div> </div> </aside> </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?v=1.2"></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>