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

package/ShowApplicantIds.vue

@@ -1,100 +1,100 @@
-<template>
-    <modal
-      name="show-applicant-ids-modal"
-      height="auto"
-      scrollable
-      draggable
-    >
-    <div class="bg-light p-1 text-uppercase">Applicant Id's</div>
-    <div>
-        <table class="table table-bordered">
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>Value</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <th>Application Id</th>
-                    <td>{{ applicationId }}</td>
-                </tr>
-                <tr>
-                    <th>Net Id</th>
-                    <td>{{ netId }}</td>
-                </tr>
-                <tr>
-                    <th>Byu Id</th>
-                    <td>{{ applicantId }}</td>
-                </tr>
-                <tr>
-                    <th>Person Id</th>
-                    <td>{{ personId }}</td>
-                </tr>
-                <tr>
-                    <th>Central Processing Id</th>
-                    <td>{{ cpId }}</td>
-                </tr>
-                <tr>
-                    <th>Rsvp Id</th>
-                    <td>{{ rsvpId }}</td>
-                </tr>
-                <tr>
-                    <th>Ces Id</th>
-                    <td>{{ cesId }}</td>
-                </tr>
-                <tr>
-                    <th>Pathway Id</th>
-                    <td>{{ pathId }}</td>
-                </tr>
-                <tr>
-                    <th>Church Account Id</th>
-                    <td>{{ churchAccountId }}</td>
-                </tr>
-                <tr>
-                    <th>Church Account Username</th>
-                    <td>{{ churchUserName }}</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <span class="modal-footer">
-        <button @click="close" type="button" class="btn btn-sm btn-outline-danger">Close</button>
-    </span>
-    </modal>
-</template>
-<script>
-    import { mapState } from 'vuex'
-
-    export default {
-        name: 'ShowApplicantIds',
-        computed:{
-            ...mapState({
-                netId: state => state.application.netId,
-                applicantId: state => state.application.applicantId,
-                personId: state => state.application.personId,
-                cpId: state => state.newApp.cpId,
-                rsvpId: state => state.newApp.rsvpId,
-                cesId: state => state.newApp.cesId,
-                applicationId: state => state.newApp.appId,
-                pathId: state => state.newApp.pathId,
-                churchAccountId: state => state.newApp.churchAccountId,
-                churchUserName: state => state.newApp.churchUserName,
-            })
-        },
-        methods: {
-            close () {
-                this.$modal.hide('show-applicant-ids-modal')
-            },
-        }
-    }
-</script>
-<style scoped>
-    .applicant {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        grid-template-rows: 1fr 1fr;
-        grid-column-gap: 0.5rem;
-    }
-
-</style>
+<template>
+    <modal
+      name="show-applicant-ids-modal"
+      height="auto"
+      scrollable
+      draggable
+    >
+    <div class="bg-light p-1 text-uppercase">Applicant Id's</div>
+    <div>
+        <table class="table table-bordered">
+            <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Value</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <th>Application Id</th>
+                    <td>{{ applicationId }}</td>
+                </tr>
+                <tr>
+                    <th>Net Id</th>
+                    <td>{{ netId }}</td>
+                </tr>
+                <tr>
+                    <th>Byu Id</th>
+                    <td>{{ applicantId }}</td>
+                </tr>
+                <tr>
+                    <th>Person Id</th>
+                    <td>{{ personId }}</td>
+                </tr>
+                <tr>
+                    <th>Central Processing Id</th>
+                    <td>{{ cpId }}</td>
+                </tr>
+                <tr>
+                    <th>Rsvp Id</th>
+                    <td>{{ rsvpId }}</td>
+                </tr>
+                <tr>
+                    <th>Ces Id</th>
+                    <td>{{ cesId }}</td>
+                </tr>
+                <tr>
+                    <th>Pathway Id</th>
+                    <td>{{ pathId }}</td>
+                </tr>
+                <tr>
+                    <th>Church Account Id</th>
+                    <td>{{ churchAccountId }}</td>
+                </tr>
+                <tr>
+                    <th>Church Account Username</th>
+                    <td>{{ churchUserName }}</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <span class="modal-footer">
+        <button @click="close" type="button" class="btn btn-sm btn-outline-danger">Close</button>
+    </span>
+    </modal>
+</template>
+<script>
+    import { mapState } from 'vuex'
+
+    export default {
+        name: 'ShowApplicantIds',
+        computed:{
+            ...mapState({
+                netId: state => state.application.netId,
+                applicantId: state => state.application.applicantId,
+                personId: state => state.application.personId,
+                cpId: state => state.newApp.cpId,
+                rsvpId: state => state.newApp.rsvpId,
+                cesId: state => state.newApp.cesId,
+                applicationId: state => state.newApp.appId,
+                pathId: state => state.newApp.pathId,
+                churchAccountId: state => state.newApp.churchAccountId,
+                churchUserName: state => state.newApp.churchUserName,
+            })
+        },
+        methods: {
+            close () {
+                this.$modal.hide('show-applicant-ids-modal')
+            },
+        }
+    }
+</script>
+<style scoped>
+    .applicant {
+        display: grid;
+        grid-template-columns: auto 1fr;
+        grid-template-rows: 1fr 1fr;
+        grid-column-gap: 0.5rem;
+    }
+
+</style>

