@byu-oit/vue-decision-processing-components 9.0.14 → 9.0.16

package/DetailsEndorsement.vue

@@ -19,11 +19,6 @@
       <font-awesome-icon :icon="icon" />
 
       {{endorsementStatus}}
-      <small>
-        <a :href="endorseHref" target="_blank" data-disable-navigate="true">
-          (view details)
-        </a>
-      </small>
     </span>
   </div>
 </template>
@@ -112,11 +107,6 @@
         else if (this.endorsementIssuesFlag.isActive) return `Endorsement Issues`
         else if (this.endorsementPendingFlag.isActive) return `Endorsement Pending`
         return `Endorsement Complete`
-      },
-      endorseHref () {
-        return this.env !== 'development'
-          ? `https://endorse.byu.edu/admin?byuId=${this.byuId}`
-          : `https://endorse-dev.byu.edu/admin?byuId=${this.byuId}`
       }
     }
   }

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>Either the mission start or end date was not provided and the above is an estimation.</td>
+      </tr>
       </tbody>
     </table>
   </div>
@@ -64,11 +70,16 @@ export default {
   props: {
     condensed: {
       type: Boolean
+    },
+    estimateDate: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
     ...mapState({
-      mission: state => state.application.mission
+      mission: state => state.application.mission,
+      sex: state => state.application.personalRecords.sex ?? ''
     }),
     formatStartDate () {
       if (!this.mission) return ''
@@ -86,6 +97,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.14",
+  "version": "9.0.16",
   "description": "Vue components shared between decision processing systems for the CES schools.",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",