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

package/DetailsHighSchool.vue

@@ -1,99 +1,99 @@
-<!--
-   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>
-    <template v-for="(hs, i) in highSchoolSummaries">
-      <table class="table table-borderless table-sm">
-        <thead>
-          <tr>
-            <th>High School</th>
-            <th>Location</th>
-            <th>Type</th>
-            <th>GPA</th>
-            <th>Calculated GPA</th>
-            <th>Graduation Date</th>
-            <th v-if="showTranscript">Transcript</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>
-              {{hs.highSchool}}
-              <small v-if="hs.schoolCode">
-                ({{hs.schoolCode}})
-              </small>
-            </td>
-            <td>{{hs.highSchoolCity}} - {{hs.highSchoolState}} - {{hs.highSchoolCountry}}</td>
-            <td>{{hs.highSchoolType}}</td>
-            <td>{{hsGpa(hs, 'regular') | gpaFilter}}</td>
-            <td>{{hsGpa(hs, 'calc') | gpaFilter}}</td>
-            <td>{{hs.graduationDate | dateFormat}}</td>
-            <td v-if="showTranscript">{{hs.linkToDocumentImage}}</td>
-          </tr>
-        </tbody>
-      </table>
-      <DetailsHsTranscript
-        v-if="showTranscript && hs.listOfClasses && hs.listOfClasses.length > 0"
-        :classes="hs.listOfClasses"
-      >
-      </DetailsHsTranscript>
-    </template>
-    <div v-if="highSchoolSummaries.length===0">
-      No high school information available
-    </div>
-  </div>
-</template>
-<script>
-  import DetailsHsTranscript from './DetailsHsTranscript'
-  import { mapGetters } from 'vuex'
-  import { dateFormat } from './dateTimeFormat'
-  import gpaFilter from './gpaFilter'
-
-  export default {
-    name: 'DetailsHighSchool',
-    components: { DetailsHsTranscript },
-    props: {
-      showTranscript: {
-        type: Boolean,
-        default: false
-      }
-    },
-    filters: {
-      dateFormat,
-      gpaFilter
-    },
-    computed: {
-      ...mapGetters(['highSchoolSummaries']),
-    },
-    methods: {
-      hsGpa (highSchool, specifier) {
-        if (highSchool) {
-          let value = highSchool.highSchoolGpa
-          if (specifier === 'calc') {
-            value = highSchool.gpaCalculated
-          }
-          if (value) {
-            const asFloat = Number.parseFloat(value)
-            if (!Number.isNaN(asFloat) && asFloat > 0.01) {
-              return value
-            }
-          }
-          return ''
-        }
-      }
-    }
-  }
-</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>
+    <template v-for="(hs, i) in highSchoolSummaries">
+      <table class="table table-borderless table-sm">
+        <thead>
+          <tr>
+            <th>High School</th>
+            <th>Location</th>
+            <th>Type</th>
+            <th>GPA</th>
+            <th>Calculated GPA</th>
+            <th>Graduation Date</th>
+            <th v-if="showTranscript">Transcript</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              {{hs.highSchool}}
+              <small v-if="hs.schoolCode">
+                ({{hs.schoolCode}})
+              </small>
+            </td>
+            <td>{{hs.highSchoolCity}} - {{hs.highSchoolState}} - {{hs.highSchoolCountry}}</td>
+            <td>{{hs.highSchoolType}}</td>
+            <td>{{hsGpa(hs, 'regular') | gpaFilter}}</td>
+            <td>{{hsGpa(hs, 'calc') | gpaFilter}}</td>
+            <td>{{hs.graduationDate | dateFormat}}</td>
+            <td v-if="showTranscript">{{hs.linkToDocumentImage}}</td>
+          </tr>
+        </tbody>
+      </table>
+      <DetailsHsTranscript
+        v-if="showTranscript && hs.listOfClasses && hs.listOfClasses.length > 0"
+        :classes="hs.listOfClasses"
+      >
+      </DetailsHsTranscript>
+    </template>
+    <div v-if="highSchoolSummaries.length===0">
+      No high school information available
+    </div>
+  </div>
+</template>
+<script>
+  import DetailsHsTranscript from './DetailsHsTranscript'
+  import { mapGetters } from 'vuex'
+  import { dateFormat } from './dateTimeFormat'
+  import gpaFilter from './gpaFilter'
+
+  export default {
+    name: 'DetailsHighSchool',
+    components: { DetailsHsTranscript },
+    props: {
+      showTranscript: {
+        type: Boolean,
+        default: false
+      }
+    },
+    filters: {
+      dateFormat,
+      gpaFilter
+    },
+    computed: {
+      ...mapGetters(['highSchoolSummaries']),
+    },
+    methods: {
+      hsGpa (highSchool, specifier) {
+        if (highSchool) {
+          let value = highSchool.highSchoolGpa
+          if (specifier === 'calc') {
+            value = highSchool.gpaCalculated
+          }
+          if (value) {
+            const asFloat = Number.parseFloat(value)
+            if (!Number.isNaN(asFloat) && asFloat > 0.01) {
+              return value
+            }
+          }
+          return ''
+        }
+      }
+    }
+  }
+</script>

