Adds dispatch feature

.env.example

@@ -4,6 +4,8 @@ DB_HOST=dbhosthere
 DB_USER=dbuserhere
 DB_PASSWORD=dbpasshere
 WEBSITE_ACCESS_TOKEN=access restriction token
+HERALD_TOKEN=randomstringhere
 PORT=8080
 TZ=America/New_York
 CHOREBOT_VERIFICATION_TOKEN=chorebot token here
+ENV=dev

.github/workflows/dev.yaml

@@ -0,0 +1,18 @@
+name: deploy headsup dev
+
+on:
+  push:
+    branches:
+      - dev
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: executing remote ssh commands using password
+        uses: appleboy/ssh-action@master
+        with:
+          host: ${{ secrets.TIEMS_DEV1_URL }}
+          username: ${{ secrets.TIEMS_DEV1_SSH_USERNAME }}
+          password: ${{ secrets.TIEMS_DEV1_SSH_PASSWORD }}
+          script: ${{ secrets.TIEMS_DEV1_SSH_SCRIPT }} headsup

README.md

@@ -1,4 +1,4 @@
-[![Build Status](https://cloud.drone.io/api/badges/rpiambulance/headsup/status.svg)](https://cloud.drone.io/rpiambulance/headsup)
+[![deploy headsup](https://github.com/techinems/headsup/actions/workflows/main.yml/badge.svg)](https://github.com/techinems/headsup/actions/workflows/main.yml)
 
 [![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "headsup",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "RPIA's digital whiteboard system",
   "main": "server.js",
   "scripts": {

public/css/style-dark.scss

@@ -126,4 +126,4 @@ hr {
     margin-bottom: 0;
     padding-bottom: 0;
   }
-}
+}

public/css/style-dispatch.scss

@@ -0,0 +1,58 @@
+@keyframes dispatchBackground {
+  from{
+    background-color: #4a0000;
+  }
+  to{
+    background-color: #5a0000;
+  }
+}
+
+body {
+  height: 100vh;
+  // background-color: #952525;
+  animation: dispatchBackground .5s infinite cubic-bezier(0, 1, 1, 1) alternate;
+  color: white;
+  font-weight: 700;
+}
+
+#dispatch{
+  font-size: 100px;
+  text-transform: capitalize;
+}
+
+#dispatch-filler {
+  height: 200px;
+  font-size: 60px;
+  color: #e5e5e5;
+}
+
+#determinant {
+  border-radius: 100px;
+  text-transform: uppercase;
+}
+
+.alpha {
+  background: #9bda9b;
+  color: black;
+}
+
+.bravo {
+  background: #ece68d;
+  color: black;
+}
+
+.charlie {
+  background: #f09442;
+  color: #020004;
+}
+
+.delta {
+  background: #b10000;
+  color: #fff;
+}
+
+.echo {
+  background: #000;
+  color: #ff1f1f;
+}
+

public/css/style.scss

@@ -119,4 +119,4 @@ body {
     margin-bottom: 0;
     padding-bottom: 0;
   }
-}
+}

public/index.html

@@ -8,7 +8,7 @@
   <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 rel="stylesheet" id='stylesheet-light' href="public/css/style.min.css" media=''>
   <link rel="stylesheet" id='stylesheet-dark' href="public/css/style-dark.min.css" media='none' />
-
+  <link rel="stylesheet" id='stylesheet-dispatch' href="public/css/style-dispatch.min.css" media='none' />  
   <link rel="icon" type="image/png" href="public/img/favicon-16x16.png" sizes="16x16" />
   <link rel="icon" type="image/png" href="public/img/favicon-32x32.png" sizes="32x32" />
   <link rel="icon" type="image/png" href="public/img/favicon-96x96.png" sizes="96x96" />
@@ -27,63 +27,91 @@
         <b><span id="date"></span></b><span id="time"></span>
       </div>
     </div>
