Added async/await to fix firefox issue + other things

docker-compose.yml

@@ -29,4 +29,4 @@ services:
       - "33060:3306"
     environment:
         TZ: "America/New York"
-        MYSQL_ROOT_PASSWORD: "root"
+        MYSQL_ROOT_PASSWORD: "root"

package.json

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

public/admin.html

@@ -92,6 +92,7 @@
         </form>
       </div>
     </div>
+  </div>
 </body>
 <script type="text/javascript" src="public/js/admin.js"></script>
 </html>

public/js/admin.js

@@ -1,5 +1,6 @@
 async function getNotes() {
     const response = await fetch('/notes');
+    checkResult(response);
     const notes = (await response.json()).data;
     let html = '';
     if (notes.length !== 0) {
@@ -25,35 +26,23 @@ async function getNotes() {
 }
 
 // eslint-disable-next-line
-function createNote() {
+async function createNote() {
     const note = document.querySelector('#add-a-note').value;
-    fetch('/note/create', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        redirect: 'follow',
-        body: JSON.stringify({ note })
-    });
-    window.location.reload();
+    if (note === '') return;
+    await postToServer('/note/create', {note: note});
+    document.querySelector('#add-a-note').value = '';
+    await getNotes();
 }
 
 // eslint-disable-next-line
 async function deleteNote(note_id) {
-    await fetch('/note/delete', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        redirect: 'follow',
-        body: JSON.stringify({ note: note_id })
-    });
-    document.querySelector('#notes').innerHTML = '';
-    getNotes();
+    await postToServer('/note/delete', {note: note_id});
+    await getNotes();
 }
 
 async function generateCategoryDropdown() {
     const response = await fetch('/public/js/call-categories.json');
+    checkResult(response);
     const categories = await response.json();
     for (const category of categories) {
         const option = document.createElement('option');
@@ -71,15 +60,30 @@ async function addCall() {
     const category = document.querySelector('#category').value;
     const response = document.querySelector('#response').value;
     const call_data = { prid, cc, driver, category, response };
-    fetch('/call/create', {
+    await postToServer('/call/create',call_data);
+    document.querySelector('#prid').value = '';
+    document.querySelector('#tic').value = '';
+    document.querySelector('#driver').value = '';
+    document.querySelector('#category').value = '';
+    document.querySelector('#response').value = '';
+}
+
+async function postToServer(endpoint, body) {
+    const response = await fetch(endpoint, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json'
         },
         redirect: 'follow',
-        body: JSON.stringify(call_data)
+        body: JSON.stringify(body)
     });
-    window.location.reload();
+    checkResult(response);
+}
+
+function checkResult(response) {
+    if (!response.ok) {
+        throw response.statusText;
+    }
 }
 
 getNotes();