Registering patients

Author: cseitz

app/src/App.vue

@@ -27,4 +27,16 @@
     }
   }
 }
+
+input, button {
+  border: none;
+  padding: 10px;
+  margin: 5px;
+  border-radius: 0.5em;
+  background-color: rgba(0, 0, 0, 0.15);
+}
+
+button:not(:disabled) {
+  cursor: pointer;
+}
 </style>

app/src/components/views/index.js

@@ -1,6 +1,18 @@
 export default {
   methods: {
     async fetchData(url=false) {
+      if (this.id == 'create' && !url) {
+        this.query = false;
+        this.data = {
+
+        };
+        this._data = JSON.stringify(this.data);
+        this.loaded = true;
+        if ('afterFetch' in this) {
+          //await this.afterFetch();
+        }
+        return;
+      }
       let path = templateString(url || this.path, this);
       console.log(path);
       let resp = await (
@@ -40,6 +52,16 @@ export default {
         })
       ).json();
       (subject || this).saveResponse = resp;
+      if (resp.results && 'insertId' in resp.results) {
+        if (!('id' in this.$route.params)) {
+          this.$router.push({
+            name: 'Patient',
+            params: {
+              id: resp.results.insertId,
+            }
+          })
+        }
+      }
       await this.fetchData();
       return resp;
     },

app/src/router/index.js

@@ -47,6 +47,14 @@ const routes = [
     // which is lazy-loaded when the route is visited.
     component: () => import(/* webpackChunkName: "about" */ '../views/database/Patients.vue')
   },
+  {
+    path: '/database/patient/register',
+    name: 'Register Patient',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import(/* webpackChunkName: "about" */ '../views/database/RegisterPatient.vue')
+  },
   {
     path: '/database/patient/:id',
     name: 'Patient',

app/src/views/database/Patients.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="patients">
     <PatientsList/>
-
+    <button v-on:click="register">Register Patient</button>
   </div>
 </template>
 
@@ -13,6 +13,13 @@ export default {
   name: 'Patients',
   components: {
     PatientsList
-  }
+  },
+  methods: {
+    register() {
+      this.$router.push({
+        name: 'Register Patient',
+      })
+    }
+  },
 }
 </script>

app/src/views/database/RegisterPatient.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="patient">
+    <PatientView id="create"/>
+
+  </div>
+</template>
+
+<script>
+// @ is an alias to /src
+import PatientView from '@/components/views/Patient.vue'
+
+export default {
+  name: 'Patient',
+  components: {
+    PatientView
+  }
+}
+</script>

server/api/db/routes/patients.js

@@ -46,10 +46,18 @@ router.post('/patients/:patient_id.json', $attempt(async (req, res) => {
   let changes = JSON.parse(req.body);
   let fields = Object.keys(changes);
   let values = Object.values(changes);
-  let args = values;
-  let query = `UPDATE patients SET ${fields.map(o => "" + req.$param(o).slice(0, -1).substr(1) + " = ?").join(',')} WHERE patient_id = ?`;
+  let args = [];
+  let query;
+  if (req.params.patient_id == 'create') {
+    query = `INSERT INTO patients (${fields.map(o => "\`" + req.$param(o).slice(0, -1).substr(1) + '\`').join(', ')})
+    VALUES (${values.map(o => '?').join(', ')})`;
+    args = values;
+  } else {
+    query = `UPDATE patients SET ${fields.map(o => "" + req.$param(o).slice(0, -1).substr(1) + " = ?").join(',')} WHERE patient_id = ?`;
+    args = values;
+    args.push(Number(req.params.patient_id));
+  }
   query = normalizeQuery(`${query} ${$filtering(req)}`);
-  args.push(Number(req.params.patient_id));
   console.log(query, args);
   return {
     results: (await db.query(query, args)).results,