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

package/DetailsCesHold.vue

@@ -1,107 +1,107 @@
-<!--
-   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="ces-hold">
-    <span
-       v-if="loaded"
-       :class="holdSet ? flagClass : noFlagClass"
-    >
-      <font-awesome-icon :icon="holdIcon" />
-      {{ holdSet ? 'CES Standards Hold' : 'No CES Standards Hold' }}
-    </span>
-    <span v-else-if="error" class="text-error">
-      <font-awesome-icon :icon="holdIcon" />
-      Error checking CES Standards Hold
-    </span>
-    <span v-else class="text-gray">
-      <font-awesome-icon :icon="spinner" spin />
-      Loading...
-    </span>
-  </div>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faCheck, faExclamationTriangle, faQuestionCircle, faSpinner } from '@fortawesome/free-solid-svg-icons'
-
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'DetailsCesHold',
-    components: {
-      FontAwesomeIcon
-    },
-    props: {
-      flagClass: {
-        type: String,
-        default: 'text-error'
-      },
-      noFlagClass: {
-        type: String,
-        default: 'text-secondary'
-      }
-    },
-    data () {
-      return {
-        error: false,
-        loaded: false,
-        holdSet: false
-      }
-    },
-    computed: {
-      ...mapState({
-        env: 'environment',
-        applicantId: state => state.application.applicantId
-      }),
-      spinner () { return faSpinner },
-      holdIcon () {
-        return this.holdSet ? faExclamationTriangle : this.error ? faQuestionCircle : faCheck
-      }
-    },
-    async mounted () {
-      const applicantId = this.applicantId
-      if (!applicantId) {
-        this.error = true
-        return
-      }
-      try {
-        const url = this.env !== 'development'
-            ? `https://api.byu.edu/recordsYAPI/v1.0/student/byuId/${applicantId.trim()}/CESflagsHolds`
-            : `https://api-sandbox.byu.edu/recordsYAPI/v1.0/student/byuId/${applicantId.trim()}/CESflagsHolds`
-        const { body, status } = await window.byu.auth.request({ url })
-        if (status >= 400) {
-          this.error = true
-          return
-        }
-        const data = JSON.parse(body)
-        const recordCount = data.metadata.rows
-
-        if (recordCount > 0) {
-          this.holdSet = true
-          this.$emit('ces-hold-set')
-        } else {
-          this.$emit('ces-hold-clear')
-        }
-
-        this.loaded = true
-      } catch (err) {
-        console.error(err)
-        this.error = true
-      }
-    }
-  }
-</script>
-<style scoped>
-</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="ces-hold">
+    <span
+       v-if="loaded"
+       :class="holdSet ? flagClass : noFlagClass"
+    >
+      <font-awesome-icon :icon="holdIcon" />
+      {{ holdSet ? 'CES Standards Hold' : 'No CES Standards Hold' }}
+    </span>
+    <span v-else-if="error" class="text-error">
+      <font-awesome-icon :icon="holdIcon" />
+      Error checking CES Standards Hold
+    </span>
+    <span v-else class="text-gray">
+      <font-awesome-icon :icon="spinner" spin />
+      Loading...
+    </span>
+  </div>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faCheck, faExclamationTriangle, faQuestionCircle, faSpinner } from '@fortawesome/free-solid-svg-icons'
+
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'DetailsCesHold',
+    components: {
+      FontAwesomeIcon
+    },
+    props: {
+      flagClass: {
+        type: String,
+        default: 'text-error'
+      },
+      noFlagClass: {
+        type: String,
+        default: 'text-secondary'
+      }
+    },
+    data () {
+      return {
+        error: false,
+        loaded: false,
+        holdSet: false
+      }
+    },
+    computed: {
+      ...mapState({
+        env: 'environment',
+        applicantId: state => state.application.applicantId
+      }),
+      spinner () { return faSpinner },
+      holdIcon () {
+        return this.holdSet ? faExclamationTriangle : this.error ? faQuestionCircle : faCheck
+      }
+    },
+    async mounted () {
+      const applicantId = this.applicantId
+      if (!applicantId) {
+        this.error = true
+        return
+      }
+      try {
+        const url = this.env !== 'development'
+            ? `https://api.byu.edu/recordsYAPI/v1.0/student/byuId/${applicantId.trim()}/CESflagsHolds`
+            : `https://api-sandbox.byu.edu/recordsYAPI/v1.0/student/byuId/${applicantId.trim()}/CESflagsHolds`
+        const { body, status } = await window.byu.auth.request({ url })
+        if (status >= 400) {
+          this.error = true
+          return
+        }
+        const data = JSON.parse(body)
+        const recordCount = data.metadata.rows
+
+        if (recordCount > 0) {
+          this.holdSet = true
+          this.$emit('ces-hold-set')
+        } else {
+          this.$emit('ces-hold-clear')
+        }
+
+        this.loaded = true
+      } catch (err) {
+        console.error(err)
+        this.error = true
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>

package/DetailsCollege.vue

@@ -1,93 +1,93 @@
-<!--
-   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>
-  <table class="table table-borderless table-sm">
-    <thead>
-      <tr>
-        <th>College</th>
-        <th>Degree</th>
-        <th>Major</th>
-        <th>GPA</th>
-        <th>Credits</th>
-        <th>Start</th>
-        <th>End</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="(c, i) in collegeSummaries">
-        <td>{{c.college}}</td>
-        <td>
-          {{c.degree}}
-          <template v-if="c.degreeDate">
-            <br>
-            {{c.degreeDate | yyyyMmFilter}}
-          </template>
-        </td>
-        <td>{{c.major}}</td>
-        <td>{{c.collegeGpa | gpaFilter}}</td>
-        <td>
-          {{c.creditHoursGraded}}
-          <template v-if="c.gradePointsEarned">
-          /
-          {{c.gradePointsEarned}}
-          </template>
-        </td>
-        <td>{{c.startMonth}}</td>
-        <td>{{c.endMonth}}</td>
-      </tr>
-      <tr v-if="includeCumulative && collegeSummaries.length > 0">
-        <td>Cumulative</td>
-        <td></td>
-        <td></td>
-        <td>{{cumulativeGpa | gpaFilter}}</td>
-        <td>{{cumulativeCredits}}</td>
-        <td></td>
-        <td></td>
-      </tr>
-      <tr v-if="collegeSummaries.length===0">
-        <td colspan="5">No college credit information available</td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-import { mapState, mapGetters } from 'vuex'
-import gpaFilter from './gpaFilter'
-import yyyyMmFilter from './yyyyMmFilter'
-
-export default {
-  name: 'DetailsCollege',
-  filters: {
-    gpaFilter,
-    yyyyMmFilter
-  },
-  props: {
-    collegeFilter: {
-      type: String,
-      default: 'all',
-      validator: val => ['all', 'ces', 'other'].indexOf(val) >= 0
-    },
-    includeCumulative: Boolean
-  },
-  computed: {
-    ...mapState({
-      cumulativeGpa: state => state.application.collegeSummaries.cumulativeGpa,
-      cumulativeCredits: state => state.application.collegeSummaries.cumulativeCredits
-    }),
-    ...mapGetters(['collegeSummaries'])
-  }
-}
-</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>
+  <table class="table table-borderless table-sm">
+    <thead>
+      <tr>
+        <th>College</th>
+        <th>Degree</th>
+        <th>Major</th>
+        <th>GPA</th>
+        <th>Credits</th>
+        <th>Start</th>
+        <th>End</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-for="(c, i) in collegeSummaries">
+        <td>{{c.college}}</td>
+        <td>
+          {{c.degree}}
+          <template v-if="c.degreeDate">
+            <br>
+            {{c.degreeDate | yyyyMmFilter}}
+          </template>
+        </td>
+        <td>{{c.major}}</td>
+        <td>{{c.collegeGpa | gpaFilter}}</td>
+        <td>
+          {{c.creditHoursGraded}}
+          <template v-if="c.gradePointsEarned">
+          /
+          {{c.gradePointsEarned}}
+          </template>
+        </td>
+        <td>{{c.startMonth}}</td>
+        <td>{{c.endMonth}}</td>
+      </tr>
+      <tr v-if="includeCumulative && collegeSummaries.length > 0">
+        <td>Cumulative</td>
+        <td></td>
+        <td></td>
+        <td>{{cumulativeGpa | gpaFilter}}</td>
+        <td>{{cumulativeCredits}}</td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr v-if="collegeSummaries.length===0">
+        <td colspan="5">No college credit information available</td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+import { mapState, mapGetters } from 'vuex'
+import gpaFilter from './gpaFilter'
+import yyyyMmFilter from './yyyyMmFilter'
+
+export default {
+  name: 'DetailsCollege',
+  filters: {
+    gpaFilter,
+    yyyyMmFilter
+  },
+  props: {
+    collegeFilter: {
+      type: String,
+      default: 'all',
+      validator: val => ['all', 'ces', 'other'].indexOf(val) >= 0
+    },
+    includeCumulative: Boolean
+  },
+  computed: {
+    ...mapState({
+      cumulativeGpa: state => state.application.collegeSummaries.cumulativeGpa,
+      cumulativeCredits: state => state.application.collegeSummaries.cumulativeCredits
+    }),
+    ...mapGetters(['collegeSummaries'])
+  }
+}
+</script>

package/DetailsContact.vue

@@ -1,65 +1,65 @@
-<!--
-   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="contact">
-    <span class="address">
-      <ul class="list-unstyled">
-        <li v-for="line in application.addressLines">{{line}}</li>
-      </ul>
-    </span>
-    <span class="email">
-      <strong>e:</strong> <a v-if="application.emailAddress" :href="`mailto:${application.emailAddress}`">{{application.emailAddress}}</a>
-      <br>
-      <strong>p:</strong> {{application.phoneNumber}}
-      <template v-if="application.whatsappNumber">
-        <br>
-        <strong>WhatsApp:</strong> {{application.whatsappNumber}}
-      </template>
-    </span>
-  </div>
-</template>
-<script>
-  import { mapGetters, mapState, mapActions } from 'vuex'
-
-  export default {
-    name: 'DetailsContact',
-    props: [
-      'viewData'
-    ],
-    computed: {
-      ...mapState({
-        application: 'application'
-      }),
-      ...mapGetters(['loading'])
-    },
-    filters: {
-      wrapInParens(val) {
-        if (!val) return ''
-        return `(${val})`
-      }
-    }
-  }
-</script>
-<style scoped>
-  .contact {
-    padding: 0.5rem 0.5rem 0.5rem 3.5rem;
-    font-size: 0.8rem;
-    display: flex;
-  }
-  .email {
-    margin-left: 3.5rem;
-  }
-</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="contact">
+    <span class="address">
+      <ul class="list-unstyled">
+        <li v-for="line in application.addressLines">{{line}}</li>
+      </ul>
+    </span>
+    <span class="email">
+      <strong>e:</strong> <a v-if="application.emailAddress" :href="`mailto:${application.emailAddress}`">{{application.emailAddress}}</a>
+      <br>
+      <strong>p:</strong> {{application.phoneNumber}}
+      <template v-if="application.whatsappNumber">
+        <br>
+        <strong>WhatsApp:</strong> {{application.whatsappNumber}}
+      </template>
+    </span>
+  </div>
+</template>
+<script>
+  import { mapGetters, mapState, mapActions } from 'vuex'
+
+  export default {
+    name: 'DetailsContact',
+    props: [
+      'viewData'
+    ],
+    computed: {
+      ...mapState({
+        application: 'application'
+      }),
+      ...mapGetters(['loading'])
+    },
+    filters: {
+      wrapInParens(val) {
+        if (!val) return ''
+        return `(${val})`
+      }
+    }
+  }
+</script>
+<style scoped>
+  .contact {
+    padding: 0.5rem 0.5rem 0.5rem 3.5rem;
+    font-size: 0.8rem;
+    display: flex;
+  }
+  .email {
+    margin-left: 3.5rem;
+  }
+</style>