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

package/.github/workflows/deploy.yml

@@ -0,0 +1,51 @@
+name: Deployment
+
+on:
+  push:
+    branches: [ master ]
+
+env:
+  node_version: "14"
+
+jobs:
+  publish:
+    concurrency: publish
+    name: Publish npm package
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2.1.4
+        with:
+          node-version: ${{ env.node_version }}
+          registry-url: https://npm.pkg.github.com
+          scope: '@byu-oit'
+
+      - name: Build
+        run: |
+          npm install
+          npm run build
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GPM_TOKEN }}
+
+      - name: Lint
+        run: npm run lint
+
+      - name: Publish
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2.1.4
+        with:
+          node-version: ${{ env.node_version }}
+          registry-url: https://registry.npmjs.org
+          scope: '@byu-oit'
+
+      - name: Publish
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.repo-meta.yml

@@ -1,55 +1,55 @@
-# For full spec reference see https://github.com/byu-oit/repo-meta/blob/master/repo-meta-template.yml 
-# This file was automatically generated. It is used for various integrations like creating and updating Software CIs in the CMDB.
-# You are required to maintain Software CI records in the CMDB for all of the deployable software artifacts you maintain.
-# You can fill in the information here and have the integration do that for you or you can do that yourself manually.
-$schemaver: 2.1
-repo_url: https://github.com/byu-oit/vue-decision-processing-components  # optional
-software:
-  - name: vue-decision-processing-components  # optional
-    deploy_to_cmdb: true # optional
-    type: ''
-    aliases:  # optional
-    short_description: Vue.js components to be shared between the decision processing
-      applications for the various CES Schools. # optional
-    assignment_group: gro:OIT-App Dev Student Info Mgmt
-    notes: # optional
-    maintained_by: # optional
-      - arasmus8
-    data_sensitivity: internal
-    developed_by_byu: true  # optional
-    ddd: # optional
-      business_domain:
-      ubiquitous_language_url:
-      context_map_url:
-    links: # optional
-      system_documentation_url: https://github.com/byu-oit/vue-decision-processing-components
-      swagger_urls:
-    microservice: true # optional
-    technologies_used: # optional
-      - Vue
-      - JavaScript
-      - NodeJS
-    standard_change_template:
-    stages:
-      development:
-        urls:  # optional
-          product_page:
-          physical_url:
-          virtual_url:
-        hosting_location: ''
-        aws_account:  # optional
-        relationships: # optional
-          depends_on:  # optional
-            db_read_write:
-            db_read_only:
-            software:
-          supports: # optional
-            software:
-            service:
-          reverse_proxy: # optional
-          runs_on: # optional
-            server_cluster:
-            virtual_server:
-            rack_server:
-            blade_server:
-    data-sensitivity: ''
+# For full spec reference see https://github.com/byu-oit/repo-meta/blob/master/repo-meta-template.yml 
+# This file was automatically generated. It is used for various integrations like creating and updating Software CIs in the CMDB.
+# You are required to maintain Software CI records in the CMDB for all of the deployable software artifacts you maintain.
+# You can fill in the information here and have the integration do that for you or you can do that yourself manually.
+$schemaver: 2.1
+repo_url: https://github.com/byu-oit/vue-decision-processing-components  # optional
+software:
+  - name: vue-decision-processing-components  # optional
+    deploy_to_cmdb: true # optional
+    type: ''
+    aliases:  # optional
+    short_description: Vue.js components to be shared between the decision processing
+      applications for the various CES Schools. # optional
+    assignment_group: gro:OIT-App Dev Student Info Mgmt
+    notes: # optional
+    maintained_by: # optional
+      - arasmus8
+    data_sensitivity: internal
+    developed_by_byu: true  # optional
+    ddd: # optional
+      business_domain:
+      ubiquitous_language_url:
+      context_map_url:
+    links: # optional
+      system_documentation_url: https://github.com/byu-oit/vue-decision-processing-components
+      swagger_urls:
+    microservice: true # optional
+    technologies_used: # optional
+      - Vue
+      - JavaScript
+      - NodeJS
+    standard_change_template:
+    stages:
+      development:
+        urls:  # optional
+          product_page:
+          physical_url:
+          virtual_url:
+        hosting_location: ''
+        aws_account:  # optional
+        relationships: # optional
+          depends_on:  # optional
+            db_read_write:
+            db_read_only:
+            software:
+          supports: # optional
+            software:
+            service:
+          reverse_proxy: # optional
+          runs_on: # optional
+            server_cluster:
+            virtual_server:
+            rack_server:
+            blade_server:
+    data-sensitivity: ''