package/SortableHeader.vue

@@ -1,53 +1,53 @@
-<!--
-   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>
-  <th class="sortable" v-on="$listeners">
-    <div class="space-between">
-      <slot></slot>
-      <font-awesome-icon :icon="sortIcon" />
-    </div>
-  </th>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faSort, faSortUp, faSortDown } from '@fortawesome/free-solid-svg-icons'
-
-  export default {
-    name: 'SortableHeader',
-    props: ['sort', 'order', 'field'],
-    computed: {
-      sortIcon () {
-        const {sort, order, field} = this
-        return sort !== field ? faSort
-        : order === 'desc' ? faSortDown
-        : faSortUp
-      }
-    },
-    components: {
-      FontAwesomeIcon
-    },
-  }
-</script>
-<style scoped>
-  .sortable {
-    cursor: pointer;
-  }
-  .space-between {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-</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>
+  <th class="sortable" v-on="$listeners">
+    <div class="space-between">
+      <slot></slot>
+      <font-awesome-icon :icon="sortIcon" />
+    </div>
+  </th>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faSort, faSortUp, faSortDown } from '@fortawesome/free-solid-svg-icons'
+
+  export default {
+    name: 'SortableHeader',
+    props: ['sort', 'order', 'field'],
+    computed: {
+      sortIcon () {
+        const {sort, order, field} = this
+        return sort !== field ? faSort
+        : order === 'desc' ? faSortDown
+        : faSortUp
+      }
+    },
+    components: {
+      FontAwesomeIcon
+    },
+  }
+</script>
+<style scoped>
+  .sortable {
+    cursor: pointer;
+  }
+  .space-between {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+</style>

package/Spinner.vue

@@ -1,34 +1,34 @@
-<!--
-   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>
-  <h2>
-    <font-awesome-icon :icon="spinner" spin/>
-    {{text}}
-  </h2>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faSpinner } from '@fortawesome/free-solid-svg-icons'
-
-  export default {
-    name: 'Spinner',
-    props: ['text'],
-    components: { FontAwesomeIcon },
-    computed: {
-      spinner () { return faSpinner }
-    }
-  }
-</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>
+  <h2>
+    <font-awesome-icon :icon="spinner" spin/>
+    {{text}}
+  </h2>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faSpinner } from '@fortawesome/free-solid-svg-icons'
+
+  export default {
+    name: 'Spinner',
+    props: ['text'],
+    components: { FontAwesomeIcon },
+    computed: {
+      spinner () { return faSpinner }
+    }
+  }
+</script>

package/StarredIndicator.vue

