DevelopHowTo · raghavdhingra · Jun 16, 2019 · Jun 16, 2019 · Jun 16, 2019 · Jun 16, 2019
diff --git a/.gitignore b/.gitignore
@@ -1,4 +1,4 @@
 /node_modules
 package-lock.json
-/config
+/conf
 .env
diff --git a/admins/dashboard.html b/admins/dashboard.html
@@ -0,0 +1,314 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
+  <link rel="icon" type="image/png" href="../assets/img/favicon.png">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <title>
+    Clean City Dashboard
+  </title>
+  <link rel="stylesheet" type="text/css" href="/main.css">
+  <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
+  <!--     Fonts and icons     -->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
+  <!-- CSS Files -->
+  <link href="../assets/css/now-ui-dashboard.css?v=1.3.0" rel="stylesheet" />
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+   integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+  <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.css' rel='stylesheet' />
+  <link rel="stylesheet" type="text/css" href="mapbox.css">
+  <script src="https://d3js.org/d3.v4.js"></script>
+  <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
+  <script src="https://d3js.org/d3-fetch.v1.min.js"></script>
+</head>
+<body class="">
+  <div class="wrapper ">
+    <div class="sidebar" data-color="green">
+      <!--
+        Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red | yellow"
+    -->
+      <div class="logo">
+        <a href="/" target="_blank" class="simple-text logo-mini">
+          <i class="fa fa-leaf" style="color:white" aria-hidden="true"></i>
+        </a>
+        <a href="/" target="_blank" class="simple-text logo-normal">
+          Clean City
+        </a>
+      </div>
+      <div id="user" class="logo" style="color:white" >
+
+      </div>
+      <div class="sidebar-wrapper" id="sidebar-wrapper">
+        <ul class="nav">
+          <li class="active ">
+            <a href="/dashboard">
+              <i class="now-ui-icons design_app"></i>
+              <p>Quick Glance</p>
+            </a>
+          </li>
+          <li>
+            <a href="#heatmap2">
+              <i class="now-ui-icons location_map-big"></i>
+              <p>Heat Map </p>
+            </a>
+          </li>
+          <li>
+            <a href=./dashboardReports>
+              <i class="now-ui-icons education_atom"></i>
+              <p>Latest Reports</p>
+            </a>
+          </li>
+
+
+          <li>
+            <a href="#charts">
+              <i class="now-ui-icons design_bullet-list-67"></i>
+              <p>Analytics</p>
+            </a>
+          </li>
+
+
+        </ul>
+      </div>
+    </div>
+
+    <div class="main-panel" id="main-panel">
+      <!-- Navbar -->
+      <nav class="navbar sticky-top navbar-expand-lg bg-warning navbar-absolute">
+        <div class="container-fluid">
+          <div class="navbar-wrapper">
+            <div class="navbar-toggle">
+              <button type="button" class="navbar-toggler">
+                <span class="navbar-toggler-bar bar1"></span>
+                <span class="navbar-toggler-bar bar2"></span>
+                <span class="navbar-toggler-bar bar3"></span>
+              </button>
+            </div>
+            <a class="navbar-brand" href="#pablo">Dashboard</a>
+          </div>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-bar navbar-kebab"></span>
+            <span class="navbar-toggler-bar navbar-kebab"></span>
+            <span class="navbar-toggler-bar navbar-kebab"></span>
+          </button>
+          <div class="collapse navbar-collapse justify-content-end" id="navigation">
+            <!-- <form>
+              <div class="input-group no-border">
+                <input type="text" value="" class="form-control" placeholder="Search...">
+                <div class="input-group-append">
+                  <div class="input-group-text">
+                    <i class="now-ui-icons ui-1_zoom-bold"></i>
+                  </div>
+                </div>
+              </div>
+            </form> -->
+            <ul class="navbar-nav">
+              <li class="nav-item">
+                <a class="nav-link" href="#pablo">
+                  <i class="now-ui-icons media-2_sound-wave"></i>
+                  <p>
+                    <span class="d-lg-none d-md-block">Stats</span>
+                  </p>
+                </a>
+              </li>
+              <li class="nav-item dropdown">
+                 <a class="nav-link dropdown-toggle"  id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
+                  <i class="fas fa-bell" id ="bell" style="font-size:24px" ></i> 
+
+                </a>
+                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink" id="drpdwn"> 
+                 <!-- <a class="dropdown-item" href="#">Action</a>
+                  <a class="dropdown-item" href="#">Another action</a>-->
+                  <!-- <div class = "card border-0 notif critical"> 
+                    <div class = "card-body">
+                      text 1
+                    </div>
+
+                  </div>
+                  <div class = "card border-0 notif medium"> 
+                    <div class = "card-body">
+                      text 1
+                    </div>
+
+                  </div>
+
+                  <div class = "card border-0 notif light"> 
+                    <div class = "card-body">
+                      text 1
+                    </div>
+
+                  </div> -->
+                  </div>
+                <!-- </div> -->
+              </li>
+
+
+              <li class="nav-item">
+                <a class="nav-link" href="#pablo">
+                  <i class="now-ui-icons users_single-02"></i>
+                  <p>
+                    <span class="d-lg-none d-md-block">Account</span>
+                  </p>
+                </a>
+              </li>
+              <li class="nav-item active">
+                  <a class="nav-link " style="color:whitesmoke;font-size:1.1em;font-weight: bold;" href="/admin/logout"> Logout</a>
+                </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+      <!-- End Navbar -->
+      <br><br>
+      <style>
+
+
+            </style>
+
+
+      <div style="background-color: cornsilk">
+
+
+     <br>
+     <section id = "analysisTiles">
+        <div class="card-group">
+            <div class="card border-0 ">
+              <i class="now-ui-icons education_paper icon1 icon" style="font-size: 3.25em; align-content:center;"></i>
+              <div class="card-body">
+                 <div id='unseenText'>-</div>
+                 <p> Unseen Reports </p>
+             </div>     <hr>
+            </div>
+            <div class="card border-0 ">
+                <i class="now-ui-icons design-2_ruler-pencil icon2 icon" style="font-size: 3.25em; align-content:center;"></i>
+                <div class="card-body">
+                  <div id='seenText'>-</div>
+                  <p>Seen Reports (Under Process) </p>
+                         </div><hr>
+             </div>
+              <div class="card border-0 ">
+                  <i class="now-ui-icons files_box icon3 icon" style="font-size: 3.25em; align-content:center;"></i>
+                  <div class="card-body">
+                    <div id='closedText'>=</div>
+                    <p>Closed Reports</p>
+
+                 </div><hr>
+              </div>
+            </div>
+
+
+          </section>
+
+          <section id="heatmap">
+              <br><br>
+                  <h4 class="mainh4" style="text-align:center"> Live HeatMap of Reports</h4>
+                <div class="mapcontainer">
+                <nav id="menu"></nav>
+                <div id='map'>
+                </div>
+              </div>
+              <br><br><br>
+          </section>
+ <br>
+
+        <section id="charts">
+ <br>
+
+          <div class="ToRchart">
+          <select id="selectButton1"></select>
+            <div id="week"></div>
+          </div>
+          <br>
+          <div class="ToRchart">
+              <select id="selectButton2"></select>
+              <div id="month"></div>
+          </div>
+          <svg class="chart"></svg>
+          <div class='button-area'>
+          </div>
+          <!-- <div class="card-group text-center">
+            <div class="card border-0">
+             <div class="card-body"><p>chart1</p>
+
+                    </div>
+            </div>
+
+            <div class="card border-0">
+               <div class="card-body">
+                  <p>chart2</p>
+                     </div>
+          </div>
+          </div>
+           -->
+          <!-- <div class="card-group">
+            <div class="card border-0">
+               <div class="card-body">
+                 <p>chart3</p>
+                        </div>
+            </div>
+            <div class="card border-0">
+                  <div class="card-body">
+                    <p>chart4</p>
+                 </div>
+              </div>
+            </div> -->
+
+        </section>
+             <br> <br> <br> <br>
+
+             <footer class="footer">
+                <div class="container-fluid">
+                  <nav>
+                    <ul>
+                      <li>
+                        <a href="/index.html" target="_blank">
+                          Clean City
+                        </a>
+                      </li>
+                      <li>
+                        <a href="/about.html" target="_blank">
+                          About Us
+                        </a>
+                      </li>
+                    </ul>
+                  </nav>
+                  <div class="copyright" id="copyright">
+                    &copy;
+                    <script>
+                      document
+                        .getElementById('copyright')
+                        .appendChild(
+                          document.createTextNode(new Date().getFullYear())
+                        );
+                    </script>
+                  </div>
+                </div>
+            </footer>
+        </div>
+      </div>
+
+      </div>
+    </div>
+<!-- No. of reports/navbar notif/mapbox script/socket notifications / line charts -->
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.js'></script>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="../assets/js/dashboard.js"></script>
+      <!--   Core JS Files   -->
+  <script src="../assets/js/core/jquery.min.js"></script>
+  <script src="../assets/js/core/popper.min.js"></script>
+  <script src="../assets/js/core/bootstrap.min.js"></script>
+  <script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
+
+  <!-- Chart JS -->
+  <script src="../assets/js/plugins/chartjs.min.js"></script>
+  <!--  Notifications Plugin    -->
+  <script src="../assets/js/plugins/bootstrap-notify.js"></script>
+  <!-- Control Center for Now Ui Dashboard: parallax effects, scripts for the example pages etc -->
+  <script src="../assets/js/now-ui-dashboard.js?v=1.3.0" type="text/javascript"></script>
+  <!-- Now Ui Dashboard DEMO methods, don't include it in your project! -->
+
+</body>
+</html>