@byu-oit/vue-decision-processing-components 9.0.15 → 9.0.17

package/DetailsMission.vue

@@ -44,9 +44,15 @@
         <td>{{mission.name}}</td>
         <td>{{mission.type}}</td>
         <td>{{mission.language}}</td>
-        <td>{{formatStartDate}} - {{formatEndDate}}</td>
+        <td v-if="estimateDate">{{estimateStartDate}} - {{estimateEndDate}}</td>
+        <td v-else>{{formatStartDate}} - {{formatEndDate}}</td>
         <td>{{monthsOfService}}</td>
       </tr>
+      <!-- Show disclaimer if one of the dates is estimated (if one date is missing but not both) -->
+      <tr v-if="estimateDate && (Boolean(this.mission.startMonth) !==  Boolean(this.mission.endMonth))">
+        <td colspan="3"/>
+        <td style="max-width: 200px; font-size: 12px"><span style="color: red">*</span>This date was not provided and is an estimation.</td>
+      </tr>
       </tbody>
     </table>
   </div>
@@ -64,18 +70,29 @@ export default {
   props: {
     condensed: {
       type: Boolean
+    },
+    estimateDate: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted() {
+    if (this.mission){
+      this.mission.startMonth = this.mission.startMonth.trim()
+      this.mission.endMonth = this.mission.endMonth.trim()
     }
   },
   computed: {
     ...mapState({
-      mission: state => state.application.mission
+      mission: state => state.application.mission,
+      sex: state => state.application.personalRecords.sex ?? ''
     }),
     formatStartDate () {
       if (!this.mission) return ''
-      const yyyyMm = /^[0-9]{4}-([0][1-9]||[1][0-2])$/
+      const yyyyMmDd = /^[0-9]{4}-([0][1-9]||[1][0-2])-([0][1-9]||[1-2][0-9]||[3][0-1])$/
       const startMonth = this.mission.startMonth
-      if (!startMonth || !yyyyMm.test(startMonth)) return ''
-      return dayjs(startMonth).format('YYYY/MM')
+      if (!startMonth || !yyyyMmDd.test(startMonth)) return ''
+      return dayjs(startMonth).format('YYYY/MM/DD')
     },
     formatEndDate () {
       if (!this.mission) return ''
@@ -86,6 +103,24 @@ export default {
       console.log(`END_DATE: ${dayjs(endDate).format('YYYY/MM/DD')}`)
       return dayjs(endDate).format('YYYY/MM/DD')
     },
+    estimateStartDate() {
+      if (!this.mission.startMonth && this.mission.endMonth) {
+        const isFemale = (this.sex === 'F')
+        const monthsOfMission = isFemale ? 18 : 24
+        return dayjs(this.mission.endMonth).subtract(monthsOfMission, 'month').format('YYYY/MM') + '*'
+      } else {
+        return this.formatStartDate
+      }
+    },
+    estimateEndDate() {
+      if (this.mission.startMonth && !this.mission.endMonth) {
+        const isFemale = (this.sex === 'F')
+        const monthsOfMission = isFemale ? 18 : 24
+        return dayjs(this.mission.startMonth).add(monthsOfMission, 'month').format('YYYY/MM') + '*'
+      } else {
+        return this.formatEndDate
+      }
+    },
     monthsOfService () {
       if (!this.mission) return ''
       const yyyyMm = /^[0-9]{4}-([0][1-9]||[1][0-2])$/

package/package.json

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