@@ -1,36 +1,36 @@
-<!--
-   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 :icon="star" v-on="$listeners"/>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faStar as ClosedStar } from '@fortawesome/free-solid-svg-icons'
-  import { faStar as OpenStar } from '@fortawesome/free-regular-svg-icons'
-
-  export default {
-    name: 'StarredIndicator',
-    components: {
-      FontAwesomeIcon
-    },
-    props: ['set'],
-    computed: {
-      star() {
-        return this.set ? ClosedStar : OpenStar
-      }
-    }
-  }
-</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 :icon="star" v-on="$listeners"/>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faStar as ClosedStar } from '@fortawesome/free-solid-svg-icons'
+  import { faStar as OpenStar } from '@fortawesome/free-regular-svg-icons'
+
+  export default {
+    name: 'StarredIndicator',
+    components: {
+      FontAwesomeIcon
+    },
+    props: ['set'],
+    computed: {
+      star() {
+        return this.set ? ClosedStar : OpenStar
+      }
+    }
+  }
+</script>

package/StatBox.vue

@@ -1,73 +1,73 @@
-<template>
-  <div :class="{'stat-box': true, 'pointer-cursor': !!to}" @click="route">
-    <div :class="{stat: true, solo: !substat}">
-      <slot></slot>
-    </div>
-    <slot name="substat">
-      <div v-if="substat" class="substat">
-        {{substat}}
-      </div>
-    </slot>
-    <div class="label">
-      {{label}}
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    name: 'StatBox',
-    props: ['substat', 'label', 'to'],
-    methods: {
-      route () {
-        if (this.to) {
-          this.$router.push(this.to)
-        }
-      }
-    }
-  }
-</script>
-<style scoped>
-  .stat-box {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    border: thin solid #e0e1e2;
-  }
-
-  .pointer-cursor {
-    cursor: pointer;
-  }
-
-  .stat {
-    font-size: 3.2rem;
-    font-weight: 700;
-    line-height: 3.8rem;
-    text-align: center;
-    vertical-align: middle;
-    flex: 2 0 auto;
-  }
-
-  .stat.solo {
-    font-size: 4.8rem;
-    font-weight: 700;
-    line-height: 5.8rem;
-  }
-
-  .substat {
-    font-size: 1.3rem;
-    font-weight: 700;
-    text-align: center;
-    vertical-align: middle;
-    flex: 1 1 auto;
-    border-top: thin solid #e0e1e2;
-  }
-
-  .label {
-    background-color: #e0e1e2;
-    text-align: center;
-    flex: 0 1 auto;
-    padding: 0.25rem;
-    font-size: 0.8rem;
-    text-transform: uppercase;
-  }
-</style>
+<template>
+  <div :class="{'stat-box': true, 'pointer-cursor': !!to}" @click="route">
+    <div :class="{stat: true, solo: !substat}">
+      <slot></slot>
+    </div>
+    <slot name="substat">
+      <div v-if="substat" class="substat">
+        {{substat}}
+      </div>
+    </slot>
+    <div class="label">
+      {{label}}
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'StatBox',
+    props: ['substat', 'label', 'to'],
+    methods: {
+      route () {
+        if (this.to) {
+          this.$router.push(this.to)
+        }
+      }
+    }
+  }
+</script>
+<style scoped>
+  .stat-box {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    border: thin solid #e0e1e2;
+  }
+
+  .pointer-cursor {
+    cursor: pointer;
+  }
+
+  .stat {
+    font-size: 3.2rem;
+    font-weight: 700;
+    line-height: 3.8rem;
+    text-align: center;
+    vertical-align: middle;
+    flex: 2 0 auto;
+  }
+
+  .stat.solo {
+    font-size: 4.8rem;
+    font-weight: 700;
+    line-height: 5.8rem;
+  }
+
+  .substat {
+    font-size: 1.3rem;
+    font-weight: 700;
+    text-align: center;
+    vertical-align: middle;
+    flex: 1 1 auto;
+    border-top: thin solid #e0e1e2;
+  }
+
+  .label {
+    background-color: #e0e1e2;
+    text-align: center;
+    flex: 0 1 auto;
+    padding: 0.25rem;
+    font-size: 0.8rem;
+    text-transform: uppercase;
+  }
+</style>