package/DetailsHsTranscript.vue

@@ -1,100 +1,100 @@
-<!--
-   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="grid">
-    <table v-for="(list, year) of byYear" :key="year" class="table tbl-sm">
-      <thead>
-        <tr>
-          <th colspan="7">Grade {{ year }}</th>
-        </tr>
-        <tr>
-          <th>Subject</th>
-          <th>Course</th>
-          <th></th>
-          <th colspan="4">Grade</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="c of list" :key="c.courseName">
-          <td>{{ c.subject }}</td>
-          <td>{{ c.courseName }}</td>
-          <td>
-            <span v-if="c.ap">AP</span>
-            <span v-if="c.repeated">Repeated</span>
-          </td>
-          <td v-for="(g, i) of c.grades" :key="i">
-            {{ g }}
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-<script>
-import { mapState } from 'vuex'
-
-export default {
-  name: 'DetailsHsTranscript',
-  props: {
-    classes: Array
-  },
-  computed: {
-    years () {
-      const gradeLevels = this.classes.map(c => c.gradeLevel)
-      const unique = Array.from(gradeLevels.reduce((a, c) => {
-        return a.add(c)
-      }, new Set()))
-      return unique.sort((a, b) => Number(a) - Number(b))
-    },
-    byYear () {
-      const classSort = (a, b) => {
-        if (a.subject === b.subject) return a.courseName.localeCompare(b.courseName)
-        return a.subject.localeCompare(b.subject)
-      }
-      const years = this.years
-      return years.reduce((o, y) => Object.assign(o, {
-        [y]: this.classes.filter(c => c.gradeLevel === y).sort(classSort)
-      }), {})
-    }
-  }
-}
-</script>
-<style scoped>
-.grid {
-  display: grid;
-  grid-template-columns: auto auto;
-  grid-auto-rows: auto;
-  grid-gap: 0.5rem;
-}
-.card-body {
-  padding: 0.5rem;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-auto-rows: auto;
-}
-.bg1 {
-  background-color: rgba(128, 27, 52, 0.1);
-}
-.bg2 {
-  background-color: rgba(30, 111, 65, 0.1);
-}
-.bg3 {
-  background-color: rgba(170, 128, 14, 0.1);
-}
-.bg4 {
-  background-color: rgba(126, 43, 139, 0.1);
-}
-</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="grid">
+    <table v-for="(list, year) of byYear" :key="year" class="table tbl-sm">
+      <thead>
+        <tr>
+          <th colspan="7">Grade {{ year }}</th>
+        </tr>
+        <tr>
+          <th>Subject</th>
+          <th>Course</th>
+          <th></th>
+          <th colspan="4">Grade</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="c of list" :key="c.courseName">
+          <td>{{ c.subject }}</td>
+          <td>{{ c.courseName }}</td>
+          <td>
+            <span v-if="c.ap">AP</span>
+            <span v-if="c.repeated">Repeated</span>
+          </td>
+          <td v-for="(g, i) of c.grades" :key="i">
+            {{ g }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'DetailsHsTranscript',
+  props: {
+    classes: Array
+  },
+  computed: {
+    years () {
+      const gradeLevels = this.classes.map(c => c.gradeLevel)
+      const unique = Array.from(gradeLevels.reduce((a, c) => {
+        return a.add(c)
+      }, new Set()))
+      return unique.sort((a, b) => Number(a) - Number(b))
+    },
+    byYear () {
+      const classSort = (a, b) => {
+        if (a.subject === b.subject) return a.courseName.localeCompare(b.courseName)
+        return a.subject.localeCompare(b.subject)
+      }
+      const years = this.years
+      return years.reduce((o, y) => Object.assign(o, {
+        [y]: this.classes.filter(c => c.gradeLevel === y).sort(classSort)
+      }), {})
+    }
+  }
+}
+</script>
+<style scoped>
+.grid {
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-auto-rows: auto;
+  grid-gap: 0.5rem;
+}
+.card-body {
+  padding: 0.5rem;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-auto-rows: auto;
+}
+.bg1 {
+  background-color: rgba(128, 27, 52, 0.1);
+}
+.bg2 {
+  background-color: rgba(30, 111, 65, 0.1);
+}
+.bg3 {
+  background-color: rgba(170, 128, 14, 0.1);
+}
+.bg4 {
+  background-color: rgba(126, 43, 139, 0.1);
+}
+</style>

