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

package/SupportDialog.vue

@@ -1,172 +1,172 @@
-<!--
-   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>
-  <modal
-      name="support-modal"
-      height="auto"
-      draggable
-      @opened="resetData"
-  >
-    <template v-if="success">
-      <div class="modal-body d-flex flex-column align-items-center">
-        <span class="h3 text-success"><font-awesome-icon :icon="check" /></span>
-        <span class="h5">Your incident has been submitted successfully.</span>
-        <button class="btn btn-sm btn-outline-secondary mt-2" type="button" @click="close">Close</button>
-      </div>
-    </template>
-    <form v-else @submit.prevent="submitIssue">
-      <div class="modal-header bg-light">Submit Incident</div>
-      <div class="modal-body">
-        <div class="form-group required">
-          <label for="short-description">Subject</label>
-          <input v-model="shortDescription" id="short-description" class="form-control" required>
-        </div>
-        <div class="form-group">
-          <label for="description">Description</label>
-          <textarea v-model="description" id="description" class="form-control"></textarea>
-        </div>
-        <div class="form-group">
-          <label for="email">Reply-to Email</label>
-          <input v-model="email" id="email" class="form-control">
-        </div>
-      </div>
-      <div class="modal-footer">
-        <button class="btn btn-sm btn-outline-primary" type="submit" :disabled="loading">Submit</button>
-        <button class="btn btn-sm btn-outline-secondary" type="button" @click="close" :disabled="loading">Cancel</button>
-      </div>
-    </form>
-  </modal>
-</template>
-<script>
-import { mapState, mapGetters, mapMutations } from 'vuex'
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faCheckCircle } from '@fortawesome/free-solid-svg-icons'
-
-export default {
-  name: 'SupportDialog',
-  components: {
-    FontAwesomeIcon
-  },
-  props: {
-  },
-  data() {
-    return {
-      description: '',
-      shortDescription: '',
-      email: '',
-      success: false
-    }
-  },
-  computed: {
-    ...mapState({
-      env: 'environment',
-      institution: state => state.ui.institution
-    }),
-    ...mapGetters(['loading']),
-    baseUrl () {
-      return this.env === 'development' ? 'https://api-sandbox.byu.edu' : 'https://api.byu.edu'
-    },
-    institutionSvc () {
-      switch (this.institution) {
-        case ('PW'):
-          return 'byupw'
-        case ('EC'):
-          return 'ldsbc'
-        case ('BYUH'):
-          return 'byuh'
-        case ('BYUI'):
-          return 'byui'
-        case ('BYUDCE'):
-          return 'byudce'
-        default:
-          return ''
-      }
-    },
-    check() {
-      return faCheckCircle
-    }
-  },
-  methods: {
-    ...mapMutations(['incrementFetchCount', 'decrementFetchCount']),
-    resetData () {
-      this.success = false
-      this.description = ''
-      this.shortDescription = ''
-    },
-    close () {
-      this.$modal.hide('support-modal')
-    },
-    async submitIssue () {
-      const { netId, preferredFirstName, surname } = window.byu.user
-      const callerId = netId ?? `${preferredFirstName} ${surname}`
-      // const serializedState = btoa(JSON.stringify(this.$store.state))
-      const body = {
-        priority: '4',
-        caller_id: callerId,
-        short_description: this.shortDescription,
-        description: [this.description.trim(), '\n', callerId, location.href].join('\n')
-      }
-      const service = this.institutionSvc === 'byudce' ? 'byudce/clearance' : `${this.institutionSvc}/admission`
-      const options = {
-        url: `${this.baseUrl}/domain/applications/${service}/v1/proxy/incident`,
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          ...body,
-          ...this.email !== '' && { u_email: this.email }
-        })
-      }
-      this.incrementFetchCount()
-      const { status } = await window.byu.auth.request(options)
-      this.decrementFetchCount()
-      if (status < 400) {
-        this.success = true
-      }
-      if (status === 404) {
-        console.error(`Could not submit incident: ${status}`)
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-:root {
-  --radius: 3px;
-}
-.modal-header,
-.modal-body,
-.modal-footer {
-  padding: 0.5rem 1rem;
-  color: #333;
-}
-.modal-header {
-  border-top-left-radius: var(--radius);
-  border-top-right-radius: var(--radius);
-}
-.modal-footer {
-  border-bottom-left-radius: var(--radius);
-  border-bottom-right-radius: var(--radius);
-}
-textarea.form-control {
-  height: 125px;
-}
-.required > label::after {
-  content: '*';
-  margin-left: 3px;
-}
-</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>
+  <modal
+      name="support-modal"
+      height="auto"
+      draggable
+      @opened="resetData"
+  >
+    <template v-if="success">
+      <div class="modal-body d-flex flex-column align-items-center">
+        <span class="h3 text-success"><font-awesome-icon :icon="check" /></span>
+        <span class="h5">Your incident has been submitted successfully.</span>
+        <button class="btn btn-sm btn-outline-secondary mt-2" type="button" @click="close">Close</button>
+      </div>
+    </template>
+    <form v-else @submit.prevent="submitIssue">
+      <div class="modal-header bg-light">Submit Incident</div>
+      <div class="modal-body">
+        <div class="form-group required">
+          <label for="short-description">Subject</label>
+          <input v-model="shortDescription" id="short-description" class="form-control" required>
+        </div>
+        <div class="form-group">
+          <label for="description">Description</label>
+          <textarea v-model="description" id="description" class="form-control"></textarea>
+        </div>
+        <div class="form-group">
+          <label for="email">Reply-to Email</label>
+          <input v-model="email" id="email" class="form-control">
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button class="btn btn-sm btn-outline-primary" type="submit" :disabled="loading">Submit</button>
+        <button class="btn btn-sm btn-outline-secondary" type="button" @click="close" :disabled="loading">Cancel</button>
+      </div>
+    </form>
+  </modal>
+</template>
+<script>
+import { mapState, mapGetters, mapMutations } from 'vuex'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faCheckCircle } from '@fortawesome/free-solid-svg-icons'
+
+export default {
+  name: 'SupportDialog',
+  components: {
+    FontAwesomeIcon
+  },
+  props: {
+  },
+  data() {
+    return {
+      description: '',
+      shortDescription: '',
+      email: '',
+      success: false
+    }
+  },
+  computed: {
+    ...mapState({
+      env: 'environment',
+      institution: state => state.ui.institution
+    }),
+    ...mapGetters(['loading']),
+    baseUrl () {
+      return this.env === 'development' ? 'https://api-sandbox.byu.edu' : 'https://api.byu.edu'
+    },
+    institutionSvc () {
+      switch (this.institution) {
+        case ('PW'):
+          return 'byupw'
+        case ('EC'):
+          return 'ldsbc'
+        case ('BYUH'):
+          return 'byuh'
+        case ('BYUI'):
+          return 'byui'
+        case ('BYUDCE'):
+          return 'byudce'
+        default:
+          return ''
+      }
+    },
+    check() {
+      return faCheckCircle
+    }
+  },
+  methods: {
+    ...mapMutations(['incrementFetchCount', 'decrementFetchCount']),
+    resetData () {
+      this.success = false
+      this.description = ''
+      this.shortDescription = ''
+    },
+    close () {
+      this.$modal.hide('support-modal')
+    },
+    async submitIssue () {
+      const { netId, preferredFirstName, surname } = window.byu.user
+      const callerId = netId ?? `${preferredFirstName} ${surname}`
+      // const serializedState = btoa(JSON.stringify(this.$store.state))
+      const body = {
+        priority: '4',
+        caller_id: callerId,
+        short_description: this.shortDescription,
+        description: [this.description.trim(), '\n', callerId, location.href].join('\n')
+      }
+      const service = this.institutionSvc === 'byudce' ? 'byudce/clearance' : `${this.institutionSvc}/admission`
+      const options = {
+        url: `${this.baseUrl}/domain/applications/${service}/v1/proxy/incident`,
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          ...body,
+          ...this.email !== '' && { u_email: this.email }
+        })
+      }
+      this.incrementFetchCount()
+      const { status } = await window.byu.auth.request(options)
+      this.decrementFetchCount()
+      if (status < 400) {
+        this.success = true
+      }
+      if (status === 404) {
+        console.error(`Could not submit incident: ${status}`)
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+:root {
+  --radius: 3px;
+}
+.modal-header,
+.modal-body,
+.modal-footer {
+  padding: 0.5rem 1rem;
+  color: #333;
+}
+.modal-header {
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+}
+.modal-footer {
+  border-bottom-left-radius: var(--radius);
+  border-bottom-right-radius: var(--radius);
+}
+textarea.form-control {
+  height: 125px;
+}
+.required > label::after {
+  content: '*';
+  margin-left: 3px;
+}
+</style>

package/UserInfo.vue

@@ -1,52 +1,52 @@
-<!--
-   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>
-    <span v-if="isLoggedIn">
-      {{userName}}
-      <font-awesome-icon :icon="userIcon" />
-      <a href="/logout">Sign Out</a>
-    </span>
-    <span v-else>
-      <a href="/login?success=/dashboard">Sign In</a>
-    </span>
-  </div>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faUserCircle } from '@fortawesome/free-solid-svg-icons'
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'UserInfo',
-    components: {
-      FontAwesomeIcon
-    },
-    computed: {
-      ...mapState({
-        userName: state => state.userInfo.userName,
-        isLoggedIn: state => state.userInfo.isLoggedIn
-      }),
-      userIcon () { return faUserCircle }
-    }
-  }
-</script>
-<style scoped>
-  div {
-    display: inline-block;
-    vertical-align: middle;
-  }
-</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>
+    <span v-if="isLoggedIn">
+      {{userName}}
+      <font-awesome-icon :icon="userIcon" />
+      <a href="/logout">Sign Out</a>
+    </span>
+    <span v-else>
+      <a href="/login?success=/dashboard">Sign In</a>
+    </span>
+  </div>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faUserCircle } from '@fortawesome/free-solid-svg-icons'
+  import { mapState } from 'vuex'
+
+  export default {
+    name: 'UserInfo',
+    components: {
+      FontAwesomeIcon
+    },
+    computed: {
+      ...mapState({
+        userName: state => state.userInfo.userName,
+        isLoggedIn: state => state.userInfo.isLoggedIn
+      }),
+      userIcon () { return faUserCircle }
+    }
+  }
+</script>
+<style scoped>
+  div {
+    display: inline-block;
+    vertical-align: middle;
+  }
+</style>

