Now handling dates

Author: perki

common-data-defs.js

@@ -53,6 +53,13 @@ const formProfileContent = [
     label: 'Sex',
     dataFieldKey: 'sex',
   },
+  {
+    streamId: 'profile-date-of-birth',
+    eventType: 'date/iso-8601',
+    type: 'date',
+    label: 'Date of Birth',
+    dataFieldKey: 'date-of-birth',
+  },
   {
     streamId: 'family-children',
     eventType: 'count/generic',

dr-lib.js

@@ -117,6 +117,16 @@ function dataFieldFromEvent (event) {
     value: event.content,
     event: event
   };
+  if (dataField.type === 'date') {
+    // convert the date to a Date object
+    const date = new Date(event.content);
+    if (!isNaN(date)) {
+      field.value = date.toISOString().split('T')[0]; // format YYYY-MM-DD
+    } else {
+      console.error('## Error parsing date', event.content);
+      field.value = '';
+    }
+  }
   return field;
 }
 

patient-controler.js

@@ -66,6 +66,8 @@ async function updateFormContent(formKey) {
         fieldHTML += `<option value="${option.value}" ${selected}>${option.label}</option>`;
       }
       fieldHTML += `</select>`;
+    } else if (fieldType === 'date') {
+      fieldHTML += `<input type="date" id="${fieldId}" value="${fieldValue}" class="form-control"/>`;
     }
     // Append the HTML to the form
     document.getElementById('inputs-' + formKey).innerHTML += fieldHTML;
@@ -81,8 +83,13 @@ async function submitForm(formKey) {
   for (let i = 0; i < formData.length; i++) {
     const field = formData[i];
     const fieldId = field.id;
-    const fieldValue = document.getElementById(fieldId).value.trim();
-    values[field.id] = fieldValue; // Store the value in the values object
+    const formField = document.getElementById(fieldId);
+    // Store the value in the values object
+    if (field.type === 'date') {
+      values[field.id] = formField.valueAsDate; 
+    } else {
+      values[field.id] = formField.value.trim(); 
+    }    
   }
   await patientLib.handleFormSubmit(formKey, values);
 };

patient-lib.js

@@ -169,7 +169,18 @@ async function getFormProfileContent () {
     console.log('## getFormContent ' + i, e);
     if (e.events && e.events.length > 0) {
       const event = e.events[0];
-      field.value = event.content;
+      if (field.type === 'date' && event.content != null ) {
+        // convert the date to a Date object
+        const date = new Date(event.content);
+        if (!isNaN(date)) {
+          field.value = date.toISOString().split('T')[0]; // format YYYY-MM-DD
+        } else {
+          console.error('## Error parsing date', event.content);
+          field.value = '';
+        }
+      } else {
+        field.value = event.content;
+      }
       field.eventId = event.id; // will allow t track if the event is to be updated
     } 
   }
@@ -193,6 +204,12 @@ function parseValue (value, type) {
   if (type === 'boolean') {
     return value === 'true';
   }
+  if (type === 'date') {
+    if (value instanceof Date && !isNaN(value)) {
+      return value.toISOString();
+    }
+    return value === '';
+  }
   return value;
 }