@byu-oit/vue-decision-processing-components 9.2.0 → 9.4.0

package/.github/workflows/deploy.yml

@@ -5,7 +5,7 @@ on:
     branches: [ main, v8 ]
 
 env:
-  node_version: "14"
+  node_version: "22"
 
 jobs:
   publish:

package/FilterButtonAdmitPeriod.vue

@@ -14,45 +14,61 @@
    limitations under the License.
 -->
 <template>
-  <FilterButton @show="show = true" @hide="show = false" :show="show">
-    <FontAwesomeIcon slot="icon" :icon="calendarIcon" />
-    <span slot="label">Admit Period</span>
-    <button class="dropdown-item" @click="clearFilter">Show All</button>
-    <div
-      v-for="(admitPeriod, i) of admitPeriods"
-      :key="i"
-      class="dropdown-item"
-    >
-      <input
-        type="checkbox"
-        :id="`filter-button-admit-period-option-${i}`"
-        :value="admitPeriod"
-        :checked="selectedPeriods.includes(admitPeriod)"
-        @change="toggle(admitPeriod)"
-      ></input>
-      <label :for="`filter-button-admit-period-option-${i}`">{{ admitPeriod | yearTerm }}</label>
-    </div>
-  </FilterButton>
+    <FilterButton @show="show = true" @hide="show = false" :show="show">
+        <FontAwesomeIcon slot="icon" :icon="calendarIcon" />
+        <span slot="label">Admit Period</span>
+        <button class="dropdown-item" @click="clearFilter">Show All</button>
+        <div
+                v-for="(admitPeriod, i) of getAdmitPeriodList()"
+                :key="i"
+                class="dropdown-item"
+        >
+            <input
+                    type="checkbox"
+                    :id="`filter-button-admit-period-option-${i}`"
+                    :value="admitPeriod"
+                    :checked="selectedPeriods.includes(admitPeriod)"
+                    @change="toggle(admitPeriod)"
+            ></input>
+            <label :for="`filter-button-admit-period-option-${i}`">{{getAdmitPeriodTextFilter(admitPeriod) }}</label>
+        </div>
+    </FilterButton>
 </template>
 <script>
 import FilterButton from './FilterButton'
-import { yearTermLongFormat } from './dateTimeFormat'
+import { yearTermLongFormat, yearTermLongFormatV2 } from './dateTimeFormat'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { faCalendarAlt } from '@fortawesome/free-solid-svg-icons'
-import { mapGetters, mapMutations, mapActions } from 'vuex'
+import { mapGetters, mapMutations, mapActions, mapState } from 'vuex'
+
+
+function calcAdmitPeriodV2() {
+  const currentMonth = new Date().getMonth() + 1 // JavaScript months are 0-indexed
+  let currentYear = new Date().getFullYear()
+  // EC has 6 admit periods. This feels cleaner than a bunch of if statements.
+  let startAdmitPeriod = Math.floor(currentMonth / 2);
+  if (startAdmitPeriod === 0) startAdmitPeriod = 1;
+  let admitPeriods = []
+  for (let i = 0; i < 6; i ++) {
+    if (startAdmitPeriod > 6) {
+      startAdmitPeriod = 1
+      currentYear++
+    }
+    admitPeriods.push(`${currentYear}${startAdmitPeriod}`)
+    startAdmitPeriod++
+  }
+  return admitPeriods
+}
 
 function calcAdmitPeriods () {
   const currentMonth = new Date().getMonth() + 1 // JavaScript months are 0-indexed
   const currentYear = new Date().getFullYear()
-
   if (currentMonth >= 1 && currentMonth <= 4) { // Spring Evaluated: January-April
     return [`${currentYear}1`, `${currentYear}3`, `${currentYear}5`, `${currentYear + 1}1`]
-  }
-  else if (currentMonth >= 5 && currentMonth <= 8) { // Fall Evaluated: May - August
+  } else if (currentMonth >= 5 && currentMonth <= 8) { // Fall Evaluated: May - August
     return [`${currentYear}3`, `${currentYear}5`, `${currentYear + 1}1`, `${currentYear + 1}3`]
-  }
-  else if (currentMonth >= 9 && currentMonth <= 12) { // Winter Evaluated: September - December
-    return [`${currentYear}5`, `${currentYear+1}1`, `${currentYear+1}3`, `${currentYear + 1}5`]
+  } else if (currentMonth >= 9 && currentMonth <= 12) { // Winter Evaluated: September - December
+    return [`${currentYear}5`, `${currentYear + 1}1`, `${currentYear + 1}3`, `${currentYear + 1}5`]
   }
   return []
 }
@@ -60,17 +76,20 @@ function calcAdmitPeriods () {
 export default {
   name: 'FilterButtonAdmitPeriod',
   components: { FilterButton, FontAwesomeIcon },
-  filters: { yearTerm: yearTermLongFormat },
   props: {
     admitPeriods: {
       type: Array,
       default() {
-        return calcAdmitPeriods()
+        return []
       }
     }
+  },
+  mounted () {
+
   },
   computed: {
     ...mapGetters(['packetListFilters']),
+    ...mapState({institution: state => state?.ui?.institution}),
     calendarIcon: () => faCalendarAlt,
     activeFilter () {
       const filters = this.packetListFilters
@@ -110,6 +129,19 @@ export default {
       this.clearPacketListFilter({type: 'admitPeriod'})
       this.fetchPacketList({force: true})
       this.show = false
+    },
+    getAdmitPeriodList() {
+      if (this.institution === 'EC') {
+        return calcAdmitPeriodV2()
+      }
+      return calcAdmitPeriods()
+    },
+    getAdmitPeriodTextFilter(period) {
+      if (this.institution === 'EC') {
+        return yearTermLongFormatV2(period)
+
+      }
+      return yearTermLongFormat(period)
     }
   }
 }

package/package.json

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