package/AdmitPeriodConfig.vue

@@ -1,115 +1,115 @@
-<template>
-  <div>
-    <FilterButton small :show="showList" @show="showList = true" @hide="showList = false">
-      <span slot="label"><slot></slot></span>
-      <font-awesome-icon
-        slot="icon"
-        :icon="calendar"
-        alt="Configure Admit Periods" />
-      <div
-        v-for="admitPeriod of admitPeriodList"
-        :key="admitPeriod.period"
-        @click="chooseAdmitPeriod(admitPeriod.period)"
-        class="dropdown-item">
-        {{ admitPeriod.long_description }}
-      </div>
-    </FilterButton>
-  </div>
-</template>
-<script>
-import FilterButton from './FilterButton.vue'
-
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faCalendar } from '@fortawesome/free-solid-svg-icons'
-
-import { mapState, mapMutations, mapActions } from 'vuex'
-
-function semesterCodeToDescription(semesterCode) {
-  switch (semesterCode) {
-    case '1':
-      return 'Winter'
-    case '3':
-      return 'Spring'
-    case '4':
-      return 'Summer'
-    case '5':
-      return 'Fall'
-  }
-}
-
-export default {
-  name: 'AdmitPeriodConfig',
-  components: {
-    FilterButton,
-    FontAwesomeIcon
-  },
-  props: {
-    school: {
-      type: String,
-      validator (value) {
-        return ['byu', 'byui', 'byuh', 'byupw', 'ldsbc'].includes(value)
-      }
-    },
-    config: {
-      type: Array,
-      validator (value) {
-        return value.length > 0
-      }
-    }
-  },
-  computed: {
-    ...mapState({
-      selectedAdmitPeriod: state => state.ui.admitPeriod
-    }),
-    calendar () {
-      return faCalendar
-    }
-  },
-  data () {
-    return {
-      admitPeriodList: [],
-      showList: false
-    }
-  },
-  methods: {
-    ...mapMutations(['selectAdmitPeriod']),
-    ...mapActions(['preserveUiSettings']),
-    async fetchConfig() {
-      const admitPeriods = []
-      for (const admitPeriod of this.config) {
-        // isolate semester code and semester year
-        const semesterYear = admitPeriod.admit_period.substring(0, admitPeriod.admit_period.length - 1)
-        const semesterCode = admitPeriod.admit_period.substring(admitPeriod.admit_period.length - 1)
-        // add another object to admitPeriods with information from configuration
-        admitPeriods.push({
-          period: semesterYear + semesterCode,
-          description: semesterYear + ' ' + semesterCodeToDescription(semesterCode),
-          long_description: semesterCodeToDescription(semesterCode) + ' ' + semesterYear,
-          school: 'byuh',
-          application_open: admitPeriod.open,
-          application_close: admitPeriod.close
-        })
-      }
-
-      this.admitPeriodList = admitPeriods
-      // select the most recent admit period if none selected
-      if (!this.selectedAdmitPeriod) {
-        this.selectedAdmitPeriod(this.admitPeriodList[this.admitPeriodList.length - 1])
-      }
-    },
-    chooseAdmitPeriod (admitPeriod) {
-      this.selectAdmitPeriod(admitPeriod)
-      this.preserveUiSettings()
-      this.showList = false
-    }
-  },
-  mounted () {
-    this.fetchConfig()
-  }
-}
-</script>
-<style scoped>
-.clickable {
-  cursor: pointer;
-}
-</style>
+<template>
+  <div>
+    <FilterButton small :show="showList" @show="showList = true" @hide="showList = false">
+      <span slot="label"><slot></slot></span>
+      <font-awesome-icon
+        slot="icon"
+        :icon="calendar"
+        alt="Configure Admit Periods" />
+      <div
+        v-for="admitPeriod of admitPeriodList"
+        :key="admitPeriod.period"
+        @click="chooseAdmitPeriod(admitPeriod.period)"
+        class="dropdown-item">
+        {{ admitPeriod.long_description }}
+      </div>
+    </FilterButton>
+  </div>
+</template>
+<script>
+import FilterButton from './FilterButton.vue'
+
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faCalendar } from '@fortawesome/free-solid-svg-icons'
+
+import { mapState, mapMutations, mapActions } from 'vuex'
+
+function semesterCodeToDescription(semesterCode) {
+  switch (semesterCode) {
+    case '1':
+      return 'Winter'
+    case '3':
+      return 'Spring'
+    case '4':
+      return 'Summer'
+    case '5':
+      return 'Fall'
+  }
+}
+
+export default {
+  name: 'AdmitPeriodConfig',
+  components: {
+    FilterButton,
+    FontAwesomeIcon
+  },
+  props: {
+    school: {
+      type: String,
+      validator (value) {
+        return ['byu', 'byui', 'byuh', 'byupw', 'ldsbc'].includes(value)
+      }
+    },
+    config: {
+      type: Array,
+      validator (value) {
+        return value.length > 0
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      selectedAdmitPeriod: state => state.ui.admitPeriod
+    }),
+    calendar () {
+      return faCalendar
+    }
+  },
+  data () {
+    return {
+      admitPeriodList: [],
+      showList: false
+    }
+  },
+  methods: {
+    ...mapMutations(['selectAdmitPeriod']),
+    ...mapActions(['preserveUiSettings']),
+    async fetchConfig() {
+      const admitPeriods = []
+      for (const admitPeriod of this.config) {
+        // isolate semester code and semester year
+        const semesterYear = admitPeriod.admit_period.substring(0, admitPeriod.admit_period.length - 1)
+        const semesterCode = admitPeriod.admit_period.substring(admitPeriod.admit_period.length - 1)
+        // add another object to admitPeriods with information from configuration
+        admitPeriods.push({
+          period: semesterYear + semesterCode,
+          description: semesterYear + ' ' + semesterCodeToDescription(semesterCode),
+          long_description: semesterCodeToDescription(semesterCode) + ' ' + semesterYear,
+          school: 'byuh',
+          application_open: admitPeriod.open,
+          application_close: admitPeriod.close
+        })
+      }
+
+      this.admitPeriodList = admitPeriods
+      // select the most recent admit period if none selected
+      if (!this.selectedAdmitPeriod) {
+        this.selectedAdmitPeriod(this.admitPeriodList[this.admitPeriodList.length - 1])
+      }
+    },
+    chooseAdmitPeriod (admitPeriod) {
+      this.selectAdmitPeriod(admitPeriod)
+      this.preserveUiSettings()
+      this.showList = false
+    }
+  },
+  mounted () {
+    this.fetchConfig()
+  }
+}
+</script>
+<style scoped>
+.clickable {
+  cursor: pointer;
+}
+</style>

