@byu-oit/vue-decision-processing-components 8.35.11 → 8.35.13

package/DetailsCesHold.vue

@@ -63,15 +63,48 @@
     computed: {
       ...mapState({
         env: 'environment',
-        applicantId: state => state.application.applicantId
+        applicantId: state => state.application.applicantId,
+        applicantFirstName: state => state.application.preferredFirstName,
+        applicantSurname: state => state.application.surname,
+        applicantDob: state => state.application.personalRecords.dateOfBirth
       }),
       spinner () { return faSpinner },
       holdIcon () {
         return this.holdSet ? faExclamationTriangle : this.error ? faQuestionCircle : faCheck
       }
     },
+    methods: {
+      getByuId: async function () {
+        try {
+          const surname = this.applicantSurname
+          const preferredFirstName = this.applicantFirstName
+          const applicantDob = new Date(this.applicantDob).toISOString().split('T')[0].trim()
+          const url = this.env === 'production'
+              ? `https://api.byu.edu/byuapi/persons/v4/?preferred_first_name=${preferredFirstName.trim()}&surname=${surname.trim()}&vital_record.date_of_birth=${applicantDob.trim()}`
+              : `https://api-sandbox.byu.edu/byuapi/persons/v4/?preferred_first_name=${preferredFirstName.trim()}&surname=${surname.trim()}&vital_record.date_of_birth=${applicantDob.trim()}`
+
+          const { body, status } = await window.byu.auth.request({ url })
+          if (status >= 400) {
+            this.error = true
+            return null
+          }
+
+          const data = JSON.parse(body)
+          const recordCount = data.values.length
+
+          if (recordCount !== 1) {
+            return null
+          }
+
+          return data.values[0].byu_id.value
+        } catch (err) {
+          console.error(err)
+          this.error = true
+        }
+      }
+    },
     async mounted () {
-      const applicantId = this.applicantId
+      const applicantId = this.applicantId ? this.applicantId : await this.getByuId()
       if (!applicantId) {
         this.error = true
         return

package/DetailsMission.vue

@@ -14,7 +14,7 @@
    limitations under the License.
 -->
 <template>
-  <div v-if="mission">
+  <div v-if="mission.name">
     <div v-if="condensed">
       <template v-if="mission.name">
         <div>{{ mission.name }} - {{ mission.type }}</div>
@@ -31,22 +31,22 @@
     </div>
     <table v-else class="table table-borderless table-sm">
       <thead>
-        <tr>
-          <th>Mission Name</th>
-          <th>Mission Type</th>
-          <th>Mission Language</th>
-          <th>Mission Dates</th>
-          <th>Months of Service</th>
-        </tr>
+      <tr>
+        <th>Mission Name</th>
+        <th>Mission Type</th>
+        <th>Mission Language</th>
+        <th>Mission Dates</th>
+        <th>Months of Service</th>
+      </tr>
       </thead>
       <tbody>
-        <tr>
-          <td>{{mission.name}}</td>
-          <td>{{mission.type}}</td>
-          <td>{{mission.language}}</td>
-          <td>{{mission.startMonth}} - {{mission.endMonth}}</td>
-          <td>{{monthsOfService}}</td>
-        </tr>
+      <tr>
+        <td>{{mission.name}}</td>
+        <td>{{mission.type}}</td>
+        <td>{{mission.language}}</td>
+        <td>{{formatStartDate}} - {{formatEndDate}}</td>
+        <td>{{monthsOfService}}</td>
+      </tr>
       </tbody>
     </table>
   </div>
@@ -55,34 +55,50 @@
   </div>
 </template>
 <script>
-  import { mapState } from 'vuex'
-  import dayjs from 'dayjs';
+import { mapState } from 'vuex'
+import dayjs from 'dayjs';
 
 
-  export default {
-    name: 'DetailsMission',
-    props: {
-      condensed: {
-        type: Boolean
-      }
+export default {
+  name: 'DetailsMission',
+  props: {
+    condensed: {
+      type: Boolean
+    }
+  },
+  computed: {
+    ...mapState({
+      mission: state => state.application.mission
+    }),
+    formatStartDate () {
+      if (!this.mission) return ''
+      const yyyyMm = /^[0-9]{4}-([0][1-9]||[1][0-2])$/
+      const startMonth = this.mission.startMonth
+      if (!startMonth || !yyyyMm.test(startMonth)) return ''
+      return dayjs(startMonth).format('YYYY/MM')
+    },
+    formatEndDate () {
+      if (!this.mission) return ''
+      const yyyyMmDd = /^[0-9]{4}-([0][1-9]||[1][0-2])-([0][1-9]||[1-2][0-9]||[3][0-1])$/
+      if (this.mission.endMonth === 'Ongoing') return 'Ongoing'
+      const endDate = this.mission.endMonth
+      if (!endDate || !yyyyMmDd.test(endDate)) return ''
+      console.log(`END_DATE: ${dayjs(endDate).format('YYYY/MM/DD')}`)
+      return dayjs(endDate).format('YYYY/MM/DD')
     },
-    computed: {
-      ...mapState({
-        mission: state => state.application.mission
-      }),
-      monthsOfService () {
-        if (!this.mission) return ''
-        const yyyyMm = /^[0-9]{4}-[0-9]{1,2}$/
-        const startMonth = this.mission.startMonth
-        if (!startMonth || !yyyyMm.test(startMonth)) return ''
-        const endMonth = (this.mission.endMonth === 'Ongoing') ? dayjs().format('YYYY-MM') : dayjs(this.mission.startMonth).format('YYYY-MM')
-        if (!endMonth || !yyyyMm.test(endMonth)) return ''
-        const [endY, endM] = endMonth.split('-')
-        const [startY, startM] = startMonth.split('-')
-        const mAdjust = Number(endM) - Number(startM)
-        const yDiff = Number(endY) - Number(startY)
-        return 12 * yDiff + mAdjust
-      }
+    monthsOfService () {
+      if (!this.mission) return ''
+      const yyyyMm = /^[0-9]{4}-([0][1-9]||[1][0-2])$/
+      const startMonth = this.mission.startMonth
+      if (!startMonth || !yyyyMm.test(startMonth)) return ''
+      const endMonth = (this.mission.endMonth === 'Ongoing') ? dayjs().format('YYYY-MM') : dayjs(this.mission.endMonth).format('YYYY-MM')
+      if (!endMonth || !yyyyMm.test(endMonth)) return ''
+      const [endY, endM] = endMonth.split('-')
+      const [startY, startM] = startMonth.split('-')
+      const mAdjust = Number(endM) - Number(startM)
+      const yDiff = Number(endY) - Number(startY)
+      return 12 * yDiff + mAdjust
     }
   }
+}
 </script>

package/hsSummary.json

@@ -17,7 +17,6 @@
     },
     "high_school_codes__info": {
       "rel": "high_school_codes__info",
-      "href": "https://api.byu.edu/byuapi/meta/high_school_codes/v1/130535",
       "method": "GET"
     }
   },
@@ -36,7 +35,6 @@
   "high_school_type": {
     "value": "USAC",
     "description": "US-Accredited",
-    "domain": "https://api.byu.edu/byuapi/meta/high_school_types/v1",
     "api_type": "modifiable",
     "key": true,
     "display_label": "High School Type"
@@ -44,7 +42,6 @@
   "high_school": {
     "value": "130535",
     "description": "MADISON HIGH SCHOOL",
-    "domain": "https://api.byu.edu/byuapi/meta/high_schools/v1",
     "api_type": "related",
     "key": true,
     "related_resource": "persons",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byu-oit/vue-decision-processing-components",
-  "version": "8.35.11",
+  "version": "8.35.13",
   "description": "Vue components shared between decision processing systems for the CES schools.",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",

package/parsers/application.js

@@ -62,6 +62,7 @@ export const parseBasic = b => {
     sortName,
     state,
     submittedOn,
+    surname,
     zipCode
   }
 }