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

package/DetailsActivity.vue

@@ -1,59 +1,59 @@
-<!--
-   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.
--->
-<!--
-{ "description": "An activity prompt inviting an applicant to share something about which they are
-passionate.", "type": "activity", "uuid": "cea9a774-dfe8-4dfd-8a2a-bb2edc984407", "elements": [ { "id":
-"88dfe659-1e56-4bd5-978c-48863f1eac82", "type": "Text", "prompt": "What is the airspeed of a laden
-swallow?", "explanation": "If you do not recognize this question, you are not a Python.",
-"response": "The airspeed of a laden swallow depends: is it African or European?", "responseSet": [
-"drop-down options" ], "ordinal": "1", "limit": "2000", "responseCriteria": [ { "value": "0",
-"label": "No Basis" } ], "responseRange": "5" } ], "groups": [ { "elements": [ { "responseCriteria":
-[] } ] } ] }
--->
-<template>
-  <div v-if="activity">
-    <h2>{{activity.type}}</h2>
-    <h3>{{activity.description}}</h3>
-    <template v-for="el of activity.elements">
-      <h4>{{el.prompt}}</h4>
-      <p>{{el.response}}</p>
-    </template>
-  </div>
-</template>
-<script>
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'DetailsActivity',
-    computed: {
-      ...mapState({
-        activity: state => state.application.activity
-      })
-    }
-  }
-</script>
-<style scoped>
-  h3 {
-    font-size: 1rem;
-    font-style: italic;
-  }
-
-  p {
-    margin-left: 1rem;
-    padding-left: 1.5rem;
-    border-left: thick solid var(--light, #999);
-  }
-</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.
+-->
+<!--
+{ "description": "An activity prompt inviting an applicant to share something about which they are
+passionate.", "type": "activity", "uuid": "cea9a774-dfe8-4dfd-8a2a-bb2edc984407", "elements": [ { "id":
+"88dfe659-1e56-4bd5-978c-48863f1eac82", "type": "Text", "prompt": "What is the airspeed of a laden
+swallow?", "explanation": "If you do not recognize this question, you are not a Python.",
+"response": "The airspeed of a laden swallow depends: is it African or European?", "responseSet": [
+"drop-down options" ], "ordinal": "1", "limit": "2000", "responseCriteria": [ { "value": "0",
+"label": "No Basis" } ], "responseRange": "5" } ], "groups": [ { "elements": [ { "responseCriteria":
+[] } ] } ] }
+-->
+<template>
+  <div v-if="activity">
+    <h2>{{activity.type}}</h2>
+    <h3>{{activity.description}}</h3>
+    <template v-for="el of activity.elements">
+      <h4>{{el.prompt}}</h4>
+      <p>{{el.response}}</p>
+    </template>
+  </div>
+</template>
+<script>
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'DetailsActivity',
+    computed: {
+      ...mapState({
+        activity: state => state.application.activity
+      })
+    }
+  }
+</script>
+<style scoped>
+  h3 {
+    font-size: 1rem;
+    font-style: italic;
+  }
+
+  p {
+    margin-left: 1rem;
+    padding-left: 1.5rem;
+    border-left: thick solid var(--light, #999);
+  }
+</style>

package/DetailsBackground.vue

@@ -1,143 +1,143 @@
-<!--
-   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-bordered">
-    <thead>
-      <tr>
-        <BackgroundBadge label="AR Resident" :value="application.arkansasResident" :cleared="backgroundCleared" />
-        <BackgroundBadge label="Univ Discipline" :value="application.universityDiscipline" :cleared="backgroundCleared" />
-        <BackgroundBadge label="Sex Offender" :value="application.sexRegistry" :cleared="backgroundCleared" />
-        <BackgroundBadge label="Plural Marriage" :value="application.pluralMarriage" :cleared="backgroundCleared" />
-        <BackgroundBadge label="Criminal Record" :value="application.convictionRecord" :cleared="backgroundCleared" />
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-if="application.universityDiscipline === 'Y'">
-        <td colspan="2">
-          University Discipline
-        </td>
-        <td colspan="3">
-          <button
-            @click="showBGDetail('University Discipline', application.disciplineExplanation)"
-            class="btn btn-outline-secondary btn-sm"
-            >
-            Show Details
-          </button>
-        </td>
-      </tr>
-      <tr v-if="application.sexRegistry === 'Y'">
-        <td colspan="2">
-          Sex Offender Registry
-        </td>
-        <td colspan="3">
-          <button
-            @click="showBGDetail('Sex Offender Registry', application.sexRegistryExplanation)"
-            class="btn btn-outline-secondary btn-sm"
-            >
-            Show Details
-          </button>
-        </td>
-      </tr>
-      <tr v-if="application.pluralMarriage === 'Y'">
-        <td colspan="2">
-          Plural Marriage
-        </td>
-        <td colspan="3">
-          <button
-            @click="showBGDetail('Plural Marriage', application.pluralMarriageExplanation)"
-            class="btn btn-outline-secondary btn-sm"
-            >
-            Show Details
-          </button>
-        </td>
-      </tr>
-      <tr v-if="application.convictionRecord === 'Y'">
-        <td colspan="2">
-          Criminal Record
-        </td>
-        <td colspan="3">
-          <button @click="showCriminalConvictions" class="btn btn-outline-secondary btn-sm">Show Details</button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-<script>
-  import BackgroundBadge from './BackgroundBadge'
-  import { dateFormat } from './dateTimeFormat'
-  import { mapState, mapGetters } from 'vuex'
-
-  export default {
-    name: 'DetailsBackground',
-    components: { BackgroundBadge },
-    computed: {
-      ...mapState({
-        application: 'application'
-      }),
-      ...mapGetters(['flagByValue']),
-      backgroundCleared () {
-        const bgFlag = this.flagByValue('BI')
-        return bgFlag.isSet && bgFlag.isCleared
-      }
-    },
-    methods: {
-      showBGDetail(label, explanation) {
-        this.$modal.show('dialog', {
-          title: label,
-          buttons: [ { title: 'Close', default: true } ],
-          text: explanation
-        })
-      },
-      showCriminalConvictions() {
-        const {criminalConvictions} = this.application
-        const formatConviction = c => `
-        <li>
-          ${dateFormat(c.convictionDate)}
-          <p>${c.convictionExplanation}</p>
-          <table class="table table-sm">
-            <thead>
-              <tr>
-                <th>Penalties</th>
-                <th>Probation</th>
-                <th>Resolved</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>${c.penalties}</td>
-                <td>${c.probation}</td>
-                <td>${c.resolved}</td>
-              </tr>
-            </tbody>
-          </table>
-        </li>
-        `
-        const convictions = criminalConvictions.map(formatConviction)
-        const list = `<ol>${convictions}</ol>`
-        this.$modal.show('dialog', {
-          title: 'Conviction Details',
-          buttons: [ { title: 'Close', default: true } ],
-          text: list
-        })
-      }
-    }
-  }
-</script>
-<style scoped>
-  .strike {
-    text-decoration: line-through;
-  }
-</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>
+  <table class="table table-bordered">
+    <thead>
+      <tr>
+        <BackgroundBadge label="AR Resident" :value="application.arkansasResident" :cleared="backgroundCleared" />
+        <BackgroundBadge label="Univ Discipline" :value="application.universityDiscipline" :cleared="backgroundCleared" />
+        <BackgroundBadge label="Sex Offender" :value="application.sexRegistry" :cleared="backgroundCleared" />
+        <BackgroundBadge label="Plural Marriage" :value="application.pluralMarriage" :cleared="backgroundCleared" />
+        <BackgroundBadge label="Criminal Record" :value="application.convictionRecord" :cleared="backgroundCleared" />
+      </tr>
+    </thead>
+    <tbody>
+      <tr v-if="application.universityDiscipline === 'Y'">
+        <td colspan="2">
+          University Discipline
+        </td>
+        <td colspan="3">
+          <button
+            @click="showBGDetail('University Discipline', application.disciplineExplanation)"
+            class="btn btn-outline-secondary btn-sm"
+            >
+            Show Details
+          </button>
+        </td>
+      </tr>
+      <tr v-if="application.sexRegistry === 'Y'">
+        <td colspan="2">
+          Sex Offender Registry
+        </td>
+        <td colspan="3">
+          <button
+            @click="showBGDetail('Sex Offender Registry', application.sexRegistryExplanation)"
+            class="btn btn-outline-secondary btn-sm"
+            >
+            Show Details
+          </button>
+        </td>
+      </tr>
+      <tr v-if="application.pluralMarriage === 'Y'">
+        <td colspan="2">
+          Plural Marriage
+        </td>
+        <td colspan="3">
+          <button
+            @click="showBGDetail('Plural Marriage', application.pluralMarriageExplanation)"
+            class="btn btn-outline-secondary btn-sm"
+            >
+            Show Details
+          </button>
+        </td>
+      </tr>
+      <tr v-if="application.convictionRecord === 'Y'">
+        <td colspan="2">
+          Criminal Record
+        </td>
+        <td colspan="3">
+          <button @click="showCriminalConvictions" class="btn btn-outline-secondary btn-sm">Show Details</button>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</template>
+<script>
+  import BackgroundBadge from './BackgroundBadge'
+  import { dateFormat } from './dateTimeFormat'
+  import { mapState, mapGetters } from 'vuex'
+
+  export default {
+    name: 'DetailsBackground',
+    components: { BackgroundBadge },
+    computed: {
+      ...mapState({
+        application: 'application'
+      }),
+      ...mapGetters(['flagByValue']),
+      backgroundCleared () {
+        const bgFlag = this.flagByValue('BI')
+        return bgFlag.isSet && bgFlag.isCleared
+      }
+    },
+    methods: {
+      showBGDetail(label, explanation) {
+        this.$modal.show('dialog', {
+          title: label,
+          buttons: [ { title: 'Close', default: true } ],
+          text: explanation
+        })
+      },
+      showCriminalConvictions() {
+        const {criminalConvictions} = this.application
+        const formatConviction = c => `
+        <li>
+          ${dateFormat(c.convictionDate)}
+          <p>${c.convictionExplanation}</p>
+          <table class="table table-sm">
+            <thead>
+              <tr>
+                <th>Penalties</th>
+                <th>Probation</th>
+                <th>Resolved</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>${c.penalties}</td>
+                <td>${c.probation}</td>
+                <td>${c.resolved}</td>
+              </tr>
+            </tbody>
+          </table>
+        </li>
+        `
+        const convictions = criminalConvictions.map(formatConviction)
+        const list = `<ol>${convictions}</ol>`
+        this.$modal.show('dialog', {
+          title: 'Conviction Details',
+          buttons: [ { title: 'Close', default: true } ],
+          text: list
+        })
+      }
+    }
+  }
+</script>
+<style scoped>
+  .strike {
+    text-decoration: line-through;
+  }
+</style>

package/DetailsBackgroundDetail.vue

@@ -1,47 +1,47 @@
-<!--
-   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="background-detail">
-    <BackgroundDetailUniversity/>
-    <BackgroundDetailSexRegistry/>
-    <BackgroundDetailPluralMarriage/>
-    <BackgroundDetailCrime/>
-  </div>
-</template>
-<script>
-import BackgroundDetailCrime from './BackgroundDetailCrime.vue'
-import BackgroundDetailPluralMarriage from './BackgroundDetailPluralMarriage.vue'
-import BackgroundDetailSexRegistry from './BackgroundDetailSexRegistry.vue'
-import BackgroundDetailUniversity from './BackgroundDetailUniversity.vue'
-
-export default {
-  name: 'DetailsBackground',
-  components: {
-    BackgroundDetailCrime,
-    BackgroundDetailPluralMarriage,
-    BackgroundDetailSexRegistry,
-    BackgroundDetailUniversity
-  }
-}
-</script>
-<style scoped>
-.strike {
-  text-decoration: line-through;
-}
-strong {
-  font-size: 1.12rem;
-}
-</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="background-detail">
+    <BackgroundDetailUniversity/>
+    <BackgroundDetailSexRegistry/>
+    <BackgroundDetailPluralMarriage/>
+    <BackgroundDetailCrime/>
+  </div>
+</template>
+<script>
+import BackgroundDetailCrime from './BackgroundDetailCrime.vue'
+import BackgroundDetailPluralMarriage from './BackgroundDetailPluralMarriage.vue'
+import BackgroundDetailSexRegistry from './BackgroundDetailSexRegistry.vue'
+import BackgroundDetailUniversity from './BackgroundDetailUniversity.vue'
+
+export default {
+  name: 'DetailsBackground',
+  components: {
+    BackgroundDetailCrime,
+    BackgroundDetailPluralMarriage,
+    BackgroundDetailSexRegistry,
+    BackgroundDetailUniversity
+  }
+}
+</script>
+<style scoped>
+.strike {
+  text-decoration: line-through;
+}
+strong {
+  font-size: 1.12rem;
+}
+</style>

package/DetailsBackgroundSummary.vue

@@ -1,66 +1,66 @@
-<!--
-   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="background-summary">
-    <BackgroundBadge
-      label="Univ Discipline"
-      unsetLabel="No Univ Discipline"
-      :value="bg.universityDiscipline"
-      :cleared="backgroundCleared" />
-    <BackgroundBadge
-      label="Sex Offender"
-      unsetLabel="No Sex Offense"
-      :value="bg.sexRegistry"
-      :cleared="backgroundCleared" />
-    <BackgroundBadge
-      label="Plural Marriage"
-      unsetLabel="No Plural Marriage"
-      :value="bg.pluralMarriage"
-      :cleared="backgroundCleared" />
-    <BackgroundBadge
-      label="Criminal Record"
-      unsetLabel="No Criminal Record"
-      :value="bg.convictionRecord"
-      :cleared="backgroundCleared" />
-  </div>
-</template>
-<script>
-  import BackgroundBadge from './BackgroundBadge'
-  import { mapState, mapGetters } from 'vuex'
-
-  export default {
-    name: 'DetailsBackgroundSummary',
-    components: { BackgroundBadge },
-    computed: {
-      ...mapState({
-        bg: state => state.application.background
-      }),
-      ...mapGetters(['flagByValue']),
-      backgroundCleared () {
-        const bgFlag = this.flagByValue('BI')
-        return bgFlag.isSet && bgFlag.isCleared
-      }
-    }
-  }
-</script>
-<style scoped>
-  .background-summary {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, 10rem);
-    grid-auto-rows: auto;
-    grid-gap: 0.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="background-summary">
+    <BackgroundBadge
+      label="Univ Discipline"
+      unsetLabel="No Univ Discipline"
+      :value="bg.universityDiscipline"
+      :cleared="backgroundCleared" />
+    <BackgroundBadge
+      label="Sex Offender"
+      unsetLabel="No Sex Offense"
+      :value="bg.sexRegistry"
+      :cleared="backgroundCleared" />
+    <BackgroundBadge
+      label="Plural Marriage"
+      unsetLabel="No Plural Marriage"
+      :value="bg.pluralMarriage"
+      :cleared="backgroundCleared" />
+    <BackgroundBadge
+      label="Criminal Record"
+      unsetLabel="No Criminal Record"
+      :value="bg.convictionRecord"
+      :cleared="backgroundCleared" />
+  </div>
+</template>
+<script>
+  import BackgroundBadge from './BackgroundBadge'
+  import { mapState, mapGetters } from 'vuex'
+
+  export default {
+    name: 'DetailsBackgroundSummary',
+    components: { BackgroundBadge },
+    computed: {
+      ...mapState({
+        bg: state => state.application.background
+      }),
+      ...mapGetters(['flagByValue']),
+      backgroundCleared () {
+        const bgFlag = this.flagByValue('BI')
+        return bgFlag.isSet && bgFlag.isCleared
+      }
+    }
+  }
+</script>
+<style scoped>
+  .background-summary {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 10rem);
+    grid-auto-rows: auto;
+    grid-gap: 0.5rem;
+  }
+</style>