Now displaying users

Author: perki

dr-controler.js

@@ -15,16 +15,34 @@ async function stateChange(state) {
     document.getElementById('please-login').style.visibility = 'hidden';
     document.getElementById('data-view').style.visibility = 'visible';
     setSharingLink();
-    await drLib.getPatientsList();
+    setPatientList();
   } else {
     document.getElementById('please-login').style.visibility = 'visible';
     document.getElementById('data-view').style.visibility = 'hidden';
   }
 }
 
-async function setSharingLink() {
-  
+const rowItems = ['name', 'surname', 'nationality'];
+/**
+ * Update the patient list
+ */
+async function setPatientList() {
+  const table = document.getElementById('patients-table');
+  const patients = await drLib.getPatientsList();
+  for (const patient of Object.values(patients)) {
+    const row = table.insertRow(-1);
+    const cellUsername = row.insertCell(-1);
+    cellUsername.innerHTML = patient.username;
+    for (const field of rowItems) {
+      row.insertCell(-1).innerHTML = patient.formData[field]?.value || '';
+    }
+  }
+}
 
+/**
+ * Creates the sharing link on the page
+ */
+async function setSharingLink() {
   const currentPage = window.location.href;
   const posDrHTML = currentPage.indexOf('dr.html');
   const patientURL = currentPage.substring(0, posDrHTML) + 'patient.html';

dr.html

@@ -51,22 +51,10 @@ <h2 class="card-title">Data</h2>
               <th colspan="2"><b>Patients</b></td>
             </tr>
             <tr>
-              <th scope="col">Date</th>
+              <th scope="col">Username</th>
               <th scope="col">Name</th>
-            </tr>
-          </thead>
-          <tbody>
-          </tbody>
-        </table>
-        <table id='patients-details-table' class="table">
-          <thead>
-            <tr>
-              <th colspan="3"><b>Blood pressure</b></td>
-            </tr>
-            <tr>
-              <th scope="col">Date</th>
-              <th scope="col">Systolic</th>
-              <th scope="col">Diastolic</th>
+              <th scope="col">Surname</th>
+              <th scope="col">Nationality</th>
             </tr>
           </thead>
           <tbody>