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

package/AssignmentDialog.vue

@@ -1,117 +1,117 @@
-<!--
-   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="assignment-modal"
-    height="auto"
-    draggable
-    @before-open="beforeOpen"
-    @before-close="beforeClose"
-  >
-    <div class="bg-light p-1 text-uppercase">Change Assignment</div>
-    <div class="decision-dialog content-padding">
-      <label for="assignee">Assign To:</label>
-      <select v-model="newAssignee" id="assignee">
-        <option v-if="pool === 'counselor'" value="COUNSELOR_POOL">Any Counselor</option>
-        <option v-else-if="pool === 'processor'" value="PROCESSOR_POOL">Any Processor</option>
-        <option
-        v-for="user of users"
-        :key="user.byuId"
-        :value="user.byuId"
-        >{{ user.name }}</option>
-        <option value="UNASSIGNED">Unassigned</option>
-      </select>
-      <textarea
-        v-model="note"
-        class="new-note form-control"
-        placeholder="Note (optional)..."></textarea>
-      <span class="modal-footer">
-        <button class="btn btn-outline-primary" @click="saveAssignment" :disabled="!pool && newAssignee === assignedTo">Save</button>
-        <button class="btn btn-outline-secondary" @click="close">Cancel</button>
-      </span>
-    </div>
-  </modal>
-</template>
-<script>
-  import { mapGetters, mapMutations, mapActions } from 'vuex'
-
-export default {
-  name: 'AssignmentDialog',
-  props: {
-    appId: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    return {
-      note: '',
-      newAssignee: '',
-      assignedTo: '',
-      pool: ''
-    }
-  },
-  computed: {
-    users () {
-      const counselors = this.$store.getters.usersByRole('Counselor')
-      const processors = this.$store.getters.usersByRole('Processor')
-      if (this.pool) {
-        return this.pool === 'counselor' ? counselors : processors
-      }
-      return counselors.concat(processors)
-    }
-  },
-  methods: {
-    ...mapActions(['flagUpdate', 'reassignToPool']),
-    beforeOpen (event) {
-      console.log('assignment dialog::beforeOpen', event)
-      this.assignedTo = event.params.assignedTo
-      this.newAssignee = event.params.assignedTo
-      this.pool = event.params.pool
-    },
-    beforeClose () {
-      this.note = ''
-      this.newAssignee = ''
-      this.assignedTo = ''
-      this.pool = ''
-    },
-    close () {
-      this.$modal.hide('assignment-modal')
-    },
-    async saveAssignment () {
-      if (['COUNSELOR_POOL', 'PROCESSOR_POOL'].includes(this.newAssignee)) {
-        await this.reassignToPool({
-          appId: this.appId,
-          pool: this.pool
-        })
-        this.$modal.hide('assignment-modal')
-        this.$emit('reassigned')
-      } else {
-        await this.flagUpdate({
-          applicationUuid: this.appId,
-          flagState: 'set',
-          flagValue: this.newAssignee,
-          note: this.note
-        })
-        this.$modal.hide('assignment-modal')
-        this.$emit('reassigned')
-      }
-    }
-  }
-}
-</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>
+  <modal
+    name="assignment-modal"
+    height="auto"
+    draggable
+    @before-open="beforeOpen"
+    @before-close="beforeClose"
+  >
+    <div class="bg-light p-1 text-uppercase">Change Assignment</div>
+    <div class="decision-dialog content-padding">
+      <label for="assignee">Assign To:</label>
+      <select v-model="newAssignee" id="assignee">
+        <option v-if="pool === 'counselor'" value="COUNSELOR_POOL">Any Counselor</option>
+        <option v-else-if="pool === 'processor'" value="PROCESSOR_POOL">Any Processor</option>
+        <option
+        v-for="user of users"
+        :key="user.byuId"
+        :value="user.byuId"
+        >{{ user.name }}</option>
+        <option value="UNASSIGNED">Unassigned</option>
+      </select>
+      <textarea
+        v-model="note"
+        class="new-note form-control"
+        placeholder="Note (optional)..."></textarea>
+      <span class="modal-footer">
+        <button class="btn btn-outline-primary" @click="saveAssignment" :disabled="!pool && newAssignee === assignedTo">Save</button>
+        <button class="btn btn-outline-secondary" @click="close">Cancel</button>
+      </span>
+    </div>
+  </modal>
+</template>
+<script>
+  import { mapGetters, mapMutations, mapActions } from 'vuex'
+
+export default {
+  name: 'AssignmentDialog',
+  props: {
+    appId: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    return {
+      note: '',
+      newAssignee: '',
+      assignedTo: '',
+      pool: ''
+    }
+  },
+  computed: {
+    users () {
+      const counselors = this.$store.getters.usersByRole('Counselor')
+      const processors = this.$store.getters.usersByRole('Processor')
+      if (this.pool) {
+        return this.pool === 'counselor' ? counselors : processors
+      }
+      return counselors.concat(processors)
+    }
+  },
+  methods: {
+    ...mapActions(['flagUpdate', 'reassignToPool']),
+    beforeOpen (event) {
+      console.log('assignment dialog::beforeOpen', event)
+      this.assignedTo = event.params.assignedTo
+      this.newAssignee = event.params.assignedTo
+      this.pool = event.params.pool
+    },
+    beforeClose () {
+      this.note = ''
+      this.newAssignee = ''
+      this.assignedTo = ''
+      this.pool = ''
+    },
+    close () {
+      this.$modal.hide('assignment-modal')
+    },
+    async saveAssignment () {
+      if (['COUNSELOR_POOL', 'PROCESSOR_POOL'].includes(this.newAssignee)) {
+        await this.reassignToPool({
+          appId: this.appId,
+          pool: this.pool
+        })
+        this.$modal.hide('assignment-modal')
+        this.$emit('reassigned')
+      } else {
+        await this.flagUpdate({
+          applicationUuid: this.appId,
+          flagState: 'set',
+          flagValue: this.newAssignee,
+          note: this.note
+        })
+        this.$modal.hide('assignment-modal')
+        this.$emit('reassigned')
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+</style>

package/AssignmentSummary.vue

@@ -1,75 +1,75 @@
-<!--
-   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="wrapper">
-    <template v-if="!hideAssignee">
-      <span v-if="!assignedUser"></span>
-      <span v-else-if="assignedUser.name === 'Unassigned'">Unassigned</span>
-      <span v-else-if="assignedUser.name">Assigned to: {{assignedUser.name}}</span>
-      <span v-else-if="assignedUser">Assigned</span>
-      <span v-else></span>
-    </template>
-    <button :class="`btn btn-sm btn-outline-${buttonColor}`" @click="openReassign">
-      <font-awesome-icon :icon="forwardIcon"/>
-      Reassign
-    </button>
-  </div>
-</template>
-<script>
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { faReply } from '@fortawesome/free-solid-svg-icons'
-
-import { mapGetters } from 'vuex'
-
-export default {
-  name: 'AssignmentSummary',
-  components: {
-    FontAwesomeIcon
-  },
-  props: {
-    hideAssignee: Boolean,
-    buttonColor: { type: String, default: 'light' }
-  },
-  computed: {
-    ...mapGetters(['flags', 'usersById']),
-    forwardIcon() {
-      return faReply
-    },
-    assignedUser() {
-      const flags = this.flags.filter(f => f.isActive).filter(f => /^[0-9]{9}$/.test(f.value) || /^UNASSIGNED$/.test(f.value))
-      if (flags.length > 1) {
-        console.error('Double assignment?')
-      } else if (flags.length === 0) {
-        return null
-      }
-      const flag = flags[0]
-      const user = /^UNASSIGNED$/.test(flag.value) ? { name: 'Unassigned' } : this.usersById(flag.value)
-      return user
-    }
-  },
-  methods: {
-    openReassign () {
-      const assignedTo = this.assignedUser ? this.assignedUser.byuId : undefined
-      this.$modal.show('assignment-modal', { assignedTo })
-    }
-  }
-}
-</script>
-<style scoped>
-.wrapper {
-  padding: 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="wrapper">
+    <template v-if="!hideAssignee">
+      <span v-if="!assignedUser"></span>
+      <span v-else-if="assignedUser.name === 'Unassigned'">Unassigned</span>
+      <span v-else-if="assignedUser.name">Assigned to: {{assignedUser.name}}</span>
+      <span v-else-if="assignedUser">Assigned</span>
+      <span v-else></span>
+    </template>
+    <button :class="`btn btn-sm btn-outline-${buttonColor}`" @click="openReassign">
+      <font-awesome-icon :icon="forwardIcon"/>
+      Reassign
+    </button>
+  </div>
+</template>
+<script>
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { faReply } from '@fortawesome/free-solid-svg-icons'
+
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'AssignmentSummary',
+  components: {
+    FontAwesomeIcon
+  },
+  props: {
+    hideAssignee: Boolean,
+    buttonColor: { type: String, default: 'light' }
+  },
+  computed: {
+    ...mapGetters(['flags', 'usersById']),
+    forwardIcon() {
+      return faReply
+    },
+    assignedUser() {
+      const flags = this.flags.filter(f => f.isActive).filter(f => /^[0-9]{9}$/.test(f.value) || /^UNASSIGNED$/.test(f.value))
+      if (flags.length > 1) {
+        console.error('Double assignment?')
+      } else if (flags.length === 0) {
+        return null
+      }
+      const flag = flags[0]
+      const user = /^UNASSIGNED$/.test(flag.value) ? { name: 'Unassigned' } : this.usersById(flag.value)
+      return user
+    }
+  },
+  methods: {
+    openReassign () {
+      const assignedTo = this.assignedUser ? this.assignedUser.byuId : undefined
+      this.$modal.show('assignment-modal', { assignedTo })
+    }
+  }
+}
+</script>
+<style scoped>
+.wrapper {
+  padding: 0.5rem;
+}
+</style>

package/BackgroundBadge.vue

@@ -1,83 +1,83 @@
-<!--
-   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="badgeClass">
-    <font-awesome-icon :icon="icon" />
-    {{isSet ? label : unsetLabel}}
-  </span>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faExclamationTriangle, faCheck, faInfoCircle } from '@fortawesome/free-solid-svg-icons'
-  import { mapGetters } from 'vuex'
-
-  export default {
-    name: 'BackgroundBadge',
-    components: { FontAwesomeIcon },
-    props: {
-      label: String,
-      unsetLabel: String,
-      value: String,
-      cleared: Boolean,
-      info: {
-        type: Boolean
-      }
-    },
-    computed: {
-      ...mapGetters(['flagByValue']),
-      flag () { return this.flagByValue('BI') },
-      isSet () { return this.value === 'Y' },
-      badgeClass () {
-        const { isSet, cleared } = this
-        if (this.info) {
-          return {
-            'badge-container': true,
-            'text-info': true,
-            'clickable': isSet && cleared
-          }
-        }
-        return {
-          'badge-container': true,
-          'text-danger': isSet && !cleared,
-          'text-success': cleared || !isSet,
-          'clickable': isSet && cleared
-        }
-      },
-      icon () {
-        if (this.info) {
-          return faInfoCircle
-        }
-        return this.isSet ? (this.cleared ? faInfoCircle : faExclamationTriangle) : faCheck
-      }
-    },
-    methods: {
-      flagInfo () {
-        if (!this.isSet || !this.cleared) {
-          return
-        }
-        this.$modal.show('flag-modal', { flag: this.flag })
-      }
-    }
-  }
-</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="badgeClass">
+    <font-awesome-icon :icon="icon" />
+    {{isSet ? label : unsetLabel}}
+  </span>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faExclamationTriangle, faCheck, faInfoCircle } from '@fortawesome/free-solid-svg-icons'
+  import { mapGetters } from 'vuex'
+
+  export default {
+    name: 'BackgroundBadge',
+    components: { FontAwesomeIcon },
+    props: {
+      label: String,
+      unsetLabel: String,
+      value: String,
+      cleared: Boolean,
+      info: {
+        type: Boolean
+      }
+    },
+    computed: {
+      ...mapGetters(['flagByValue']),
+      flag () { return this.flagByValue('BI') },
+      isSet () { return this.value === 'Y' },
+      badgeClass () {
+        const { isSet, cleared } = this
+        if (this.info) {
+          return {
+            'badge-container': true,
+            'text-info': true,
+            'clickable': isSet && cleared
+          }
+        }
+        return {
+          'badge-container': true,
+          'text-danger': isSet && !cleared,
+          'text-success': cleared || !isSet,
+          'clickable': isSet && cleared
+        }
+      },
+      icon () {
+        if (this.info) {
+          return faInfoCircle
+        }
+        return this.isSet ? (this.cleared ? faInfoCircle : faExclamationTriangle) : faCheck
+      }
+    },
+    methods: {
+      flagInfo () {
+        if (!this.isSet || !this.cleared) {
+          return
+        }
+        this.$modal.show('flag-modal', { flag: this.flag })
+      }
+    }
+  }
+</script>
+<style scoped>
+  .badge-container {
+    white-space: nowrap;
+  }
+  .clickable {
+    cursor: pointer;
+  }
+</style>