From d02545df88500129d0236b054475f9df3539b627 Mon Sep 17 00:00:00 2001
From: Julian Lobbes <julian.lobbes@protonmail.com>
Date: Mon, 31 Jul 2023 02:41:13 +0200
Subject: [PATCH] fix: update navbar

---
 README.md                                         | 15 +++++++++++++--
 app/core/settings.py                              |  6 +++++-
 app/core/templates/core/navbar.html               |  3 +--
 .../templates/medwings/mews-continue.html         | 14 +++++++-------
 assets/css/styles.css                             |  4 ++++
 5 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index bac1c6b..5d7c446 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Mobile Early Deterioration Warning System.
 
-# MEWS
+## MEWS
 
 The following vital signs need to be recorded for a MEWS calculation:
 
@@ -14,7 +14,7 @@ The following vital signs need to be recorded for a MEWS calculation:
 
 A detailed explanation and formula [can be found here](https://www.mdcalc.com/calc/1875/modified-early-warning-score-mews-clinical-deterioration#evidence).
 
-# Handheld Devices
+## Handheld Devices
 
 We have procured the following devices for vitals data measurement:
 
@@ -39,6 +39,17 @@ as well as an [API reference guide](https://developer.withings.com/api-reference
 
 # Development
 
+## TODOs
+
+- [ ] implement regular notifications
+- [ ] fix colourtheme
+- [ ] fix favicons
+- [ ] add text content
+- [ ] fix overflow on `mews-continue`
+- [ ] add `register-final` view
+
+## Starting the dev environment
+
 To start the development compose-stack, run the following command:
 
 ```bash
diff --git a/app/core/settings.py b/app/core/settings.py
index ad5094a..08fe60b 100644
--- a/app/core/settings.py
+++ b/app/core/settings.py
@@ -24,7 +24,11 @@ BASE_DIR = Path(__file__).resolve().parent.parent
 SECRET_KEY = 'django-insecure-s^q)z%f-7=1h5b00ctki2*-w=#3!k@p-#sq%=eajw)x2axx-e5'
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = [
+    'localhost',
+    '127.0.0.1',
+    '192.168.2.141'
+]
 
 
 # Application definition
diff --git a/app/core/templates/core/navbar.html b/app/core/templates/core/navbar.html
index 05e2d1a..d5e18d2 100644
--- a/app/core/templates/core/navbar.html
+++ b/app/core/templates/core/navbar.html
@@ -44,9 +44,8 @@
       </svg>
     </div>
   </a>
-  <a href="/">Home</a>
   {% if request.user.is_authenticated %}
-    <a href="{% url 'dashboard' %}">Dashboard</a>
+    <a class="text-md" href="{% url 'dashboard' %}">Dashboard</a>
   {% endif %}
   {% if request.user.is_authenticated %}
     <a class="btn text-lg" href="{% url 'mews-init' %}">Record Vitals</a>
diff --git a/app/medwings/templates/medwings/mews-continue.html b/app/medwings/templates/medwings/mews-continue.html
index 2bc9479..b55c280 100644
--- a/app/medwings/templates/medwings/mews-continue.html
+++ b/app/medwings/templates/medwings/mews-continue.html
@@ -8,12 +8,12 @@
 {% block content %}
   <div class="flex flex-col justify-center items-center gap-2 py-4 mx-4 max-w-4xl">
     <h1>Record your health status</h1>
-    <div id="pageContainer" class="grid grid-cols-3 gap-6 text-xl justify-center items-center w-full p-4 border rounded-md">
+    <div id="pageContainer" class="grid grid-cols-3 gap-6 text-xl justify-center items-center w-full p-4 border rounded-md overflow-hidden">
       <div class="font-semibold text-center sm:text-start col-span-2">
         <p>Blood Pressure (systolic)</p>
       </div>
       <div id="bloodPressureLoader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="bloodPressureValue" class="font-bold text-end hidden">
+      <div id="bloodPressureValue" class="loader font-bold text-end hidden">
         <p><span id="bloodPressureValueNumber"></span> mmHG</p>
       </div>
 
@@ -22,7 +22,7 @@
         <p>Body Temperature</p>
       </div>
       <div id="bodyTempLoader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="bodyTempValue" class="font-bold text-end hidden">
+      <div id="bodyTempValue" class="loader font-bold text-end hidden">
         <p><span id="bodyTempValueNumber"></span> °C</p>
       </div>
 
@@ -31,7 +31,7 @@
         <p>Heart Rate</p>
       </div>
       <div id="heartRateLoader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="heartRateValue" class="font-bold text-end hidden">
+      <div id="heartRateValue" class="loader font-bold text-end hidden">
         <p><span id="heartRateValueNumber"></span> bpm</p>
       </div>
 
@@ -40,7 +40,7 @@
         <p>Blood Oxygenation</p>
       </div>
       <div id="spo2Loader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="spo2Value" class="font-bold text-end hidden">
+      <div id="spo2Value" class="loader font-bold text-end hidden">
         <p><span id="spo2ValueNumber"></span> %</p>
       </div>
 
@@ -49,7 +49,7 @@
         <p>Respiration Score</p>
       </div>
       <div id="respirationScoreLoader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="respirationScoreValue" class="font-bold text-end hidden">
+      <div id="respirationScoreValue" class="loader font-bold text-end hidden">
         <p><span id="respirationScoreValueNumber"></span></p>
       </div>
 
@@ -58,7 +58,7 @@
         <p>MEWS</p>
       </div>
       <div id="mewsLoader" class="loader h-1 bg-accent loader--loading"></div>
-      <div id="mewsValue" class="font-bold text-end hidden">
+      <div id="mewsValue" class="loader font-bold text-end hidden">
         <p><span id="mewsValueNumber"></span></p>
       </div>
     </div>
diff --git a/assets/css/styles.css b/assets/css/styles.css
index e9a8396..6f95eda 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -126,6 +126,10 @@ div.call-to-action-box {
   @apply rounded-md py-4 px-6;
 }
 
+.loader {
+  overflow: hidden;
+}
+
 .loader--loading {
   animation: loading 2s infinite linear;
 }