Standing Documents

Author: datajohnson

db/2025_updates.sql

@@ -6,4 +6,11 @@ CREATE TABLE sfa.noc_codes (
     noc_2021_code               NVARCHAR(10) ,
     noc_2021_title              NVARCHAR(255),
     notes                       NVARCHAR(max)   
-);
+);
+
+
+ALTER TABLE sfa.student
+ADD json_data NVARCHAR(MAX);
+
+ALTER TABLE sfa.application
+ADD json_data NVARCHAR(MAX);

src/api/models/student.ts

@@ -51,6 +51,8 @@ interface StudentRecord {
   kinCountryId?: number;
   kinPostalCode?: string;
 
+  json_data?: any;
+
   // Relations
   dependents?: Dependent[];
   person?: Person;

src/api/routes/admin/student-router.ts

@@ -1,4 +1,4 @@
-import express, { Request, Response } from "express";
+import express, { json, Request, Response } from "express";
 import { body, param } from "express-validator";
 import moment from "moment";
 import knex from "knex";
@@ -55,6 +55,26 @@ studentRouter.post(
   }
 );
 
+studentRouter.patch(
+  "/:id",
+  [param("id").isInt().notEmpty()],
+  ReturnValidationErrors,
+  async (req: Request, res: Response) => {
+    const { id } = req.params;
+    const student = await db("sfa.student").where({ id }).first();
+
+    if (req.body.json_data) req.body.json_data = JSON.stringify(req.body.json_data);
+
+    if (!isNil(student)) {
+      await db("sfa.student")
+        .where({ id })
+        .update({ ...req.body });
+
+      res.json({ messages: [{ variant: "success", text: "Student saved" }] });
+    } else res.status(404).send({ messages: [{ variant: "error", text: "Student not found" }] });
+  }
+);
+
 studentRouter.put(
   "/:student_id",
   [param("student_id").isInt().notEmpty()],
@@ -515,6 +535,7 @@ ${item.address_display}`;
           csl_warn_code: student.csl_warn_code,
           csl_letter_date: student.csl_letter_date,
           pre_over_award_amount: student.pre_over_award_amount,
+          json_data: JSON.parse(student.json_data),
         };
 
         return res.status(200).json({ data });

src/web/src/components/DateInput.vue

@@ -1,38 +1,41 @@
 <template>
-    <v-menu
-        :disabled="disabled"
-        v-model="menu_change"
-        :close-on-content-click="false"
-        transition="scale-transition"
-        left
-        nudge-top="26"
-        offset-y
-        min-width="auto"
-    >
-        <template v-slot:activator="{ on, attrs }">
-        <v-text-field
-            :disabled="disabled"
-            v-model="date_formatted"
-            :label="label"
-            hide-details
-            readonly
-            outlined
-            dense
-            background-color="white"
-            v-bind="attrs"
-            v-on="on"
-            clearable
-        ></v-text-field>
-        </template>
-        <v-date-picker
+  <v-menu
+    :disabled="disabled"
+    v-model="menu_change"
+    :close-on-content-click="false"
+    transition="scale-transition"
+    left
+    nudge-top="26"
+    offset-y
+    min-width="auto"
+  >
+    <template v-slot:activator="{ on, attrs }">
+      <v-text-field
         :disabled="disabled"
         v-model="date_formatted"
-        @input="e => {
-            $emit('input', e);
-            menu_change = false;
-        }"
-        ></v-date-picker>
-    </v-menu>
+        :label="label"
+        hide-details
+        readonly
+        outlined
+        dense
+        background-color="white"
+        v-bind="attrs"
+        v-on="on"
+        clearable
+        @click:clear="$emit('input', null)"
+      ></v-text-field>
+    </template>
+    <v-date-picker
+      :disabled="disabled"
+      v-model="date_formatted"
+      @input="
+        (e) => {
+          $emit('input', e);
+          menu_change = false;
+        }
+      "
+    ></v-date-picker>
+  </v-menu>
 </template>
 
 <script>
@@ -45,32 +48,33 @@ export default {
   props: ["value", "label", "disabled", "menu"],
   data() {
     return {
-        date_formatted: null,
-        menu_change: false,
+      date_formatted: null,
+      menu_change: false,
     };
   },
-  methods: {    
+  methods: {
     formatDate(value) {
       if (value) {
         return dateHelper.getDateFromUTC(value);
       }
       return null;
-    }
+    },
   },
   watch: {
     value: {
-        immediate: true,
-        handler(newVal) {
-           this.date_formatted = this.formatDate(newVal);
-           this.$emit("input", newVal);
-        }
+      immediate: true,
+      handler(newVal) {
+        this.date_formatted = this.formatDate(newVal);
+        this.$emit("input", newVal);
+        this.$emit("change", newVal);
+      },
     },
     menu: {
-        immediate: true,
-        handler(newVal) {
-            this.menu_change = newVal;
-        }
-    }
+      immediate: true,
+      handler(newVal) {
+        this.menu_change = newVal;
+      },
+    },
   },
 };
-</script>
+</script>