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

package/DetailsMission.vue

@@ -1,88 +1,88 @@
-<!--
-   Copyright 2018 Brigham Young University
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--->
-<template>
-  <div v-if="mission">
-    <div v-if="condensed">
-      <template v-if="mission.name">
-        <div>{{ mission.name }} - {{ mission.type }}</div>
-        <div>{{ mission.startMonth }} - {{ mission.endMonth }}</div>
-        <div v-if="mission.unitName && mission.unitNumber">{{ mission.unitName }} ({{ mission.unitNumber }})</div>
-      </template>
-      <template v-else-if="monthsOfService && mission.type">
-        <div>{{ mission.typeDisplay }} Mission</div>
-        <div>{{monthsOfService}} months of service.</div>
-      </template>
-      <div v-else>
-        No mission service reported.
-      </div>
-    </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 Email</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.missionEmail}}</td>
-          <td>{{mission.startMonth}} - {{mission.endMonth}}</td>
-          <td>{{monthsOfService}}</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-  <div v-else>
-    No mission service reported.
-  </div>
-</template>
-<script>
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'DetailsMission',
-    props: {
-      condensed: {
-        type: Boolean
-      }
-    },
-    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
-        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>
+<!--
+   Copyright 2018 Brigham Young University
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+<template>
+  <div v-if="mission">
+    <div v-if="condensed">
+      <template v-if="mission.name">
+        <div>{{ mission.name }} - {{ mission.type }}</div>
+        <div>{{ mission.startMonth }} - {{ mission.endMonth }}</div>
+        <div v-if="mission.unitName && mission.unitNumber">{{ mission.unitName }} ({{ mission.unitNumber }})</div>
+      </template>
+      <template v-else-if="monthsOfService && mission.type">
+        <div>{{ mission.typeDisplay }} Mission</div>
+        <div>{{monthsOfService}} months of service.</div>
+      </template>
+      <div v-else>
+        No mission service reported.
+      </div>
+    </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>
+      </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>
+      </tbody>
+    </table>
+  </div>
+  <div v-else>
+    No mission service reported.
+  </div>
+</template>
+<script>
+  import { mapState } from 'vuex'
+  import dayjs from 'dayjs';
+
+
+  export default {
+    name: 'DetailsMission',
+    props: {
+      condensed: {
+        type: Boolean
+      }
+    },
+    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
+      }
+    }
+  }
+</script>

package/DetailsNewAppHistory.vue

@@ -1,50 +1,50 @@
-<!--
-  Copyright 2022 Brigham Young University
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--->
-<template>
-  <table class="table table-sm table-borderless">
-    <thead>
-      <tr>
-        <th>Admit Period</th>
-        <th>Applicant Type</th>
-        <th>Status</th>
-        <th>Decision</th>
-        <th>Date</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="row of newAppHistory.applicationList" :key="row.appId">
-        <td>{{row.admitPeriod | yearTermLongFormat}}</td>
-        <td>{{row.applicantType}}</td>
-        <td>{{row.status}}</td>
-        <td>{{row.decision}}</td>
-        <td>{{row.decisionDateTime | dateFormat}}</td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-import { mapState } from 'vuex'
-import { dateFormat, yearTermLongFormat } from './dateTimeFormat'
-
-export default {
-  name: 'DetailsDecisionHistory',
-  filters: { dateFormat, yearTermLongFormat },
-  computed: {
-    ...mapState(['newAppHistory'])
-  }
-}
-
-</script>
+<!--
+  Copyright 2022 Brigham Young University
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+<template>
+  <table class="table table-sm table-borderless">
+    <thead>
+      <tr>
+        <th>Admit Period</th>
+        <th>Applicant Type</th>
+        <th>Status</th>
+        <th>Decision</th>
+        <th>Date</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="row of newAppHistory.applicationList" :key="row.appId">
+        <td>{{row.admitPeriod | yearTermLongFormat}}</td>
+        <td>{{row.applicantType}}</td>
+        <td>{{row.status}}</td>
+        <td>{{row.decision}}</td>
+        <td>{{row.decisionDateTime | dateFormat}}</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+import { mapState } from 'vuex'
+import { dateFormat, yearTermLongFormat } from './dateTimeFormat'
+
+export default {
+  name: 'DetailsDecisionHistory',
+  filters: { dateFormat, yearTermLongFormat },
+  computed: {
+    ...mapState(['newAppHistory'])
+  }
+}
+
+</script>

package/DetailsNotes.vue