package/ApiCallButton.vue

@@ -1,91 +1,91 @@
-<template>
-  <button @click="clickHandler" :class="btnClass" :disabled="waiting || finished || hasError">
-    <FontAwesomeIcon v-if="icon != null" :icon="icon" :spin="waiting" />
-    <slot></slot>
-  </button>
-</template>
-<script>
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faSpinner, faExclamationTriangle, faCheck, faUserClock, faTrash } from '@fortawesome/free-solid-svg-icons'
-
-import { mapState, mapGetters } from 'vuex'
-
-export default {
-  name: 'ApiCallButton',
-  components: { FontAwesomeIcon },
-  props: {
-    outline: Boolean,
-    small: Boolean,
-    defaultCategory: {
-      type: String,
-      default: 'primary'
-    },
-    initialIcon: {
-      type: String,
-      validator(value) {
-        return ['snooze', 'trash'].includes(value)
-      }
-    }
-  },
-  data () {
-    return {
-      waiting: false,
-      finished: false
-    }
-  },
-  computed: {
-    ...mapState({
-      hasError: state => !!state.apiError.status
-    }),
-    ...mapGetters(['loading']),
-    semanticCategory () {
-      if (this.hasError) return 'danger'
-      else if (this.finished) return 'success'
-      return this.defaultCategory
-    },
-    btnClass () {
-      const semanticCategory = this.semanticCategory
-      const category = `btn${this.outline ? '-outline' : ''}-${semanticCategory}`
-      return {
-        'btn': true,
-        [category]: true,
-        'btn-sm': this.small
-      }
-    },
-    icon () {
-      if (this.hasError) return faExclamationTriangle
-      else if (this.waiting) return faSpinner
-      else if (this.finished) return faCheck
-      else if (this.initialIcon) {
-        switch (this.initialIcon) {
-          case 'snooze':
-            return faUserClock
-          case 'trash':
-            return faTrash
-          default:
-            return null
-        }
-      }
-      return null
-    }
-  },
-  watch: {
-    loading () {
-      if (this.waiting && !this.loading) {
-        this.waiting = false
-        this.finished = true
-        window.setTimeout(() => {
-          this.finished = false
-          this.$emit('complete')
-        }, 2500)
-      }
-    }
-  },
-  methods: {
-    clickHandler () {
-      this.waiting = true
-      this.$emit('click')
-    }
-  }
-}
-</script>
+<template>
+  <button @click="clickHandler" :class="btnClass" :disabled="waiting || finished || hasError">
+    <FontAwesomeIcon v-if="icon != null" :icon="icon" :spin="waiting" />
+    <slot></slot>
+  </button>
+</template>
+<script>
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faSpinner, faExclamationTriangle, faCheck, faUserClock, faTrash } from '@fortawesome/free-solid-svg-icons'
+
+import { mapState, mapGetters } from 'vuex'
+
+export default {
+  name: 'ApiCallButton',
+  components: { FontAwesomeIcon },
+  props: {
+    outline: Boolean,
+    small: Boolean,
+    defaultCategory: {
+      type: String,
+      default: 'primary'
+    },
+    initialIcon: {
+      type: String,
+      validator(value) {
+        return ['snooze', 'trash'].includes(value)
+      }
+    }
+  },
+  data () {
+    return {
+      waiting: false,
+      finished: false
+    }
+  },
+  computed: {
+    ...mapState({
+      hasError: state => !!state.apiError.status
+    }),
+    ...mapGetters(['loading']),
+    semanticCategory () {
+      if (this.hasError) return 'danger'
+      else if (this.finished) return 'success'
+      return this.defaultCategory
+    },
+    btnClass () {
+      const semanticCategory = this.semanticCategory
+      const category = `btn${this.outline ? '-outline' : ''}-${semanticCategory}`
+      return {
+        'btn': true,
+        [category]: true,
+        'btn-sm': this.small
+      }
+    },
+    icon () {
+      if (this.hasError) return faExclamationTriangle
+      else if (this.waiting) return faSpinner
+      else if (this.finished) return faCheck
+      else if (this.initialIcon) {
+        switch (this.initialIcon) {
+          case 'snooze':
+            return faUserClock
+          case 'trash':
+            return faTrash
+          default:
+            return null
+        }
+      }
+      return null
+    }
+  },
+  watch: {
+    loading () {
+      if (this.waiting && !this.loading) {
+        this.waiting = false
+        this.finished = true
+        window.setTimeout(() => {
+          this.finished = false
+          this.$emit('complete')
+        }, 2500)
+      }
+    }
+  },
+  methods: {
+    clickHandler () {
+      this.waiting = true
+      this.$emit('click')
+    }
+  }
+}
+</script>