package/DetailsInstitute.vue

@@ -1,90 +1,90 @@
-<!--
-   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>
-    <div v-if="institute" class="grid">
-      <template v-if="institute.attendance">
-        <h6 class="full-width">Years Attended</h6>
-        <p class="full-width"> {{ institute.attendance }} </p>
-      </template>
-      <template v-if="institute.explanation">
-        <h6 class="full-width">Explanation</h6>
-        <p class="full-width"> {{ institute.explanation }} </p>
-      </template>
-      <template v-if="!hideClasses">
-        <div v-for="(c, i) of institute.classes" :key="i" class="card">
-          <h6 class="card-header">{{c.className}}</h6>
-          <div class="card-body">
-            <h6>{{c.academicYear}}</h6>
-            <div>
-              Grade: <strong>{{ c.grade }}</strong>
-              <br>
-              For Credit: <strong>{{ c.forCredit }}</strong>
-            </div>
-          </div>
-        </div>
-      </template>
-    </div>
-    <div v-else>
-      No institute information reported.
-    </div>
-  </div>
-</template>
-<script>
-import { mapState } from 'vuex'
-
-export default {
-  name: 'DetailsInstitute',
-  props: {
-    hideClasses: Boolean
-  },
-  computed: {
-    ...mapState({
-      institute: state => state.application.institute
-    })
-  }
-}
-</script>
-<style scoped>
-.grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
-  grid-auto-rows: auto;
-  grid-gap: 0.5rem;
-  /* grid-auto-flow: dense; */
-}
-.full-width {
-  grid-column: 1 / -1;
-}
-h6 {
-  font-weight: bold;
-}
-th.selection-cell {
-  min-width: 5rem;
-}
-td.selection-cell {
-  text-align: center;
-}
-td.selected {
-  color: var(--primary, blue);
-}
-.alt-text {
-  font-size: 0;
-}
-@media only speech {
-  .alt-text { font-size: 1rem; }
-}
-</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>
+    <div v-if="institute" class="grid">
+      <template v-if="institute.attendance">
+        <h6 class="full-width">Years Attended</h6>
+        <p class="full-width"> {{ institute.attendance }} </p>
+      </template>
+      <template v-if="institute.explanation">
+        <h6 class="full-width">Explanation</h6>
+        <p class="full-width"> {{ institute.explanation }} </p>
+      </template>
+      <template v-if="!hideClasses">
+        <div v-for="(c, i) of institute.classes" :key="i" class="card">
+          <h6 class="card-header">{{c.className}}</h6>
+          <div class="card-body">
+            <h6>{{c.academicYear}}</h6>
+            <div>
+              Grade: <strong>{{ c.grade }}</strong>
+              <br>
+              For Credit: <strong>{{ c.forCredit }}</strong>
+            </div>
+          </div>
+        </div>
+      </template>
+    </div>
+    <div v-else>
+      No institute information reported.
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from 'vuex'
+
+export default {
+  name: 'DetailsInstitute',
+  props: {
+    hideClasses: Boolean
+  },
+  computed: {
+    ...mapState({
+      institute: state => state.application.institute
+    })
+  }
+}
+</script>
+<style scoped>
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+  grid-auto-rows: auto;
+  grid-gap: 0.5rem;
+  /* grid-auto-flow: dense; */
+}
+.full-width {
+  grid-column: 1 / -1;
+}
+h6 {
+  font-weight: bold;
+}
+th.selection-cell {
+  min-width: 5rem;
+}
+td.selection-cell {
+  text-align: center;
+}
+td.selected {
+  color: var(--primary, blue);
+}
+.alt-text {
+  font-size: 0;
+}
+@media only speech {
+  .alt-text { font-size: 1rem; }
+}
+</style>