@byu-oit/vue-decision-processing-components 8.35.10 → 8.35.12

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/Queues.vue

@@ -21,10 +21,10 @@
         <span class="sr-only">Refresh</span>
         <font-awesome-icon :icon="syncIcon" />
       </button>
-      <p>{{packetListName}}</p>
-      <button vue-if="packetListName == 'Auto Admit'" class="btn btn-outline-primary" @click="SubmitAuto">
-        <span class="">Submit Applications</span>
-      </button>
+<!--      Potential feature for ensign only -->
+<!--      <button vue-if="packetListName == 'Auto Admit'" class="btn btn-outline-primary" @click="SubmitAuto">-->
+<!--        <span class="">Submit Applications</span>-->
+<!--      </button>-->
     </h1>
     <div>
       <div>

package/package.json

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