package/YesNoIndicator.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>
-  <span class="badge-container">
-    <font-awesome-icon :icon="icon" />
-    {{ value ? yesLabel : noLabel }}
-  </span>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faBan, faCheck } from '@fortawesome/free-solid-svg-icons'
-
-  export default {
-    name: 'YesNoIndicator',
-    components: { FontAwesomeIcon },
-    props: [
-      'yesLabel',
-      'noLabel',
-      'value'
-    ],
-    computed: {
-      icon () {
-        return this.value ? faCheck : faBan
-      }
-    }
-  }
-</script>
-<style scoped>
-  .badge-container {
-    white-space: nowrap;
-  }
-  .clickable {
-    cursor: pointer;
-  }
-</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>
+  <span class="badge-container">
+    <font-awesome-icon :icon="icon" />
+    {{ value ? yesLabel : noLabel }}
+  </span>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faBan, faCheck } from '@fortawesome/free-solid-svg-icons'
+
+  export default {
+    name: 'YesNoIndicator',
+    components: { FontAwesomeIcon },
+    props: [
+      'yesLabel',
+      'noLabel',
+      'value'
+    ],
+    computed: {
+      icon () {
+        return this.value ? faCheck : faBan
+      }
+    }
+  }
+</script>
+<style scoped>
+  .badge-container {
+    white-space: nowrap;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+</style>