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

package/DetailsEssay.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 essay prompt inviting an applicant to share something about which they are
-passionate.", "type": "Essay", "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>
-    <h2>{{essay.name}}</h2>
-    <h3>{{essay.description}}</h3>
-    <template v-for="el of essay.elements">
-      <h4>{{el.prompt}}</h4>
-      <p>{{el.response}}</p>
-    </template>
-  </div>
-</template>
-<script>
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'DetailsEssay',
-    computed: {
-      ...mapState({
-        essay: state => state.application.essay
-      })
-    }
-  }
-</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 essay prompt inviting an applicant to share something about which they are
+passionate.", "type": "Essay", "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>
+    <h2>{{essay.name}}</h2>
+    <h3>{{essay.description}}</h3>
+    <template v-for="el of essay.elements">
+      <h4>{{el.prompt}}</h4>
+      <p>{{el.response}}</p>
+    </template>
+  </div>
+</template>
+<script>
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'DetailsEssay',
+    computed: {
+      ...mapState({
+        essay: state => state.application.essay
+      })
+    }
+  }
+</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/DetailsFilenote.vue

@@ -1,62 +1,62 @@
-<!--
-   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 class="category-list">
-      <span
-        v-for="category of categories"
-        :key="category"
-        class="badge badge-primary"
-      >
-        {{ category }}
-      </span>
-    </div>
-    <div class="subcategory-list">
-      <span
-        v-for="subcategory of subcategories"
-        :key="subcategory.name"
-        class="badge badge-secondary"
-      >
-        {{ subcategory.description || subcategory.name }}
-      </span>
-      <div>
-        {{ author }} - {{ updatedOn | dateTimeFormat }}
-      </div>
-      <div v-for="( detail, i ) of details" :key="i">
-        <div v-html="detail">
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-  import { dateTimeFormat } from './dateTimeFormat'
-
-  export default {
-    name: 'DetailsFilenote',
-    filters: { dateTimeFormat },
-    props: {
-      id: Number,
-      categories: Array,
-      subcategories: Array,
-      details: Array,
-      author: String,
-      updatedOn: String
-    }
-  }
-</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>
+    <div class="category-list">
+      <span
+        v-for="category of categories"
+        :key="category"
+        class="badge badge-primary"
+      >
+        {{ category }}
+      </span>
+    </div>
+    <div class="subcategory-list">
+      <span
+        v-for="subcategory of subcategories"
+        :key="subcategory.name"
+        class="badge badge-secondary"
+      >
+        {{ subcategory.description || subcategory.name }}
+      </span>
+      <div>
+        {{ author }} - {{ updatedOn | dateTimeFormat }}
+      </div>
+      <div v-for="( detail, i ) of details" :key="i">
+        <div v-html="detail">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import { dateTimeFormat } from './dateTimeFormat'
+
+  export default {
+    name: 'DetailsFilenote',
+    filters: { dateTimeFormat },
+    props: {
+      id: Number,
+      categories: Array,
+      subcategories: Array,
+      details: Array,
+      author: String,
+      updatedOn: String
+    }
+  }
+</script>
+<style scoped>
+</style>

package/DetailsFilenoteList.vue

