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

package/Header.vue

@@ -1,132 +1,132 @@
-<!--
-   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>
-  <header>
-    <a class="logo" href="/">
-      <slot name="logo">
-      <img src="/logo.jpg" alt="Logo">
-      </slot>
-    </a>
-
-    <span class="page-title">
-      <slot>Decision Processing</slot>
-    </span>
-
-    <span :class="{ tools: true, hidden: !menuOpen }">
-      <slot name="search"> </slot>
-      <user-info />
-    </span>
-
-    <span class="menu-button" @click="menuOpen = !menuOpen">
-      <font-awesome-icon :icon="menuIcon" />
-    </span>
-
-    <nav :class="{ hidden: !menuOpen }">
-      <slot name="nav"></slot>
-    </nav>
-
-  </header>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faBars, faTimes } from '@fortawesome/free-solid-svg-icons'
-  import UserInfo from './UserInfo'
-
-  export default {
-    name: 'Header',
-    components: {
-      UserInfo,
-      FontAwesomeIcon
-    },
-    data () {
-      return {
-        menuOpen: false
-      }
-    },
-    computed: {
-      menuIcon () {
-        return this.menuOpen ? faTimes : faBars
-      }
-    }
-  }
-</script>
-<style scoped>
-  header {
-    display: grid;
-    grid-template-columns: 2rem auto 1rem 1fr auto 1rem;
-    grid-auto-rows: auto;
-    grid-template-areas:
-    ". logo . title tools ."
-    "nav nav nav nav nav nav";
-    align-items: center;
-  }
-  .logo { grid-area: logo; }
-  .page-title {
-    grid-area: title;
-    font-size: 1.5rem;
-    text-transform: uppercase;
-  }
-  .tools {
-    grid-area: tools;
-    display: grid;
-    grid-template-columns: auto auto;
-    grid-auto-rows: auto;
-    grid-gap: 1rem;
-    align-items: center;
-  }
-  nav {
-    grid-area: nav;
-    box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
-    flex: 0 0 auto;
-  }
-  .menu-button { display: none; }
-
-  @media only screen and (max-width: 625px) {
-    header {
-      grid-template-columns: 2rem auto 1rem 1fr;
-      grid-auto-rows: auto;
-      grid-template-areas:
-      ". logo . title menu-button"
-      "nav nav nav nav nav"
-      "tools tools tools tools tools";
-      box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
-    }
-    .menu-button {
-      display: inline-block;
-      grid-area: menu-button;
-      margin: 0 0.5rem;
-    }
-    .tools {
-      padding: 0.5rem;
-      background-color: #f7f7f8;
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-auto-rows: auto;
-      grid-gap: 0.5rem;
-      box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
-    }
-    nav {
-      box-shadow: none;
-    }
-    .hidden {
-      display: none;
-    }
-  }
-
-  @media only screen and (max-width: 369px) {
-    .page-title { display: none; }
-  }
-</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>
+  <header>
+    <a class="logo" href="/">
+      <slot name="logo">
+      <img src="/logo.jpg" alt="Logo">
+      </slot>
+    </a>
+
+    <span class="page-title">
+      <slot>Decision Processing</slot>
+    </span>
+
+    <span :class="{ tools: true, hidden: !menuOpen }">
+      <slot name="search"> </slot>
+      <user-info />
+    </span>
+
+    <span class="menu-button" @click="menuOpen = !menuOpen">
+      <font-awesome-icon :icon="menuIcon" />
+    </span>
+
+    <nav :class="{ hidden: !menuOpen }">
+      <slot name="nav"></slot>
+    </nav>
+
+  </header>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faBars, faTimes } from '@fortawesome/free-solid-svg-icons'
+  import UserInfo from './UserInfo'
+
+  export default {
+    name: 'Header',
+    components: {
+      UserInfo,
+      FontAwesomeIcon
+    },
+    data () {
+      return {
+        menuOpen: false
+      }
+    },
+    computed: {
+      menuIcon () {
+        return this.menuOpen ? faTimes : faBars
+      }
+    }
+  }
+</script>
+<style scoped>
+  header {
+    display: grid;
+    grid-template-columns: 2rem auto 1rem 1fr auto 1rem;
+    grid-auto-rows: auto;
+    grid-template-areas:
+    ". logo . title tools ."
+    "nav nav nav nav nav nav";
+    align-items: center;
+  }
+  .logo { grid-area: logo; }
+  .page-title {
+    grid-area: title;
+    font-size: 1.5rem;
+    text-transform: uppercase;
+  }
+  .tools {
+    grid-area: tools;
+    display: grid;
+    grid-template-columns: auto auto;
+    grid-auto-rows: auto;
+    grid-gap: 1rem;
+    align-items: center;
+  }
+  nav {
+    grid-area: nav;
+    box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
+    flex: 0 0 auto;
+  }
+  .menu-button { display: none; }
+
+  @media only screen and (max-width: 625px) {
+    header {
+      grid-template-columns: 2rem auto 1rem 1fr;
+      grid-auto-rows: auto;
+      grid-template-areas:
+      ". logo . title menu-button"
+      "nav nav nav nav nav"
+      "tools tools tools tools tools";
+      box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
+    }
+    .menu-button {
+      display: inline-block;
+      grid-area: menu-button;
+      margin: 0 0.5rem;
+    }
+    .tools {
+      padding: 0.5rem;
+      background-color: #f7f7f8;
+      display: grid;
+      grid-template-columns: 1fr;
+      grid-auto-rows: auto;
+      grid-gap: 0.5rem;
+      box-shadow: 0rem 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
+    }
+    nav {
+      box-shadow: none;
+    }
+    .hidden {
+      display: none;
+    }
+  }
+
+  @media only screen and (max-width: 369px) {
+    .page-title { display: none; }
+  }
+</style>

