Cleaned up page titles

README.md

@@ -1,3 +1,16 @@
 # Electri
 
 Electri is a service for automating, maximizing, and streamlining data sourcing for vehicle-centered AMBER alerts.
+
+## To run the front end website and service
+- Navigate to the `/startboostrap-sb-admin` folder
+- Start up the npm server by running : npm run start
+- When step 2 is complete, start up the flask server by running `export FLASK_APP=scripts/app.py` then `flask run`
+- Now the website is running on localhost port 3000 on your device. You can view the public website or log in as a verified user to view the dashboard pages. 
+    - There exists some dummy data in our database. You can login as a verified user with username “admin” and password “admin”.
+- Install the aws cli client on whatever OS you are using
+- Get aws secret keys for user electri from the aws console, see <a href="https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html#access-keys-and-secret-access-keys">here</a>
+- In the command line run: `aws configure` and input the credentials from step 5b
+- To upload an image navigate to `/image_detection` and run `pip install boto3` then `python client_upload.py e 
+- The image will be processed and if there is an active alert it matches, it will show up on the map page
+

startbootstrap-sb-admin/src/pug/layouts/includes/head/title.pug

@@ -1 +1 @@
-title #{pageTitle} - SB Admin
+title #{pageTitle} - Electri

startbootstrap-sb-admin/src/pug/layouts/includes/navigation/map_topnav.pug

@@ -3,7 +3,7 @@ nav.sb-topnav.navbar.navbar-expand.navbar-dark.bg-dark
   // Sidebar Toggle
   button#sidebarToggle.btn.btn-link.btn-sm.order-2.order-lg-0.me-4.me-lg-0(href='#!')
     i.fas.fa-bars
-  a.navbar-brand.ps-3(href='dashboard.html') Map View
+  a.navbar-brand.ps-3(href='dashboard.html') Electri: Automated Data Sourcing for AMBER Alert Reponse
   form#form
     input#vehicle1(type='checkbox' name='checkbox' value='Bike')
     label(for='checkbox')  Show radius of matches

startbootstrap-sb-admin/src/pug/pages/archives.pug

@@ -2,7 +2,7 @@ extends ../layouts/archives.pug
 
 block config
     - var bodyClass = 'sb-nav-fixed'
-    - var pageTitle = 'Dashboard';
+    - var pageTitle = 'Archives';
     - var index = false;
     - var sidenavStyle = 'sb-sidenav-dark'
 

startbootstrap-sb-admin/src/pug/pages/index.pug

@@ -1,5 +1,5 @@
 doctype html
-title W3.CSS Template
+title Home - Electri
 meta(charset='UTF-8')
 meta(name='viewport' content='width=device-width, initial-scale=1')
 link(rel='stylesheet' href='https://www.w3schools.com/w3css/4/w3.css')

startbootstrap-sb-admin/src/pug/pages/login.pug

@@ -9,7 +9,7 @@ head
   link(rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato')
   link(rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat')
   link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
-  title Login - SB Admin
+  title Login - Electri
   link(href='css/styles.css' rel='stylesheet')
   script(src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js' crossorigin='anonymous')
 

startbootstrap-sb-admin/src/pug/pages/manual.pug

@@ -2,7 +2,7 @@ extends ../layouts/dashboard.pug
 
 block config
     - var bodyClass = 'sb-nav-fixed'
-    - var pageTitle = 'Map View';
+    - var pageTitle = 'Manual Alerts';
     - var index = false;
     - var sidenavStyle = 'sb-sidenav-dark'
 

startbootstrap-sb-admin/src/pug/pages/map.pug

@@ -10,7 +10,6 @@ prepend css
     //- Load Simple DataTables Stylesheet
     link(href='https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css', rel='stylesheet')
     link(rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css",integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==",crossorigin="") 
-    link(type="css" rel="stylesheet" href="map_css.css")
     script( src="https://unpkg.com/[email protected]/dist/leaflet.js", integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==", crossorigin="")
     script(src="https://code.jquery.com/jquery-3.6.0.min.js",integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=",crossorigin="anonymous")
     script(src='https://code.jquery.com/jquery-3.4.1.js')

startbootstrap-sb-admin/src/pug/pages/mission.pug

@@ -1,5 +1,5 @@
 doctype html
-title W3.CSS Template
+title Mission - Electri
 meta(charset='UTF-8')
 meta(name='viewport' content='width=device-width, initial-scale=1')
 link(rel='stylesheet' href='https://www.w3schools.com/w3css/4/w3.css')

startbootstrap-sb-admin/src/pug/pages/register.pug

@@ -9,7 +9,7 @@ head
   link(rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato')
   link(rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat')
   link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css')
-  title Register - SB Admin
+  title Register - Electri
   link(href='css/styles.css' rel='stylesheet')
   script(src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js' crossorigin='anonymous')
 

startbootstrap-sb-admin/src/scss/_global.scss

@@ -55,6 +55,132 @@ body {
     display: block;
   }
 
-  .dropdown a:hover {background-color: #ddd;}
-  .show {display: block;}
+.dropdown a:hover {background-color: #ddd;}
+.show {display: block;}
 
+#form {
+  margin-left: 22em;
+  color: white;
+}
+
+.MultiCheckBox {
+  border:1px solid #e2e2e2;
+  padding: 5px;
+  border-radius:4px;
+  cursor:pointer;
+}
+
+.MultiCheckBox .k-icon{ 
+  font-size: 15px;
+  float: right;
+  font-weight: bolder;
+  margin-top: -7px;
+  height: 10px;
+  width: 14px;
+  color:#787878;
+} 
+
+.MultiCheckBoxDetail {
+  display:none;
+  position:absolute;
+  border:1px solid #e2e2e2;
+  overflow-y:hidden;
+}
+
+.MultiCheckBoxDetailBody {
+    overflow-y:scroll;
+}
+
+.MultiCheckBoxDetail .cont  {
+  clear:both;
+  overflow: hidden;
+  padding: 2px;
+}
+
+.MultiCheckBoxDetail .cont:hover  {
+  background-color:#cfcfcf;
+}
+
+.MultiCheckBoxDetailBody > div > div {
+  float:left;
+}
+
+.MultiCheckBoxDetail>div>div:nth-child(1) {
+
+}
+
+.MultiCheckBoxDetailHeader {
+  overflow:hidden;
+  position:relative;
+  height: 28px;
+  background-color:#1525b8;
+}
+
+.MultiCheckBoxDetailHeader>input {
+  position: absolute;
+  top: 4px;
+  left: 3px;
+}
+
+.MultiCheckBoxDetailHeader>div {
+  position: absolute;
+  top: 5px;
+  left: 24px;
+  color:#fff;
+}
+
+.dropbtn {
+  background-color: #2d77f7;
+  color: white;
+  padding: 16px;
+  font-size: 16px;
+  border: none;
+  cursor: pointer;
+}
+
+.dropbtn:hover, .dropbtn:focus {
+  background-color: #3e82f7;
+}
+
+#myInput {
+  box-sizing: border-box;
+  background-image: url('searchicon.png');
+  background-position: 14px 12px;
+  background-repeat: no-repeat;
+  font-size: 16px;
+  padding: 14px 20px 12px 45px;
+  border: none;
+  border-bottom: 1px solid #ddd;
+}
+
+#myInput:focus {outline: 3px solid #ddd;}
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f6f6f6;
+  min-width: 230px;
+  overflow: auto;
+  border: 1px solid #ddd;
+  z-index: 1;
+}
+
+.dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+.dropdown a:hover {background-color: #ddd;}
+.show {display: block;}
+
+#form {
+  margin-left: 25em;
+  color: white;
+}