@@ -1,109 +1,109 @@
-<!--
-   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="loaded">
-      <span v-if="filenotes.length === 0">No Filenotes</span>
-      <DetailsFilenote
-         v-for="filenote of filenotes"
-         :key="filenote.id"
-         v-bind="filenote"
-         >
-      </DetailsFilenote>
-    </div>
-    <span v-else-if="error" class="text-error">
-      <font-awesome-icon :icon="errorIcon" />
-      Error loading filenotes
-    </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 { faExclamationTriangle, faSpinner } from '@fortawesome/free-solid-svg-icons'
-
-import { mapState } from 'vuex'
-
-import parseFilenotes from './parsers/filenotes'
-import DetailsFilenote from './DetailsFilenote'
-
-export default {
-  name: 'DetailsFilenoteList',
-  components: {
-    FontAwesomeIcon,
-    DetailsFilenote
-  },
-  data () {
-    return {
-      error: false,
-      loaded: false,
-      filenotes: []
-    }
-  },
-  computed: {
-    ...mapState({
-      personId: state => state.application.personId
-    }),
-    spinner () { return faSpinner },
-    errorIcon () { return faExclamationTriangle }
-  },
-  async mounted () {
-    const personId = this.personId
-    if (!personId) {
-      this.error = true
-      return
-    }
-    try {
-      const q = new URLSearchParams()
-      q.append('incidents', 'false')
-      q.append('tasks', 'false')
-      q.append('messages', 'false')
-      q.append('appointments', 'false')
-      q.append('page', '0')
-      q.append('categoryId', 'CESADM')
-      q.append('sortAscending', 'true')
-      q.append('results', '100')
-      const url = `https://api.byu.edu:443/domains/ymessage-archive/1.0/student-overview/${personId}?${q.toString()}`
-
-      const headers = {
-        'accept': 'application/json'
-      }
-      const { body, status } = await window.byu.auth.request({ url, headers })
-
-      if (status >= 400) {
-        console.error(Error(`Unable to load filenotes! Error code ${status}`))
-        this.error = true
-        return
-      }
-
-      const data = JSON.parse(body)
-      const parsedFilenotes = parseFilenotes(data.results)
-      console.log('DetailsFilenoteList.vue::parsedFilenotes=', parsedFilenotes)
-      // const count = data.totalResults
-      this.filenotes = parsedFilenotes
-      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>
+    <div v-if="loaded">
+      <span v-if="filenotes.length === 0">No Filenotes</span>
+      <DetailsFilenote
+         v-for="filenote of filenotes"
+         :key="filenote.id"
+         v-bind="filenote"
+         >
+      </DetailsFilenote>
+    </div>
+    <span v-else-if="error" class="text-error">
+      <font-awesome-icon :icon="errorIcon" />
+      Error loading filenotes
+    </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 { faExclamationTriangle, faSpinner } from '@fortawesome/free-solid-svg-icons'
+
+import { mapState } from 'vuex'
+
+import parseFilenotes from './parsers/filenotes'
+import DetailsFilenote from './DetailsFilenote'
+
+export default {
+  name: 'DetailsFilenoteList',
+  components: {
+    FontAwesomeIcon,
+    DetailsFilenote
+  },
+  data () {
+    return {
+      error: false,
+      loaded: false,
+      filenotes: []
+    }
+  },
+  computed: {
+    ...mapState({
+      personId: state => state.application.personId
+    }),
+    spinner () { return faSpinner },
+    errorIcon () { return faExclamationTriangle }
+  },
+  async mounted () {
+    const personId = this.personId
+    if (!personId) {
+      this.error = true
+      return
+    }
+    try {
+      const q = new URLSearchParams()
+      q.append('incidents', 'false')
+      q.append('tasks', 'false')
+      q.append('messages', 'false')
+      q.append('appointments', 'false')
+      q.append('page', '0')
+      q.append('categoryId', 'CESADM')
+      q.append('sortAscending', 'true')
+      q.append('results', '100')
+      const url = `https://api.byu.edu:443/domains/ymessage-archive/1.0/student-overview/${personId}?${q.toString()}`
+
+      const headers = {
+        'accept': 'application/json'
+      }
+      const { body, status } = await window.byu.auth.request({ url, headers })
+
+      if (status >= 400) {
+        console.error(Error(`Unable to load filenotes! Error code ${status}`))
+        this.error = true
+        return
+      }
+
+      const data = JSON.parse(body)
+      const parsedFilenotes = parseFilenotes(data.results)
+      console.log('DetailsFilenoteList.vue::parsedFilenotes=', parsedFilenotes)
+      // const count = data.totalResults
+      this.filenotes = parsedFilenotes
+      this.loaded = true
+    } catch (err) {
+      console.error(err)
+      this.error = true
+    }
+  }
+}
+</script>
+<style scoped>
+</style>