package/HighSchoolSummary.vue

@@ -1,60 +1,60 @@
-<!--
-   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>
-    <table class="table table-borderless table-sm">
-      <thead>
-        <tr>
-          <th>High School</th>
-          <th>Location</th>
-          <th>Type</th>
-          <th>GPA</th>
-          <th>Graduation Date</th>
-        </tr>
-      </thead>
-      <tbody>
-        <template v-for="(hs, i) in highSchoolSummaries">
-          <tr>
-            <td>{{hs.highSchool}}</td>
-            <td>{{hs.highSchoolCity}} - {{hs.highSchoolState}} - {{hs.highSchoolCountry}}</td>
-            <td>{{hs.highSchoolType}}</td>
-            <td>{{hs.gpaCalculated || hs.highSchoolGpa | gpaFilter}}</td>
-            <td>{{hs.graduationDate | dateFormat}}</td>
-            <td v-if="showTranscript">{{hs.linkToDocumentImage}}</td>
-          </tr>
-        </template>
-      </tbody>
-    </table>
-  </div>
-</template>
-<script>
-  import { mapState } from 'vuex'
-  import { dateFormat } from './dateTimeFormat'
-  import gpaFilter from './gpaFilter'
-
-  export default {
-    name: 'HighSchoolSummary',
-    filters: {
-      dateFormat,
-      gpaFilter
-    },
-    computed: {
-      ...mapState({
-        highSchoolSummaries: state => state.application.highSchoolSummaries.highSchools
-      })
-    }
-  }
-</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>
+    <table class="table table-borderless table-sm">
+      <thead>
+        <tr>
+          <th>High School</th>
+          <th>Location</th>
+          <th>Type</th>
+          <th>GPA</th>
+          <th>Graduation Date</th>
+        </tr>
+      </thead>
+      <tbody>
+        <template v-for="(hs, i) in highSchoolSummaries">
+          <tr>
+            <td>{{hs.highSchool}}</td>
+            <td>{{hs.highSchoolCity}} - {{hs.highSchoolState}} - {{hs.highSchoolCountry}}</td>
+            <td>{{hs.highSchoolType}}</td>
+            <td>{{hs.gpaCalculated || hs.highSchoolGpa | gpaFilter}}</td>
+            <td>{{hs.graduationDate | dateFormat}}</td>
+            <td v-if="showTranscript">{{hs.linkToDocumentImage}}</td>
+          </tr>
+        </template>
+      </tbody>
+    </table>
+  </div>
+</template>
+<script>
+  import { mapState } from 'vuex'
+  import { dateFormat } from './dateTimeFormat'
+  import gpaFilter from './gpaFilter'
+
+  export default {
+    name: 'HighSchoolSummary',
+    filters: {
+      dateFormat,
+      gpaFilter
+    },
+    computed: {
+      ...mapState({
+        highSchoolSummaries: state => state.application.highSchoolSummaries.highSchools
+      })
+    }
+  }
+</script>

package/InternationalIndicator.vue

@@ -1,44 +1,44 @@
-<!--
-   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>
-  <font-awesome-icon v-if="showIcon" alt="International Applicant" :icon="globe" v-on="$listeners"/>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons'
-  import { mapGetters } from 'vuex'
-
-  export default {
-    name: 'InternationalIndicator',
-    components: {
-      FontAwesomeIcon
-    },
-    props: {
-      set: {
-        type: Boolean
-      }
-    },
-    computed: {
-      ...mapGetters(['flagByValue']),
-      globe () {
-        return faGlobeAmericas
-      },
-      showIcon () {
-        return this.set || this.flagByValue('IA').isActive
-      }
-    }
-  }
-</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>
+  <font-awesome-icon v-if="showIcon" alt="International Applicant" :icon="globe" v-on="$listeners"/>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faGlobeAmericas } from '@fortawesome/free-solid-svg-icons'
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'InternationalIndicator',
+    components: {
+      FontAwesomeIcon
+    },
+    props: {
+      set: {
+        type: Boolean
+      }
+    },
+    computed: {
+      ...mapGetters(['flagByValue']),
+      globe () {
+        return faGlobeAmericas
+      },
+      showIcon () {
+        return this.set || this.flagByValue('IA').isActive
+      }
+    }
+  }
+</script>

package/InternationalStatus.vue

@@ -1,48 +1,48 @@
-<!--
-   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-sm table-borderless">
-    <thead>
-      <tr>
-        <td>Country</td>
-        <td>Visa Type</td>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          {{citizenship.citizenshipCountry}}
-          ({{citizenship.citizenshipCountryCode}})
-        </td>
-        <td>
-          {{citizenship.visaType}}
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'InternationalStatus',
-    computed: {
-      ...mapState({
-        citizenship: state => state.application.citizenship
-      })
-    }
-  }
-</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-sm table-borderless">
+    <thead>
+      <tr>
+        <td>Country</td>
+        <td>Visa Type</td>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>
+          {{citizenship.citizenshipCountry}}
+          ({{citizenship.citizenshipCountryCode}})
+        </td>
+        <td>
+          {{citizenship.visaType}}
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'InternationalStatus',
+    computed: {
+      ...mapState({
+        citizenship: state => state.application.citizenship
+      })
+    }
+  }
+</script>