fix: update navbar

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

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

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>

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>

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;
 }