-    <div class="row">
-      <div id="schedule" class="col-md-8 section">
-        <div class="section-heading">Today's crew</div>
-        <div class="row crew-member">
-          <div class="col-md-12">
-            <span class="title">Crew chief</span>
-            <span id="cc" class="name"></span><span id="cc-rn" class="rn"></span>
+
+    <div id=display>
+      <div class="row">
+        <div id="schedule" class="col-md-8 section">
+          <div class="section-heading">Today's crew</div>
+            <div class="row crew-member">
+              <div class="col-md-12">
+                <span class="title">Crew chief</span>
+                <span id="cc" class="name"></span><span id="cc-rn" class="rn"></span>
+              </div>
+            </div>
+          <div class="row crew-member">
+            <div class="col-md-12">
+              <span class="title">Driver</span>
+              <span id="driver" class="name"></span><span id="driver-rn" class="rn"></span>
+            </div>
           </div>
-        </div>
-        <div class="row crew-member">
-          <div class="col-md-12">
-            <span class="title">Driver</span>
-            <span id="driver" class="name"></span><span id="driver-rn" class="rn"></span>
+          <div class="row crew-member">
+            <div class="col-md-12">
+              <span class="title">Attendant</span>
+              <span id="rider1" class="name"></span><span id="rider1-rn" class="rn"></span>
+            </div>
           </div>
-        </div>
-        <div class="row crew-member">
-          <div class="col-md-12">
-            <span class="title">Attendant</span>
-            <span id="rider1" class="name"></span><span id="rider1-rn" class="rn"></span>
+          <div class="row crew-member">
+            <div class="col-md-12">
+              <span class="title">Attendant</span>
+              <span id="rider2" class="name"></span><span id="rider2-rn" class="rn"></span>
+            </div>
           </div>
-        </div>
-        <div class="row crew-member">
-          <div class="col-md-12">
-            <span class="title">Attendant</span>
-            <span id="rider2" class="name"></span><span id="rider2-rn" class="rn"></span>
+          <div class="row crew-member">
+            <div class="col-md-12">
+              <span class="title">Duty supervisor</span>
+              <span id="dutysup" class="name"></span><span id="dutysup-rn" class="rn"></span>
+            </div>
           </div>
         </div>
-        <div class="row crew-member">
-          <div class="col-md-12">
-            <span class="title">Duty supervisor</span>
-            <span id="dutysup" class="name"></span><span id="dutysup-rn" class="rn"></span>
-          </div>
+        <div id="call-volume" class="col-md-4 section">
+          <div class="section-heading">Calls to date</div>
+          <div id="total-count"></div>
+          <hr>
+          <div class="section-heading">Dispatch mishaps</div>
+          <div id="total-mishaps"></div>
         </div>
       </div>
-      <div id="call-volume" class="col-md-4 section">
-        <div class="section-heading">Calls to date</div>
-        <div id="total-count"></div>
-        <hr>
-        <div class="section-heading">Dispatch mishaps</div>
-        <div id="total-mishaps"></div>
-      </div>
-    </div>
-    <hr>
-    <div class="row">
-      <div class="col-md-12">
-        <div class="row">
-          <div class="col-md-4">
-            <div class="section-heading">Chores</div>
+      <hr>
+      <div class="row">
+        <div class="col-md-12">
+          <div class="row">
+            <div class="col-md-4">
+              <div class="section-heading">Chores</div>
             <div id="chores"></div>
           </div>
           <div class="col-md-8">
             <div class="section-heading">Notes</div>
-            <span id="notes"></span>
+              <span id="notes"></span>
+            </div>
           </div>
         </div>
       </div>
     </div>
+
+
+
+    <div id="dispatch" hidden>
+      <div class="row justify-content-center" id="dispatch-filler">
+        <div id="dispatch-time" class="col-5 text-center mt-4">
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-5 text-center">
+         <div id="determinant" class="determinant mt-3 mb-3"></div>
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-8 text-center">
+         <div id="complaint" class="determinant mt-3 mb-3"></div>
+        </div>
+      </div>
+      <div class="row justify-content-center">
+        <div class="col-8 text-center">
+         <div id="location" class="determinant mt-3 mb-3"></div>
+        </div>
+      </div>
+    </div>
+
   </div>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
   <script type="text/javascript" src="/suncalc.js"></script>

public/js/admin.js

@@ -86,7 +86,10 @@ async function addCall() {
 }
 
 async function postToServer(endpoint, body) {
-    const response = await fetch(endpoint, {
+    const queryString = window.location.search;
+    const urlParams = new URLSearchParams(queryString);
+    const token = urlParams.get('token');
+    const response = await fetch(endpoint + '?token=' + token, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json'