@@ -1,83 +1,83 @@
-<!--
-   Copyright 2018 Brigham Young University
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
--->
-<template>
-  <div class="notes-container">
-    <h5 v-if="notes.length">
-      <small class="text-muted ml-3">
-        <select v-model="selectedFilter" v-if="!showOnly">
-          <option value="" class="text-muted">All</option>
-          <option v-for="filter of filterTypes">{{filter}}</option>
-        </select>
-      </small>
-    </h5>
-    <div v-for="note of filteredNotes">
-      <h6>
-        <span v-if="note.qualifier" class="badge badge-primary">{{note.qualifier}}</span>
-        <small class="text-muted">[{{note.type}}]</small>
-        {{note.dateTimeCreated}}
-        | {{note.createdBy}}
-      </h6>
-      <ObjectViewer v-if="Array.isArray(note.note)" :arrData="note.note" />
-      <ObjectViewer v-else-if="typeof note.note === 'object'" :objData="note.note" />
-      <p class="preserve-whitespace" v-else>{{note.note}}</p>
-    </div>
-  </div>
-</template>
-<script>
-  import ObjectViewer from './ObjectViewer'
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'DetailsNotes',
-    props: {
-      select: {
-        type: String
-      },
-      showOnly: {
-        type: String
-      }
-    },
-    components: {
-      ObjectViewer
-    },
-    computed: {
-      ...mapState({
-        notes: state => state.notes.list
-      }),
-      filteredNotes: function() {
-        const notes = this.notes
-        return this.selectedFilter.length > 0
-          ? notes.filter(n => n.type === this.selectedFilter)
-          : notes
-      },
-      filterTypes: function() {
-        const types = this.notes.map(n => n.type)
-        const uniqueTypes = new Set(types)
-        return Array.from(uniqueTypes)
-      }
-    },
-    data() {
-      return {
-        selectedFilter: this.showOnly || this.select || ''
-      }
-    }
-  }
-</script>
-<style scoped>
-.preserve-whitespace {
-  white-space: pre;
-}
-</style>
+<!--
+   Copyright 2018 Brigham Young University
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+-->
+<template>
+  <div class="notes-container">
+    <h5 v-if="notes.length">
+      <small class="text-muted ml-3">
+        <select v-model="selectedFilter" v-if="!showOnly">
+          <option value="" class="text-muted">All</option>
+          <option v-for="filter of filterTypes">{{filter}}</option>
+        </select>
+      </small>
+    </h5>
+    <div v-for="note of filteredNotes">
+      <h6>
+        <span v-if="note.qualifier" class="badge badge-primary">{{note.qualifier}}</span>
+        <small class="text-muted">[{{note.type}}]</small>
+        {{note.dateTimeCreated}}
+        | {{note.createdBy}}
+      </h6>
+      <ObjectViewer v-if="Array.isArray(note.note)" :arrData="note.note" />
+      <ObjectViewer v-else-if="typeof note.note === 'object'" :objData="note.note" />
+      <p class="preserve-whitespace" v-else>{{note.note}}</p>
+    </div>
+  </div>
+</template>
+<script>
+  import ObjectViewer from './ObjectViewer'
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'DetailsNotes',
+    props: {
+      select: {
+        type: String
+      },
+      showOnly: {
+        type: String
+      }
+    },
+    components: {
+      ObjectViewer
+    },
+    computed: {
+      ...mapState({
+        notes: state => state.notes.list
+      }),
+      filteredNotes: function() {
+        const notes = this.notes
+        return this.selectedFilter.length > 0
+          ? notes.filter(n => n.type === this.selectedFilter)
+          : notes
+      },
+      filterTypes: function() {
+        const types = this.notes.map(n => n.type)
+        const uniqueTypes = new Set(types)
+        return Array.from(uniqueTypes)
+      }
+    },
+    data() {
+      return {
+        selectedFilter: this.showOnly || this.select || ''
+      }
+    }
+  }
+</script>
+<style scoped>
+.preserve-whitespace {
+  white-space: pre;
+}
+</style>

package/DetailsPathway.vue

@@ -1,45 +1,45 @@
-<template>
-  <div v-if="hasInfo" class="card d-inline-block">
-    <h6 class="card-header">Pathway</h6>
-    <div class="card-body">
-      <dl class="card-text">
-        <dt>GPA:</dt>
-        <dd>{{pw.gpa}}</dd>
-
-        <dt>Credits:</dt>
-        <dd>{{pw.credits}}</dd>
-
-        <dt>Site:</dt>
-        <dd>{{pw.site}}</dd>
-      </dl>
-    </div>
-  </div>
-</template>
-<script>
-import { mapState } from 'vuex'
-
-export default {
-  name: 'DetailsPathway',
-  computed: {
-    ...mapState({
-      pw: state => state.pathway,
-      hasInfo: state => state.pathway.completion === 'Y'
-    })
-  }
-}
-</script>
-<style scoped>
-dl {
-  display: grid;
-  grid-template-columns: [label] auto [value] auto;
-  grid-column-gap: 0.5rem;
-}
-dt {
-  font-weight: bold;
-  text-align: right;
-  grid-column-start: label;
-}
-dd {
-  grid-column-start: value;
-}
-</style>
+<template>
+  <div v-if="hasInfo" class="card d-inline-block">
+    <h6 class="card-header">Pathway</h6>
+    <div class="card-body">
+      <dl class="card-text">
+        <dt>GPA:</dt>
+        <dd>{{pw.gpa}}</dd>
+
+        <dt>Credits:</dt>
+        <dd>{{pw.credits}}</dd>
+
+        <dt>Site:</dt>
+        <dd>{{pw.site}}</dd>
+      </dl>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'DetailsPathway',
+  computed: {
+    ...mapState({
+      pw: state => state.pathway,
+      hasInfo: state => state.pathway.completion === 'Y'
+    })
+  }
+}
+</script>
+<style scoped>
+dl {
+  display: grid;
+  grid-template-columns: [label] auto [value] auto;
+  grid-column-gap: 0.5rem;
+}
+dt {
+  font-weight: bold;
+  text-align: right;
+  grid-column-start: label;
+}
+dd {
+  grid-column-start: value;
+}
+</style>