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

package/ManageAssignments.vue

@@ -1,123 +1,123 @@
-<template>
-  <section class="content-padding">
-    <div v-if="errorText" class="alert alert-danger" role="alert">
-      {{errorText}}
-    </div>
-    <div class="card-container">
-      <div class="admin-card" v-for="admin of admins" :key="admin.byuId">
-        <h2>{{admin.name}}</h2>
-        <div>Role: <strong>{{admin.role}}</strong></div>
-        <span>{{admin.count}} currently assigned.</span>
-        <span>
-          <button
-            class="btn btn-sm btn-outline-secondary"
-            @click="reassign(admin.byuId, admin.count)"
-            >
-            Reassign
-          </button>
-        </span>
-        <div><button
-            class="btn btn-sm btn-outline-primary"
-            @click="viewList(admin.byuId)"
-            >
-            View List
-        </button></div>
-      </div>
-    </div>
-    <Report
-      :baseUrl="baseUrl"
-      reportName="adminAssignments"
-      load-data
-      @reportData="dataLoaded"
-      hide-description
-    />
-    <v-dialog />
-    <AssignmentBulkDialog />
-  </section>
-</template>
-<script>
-  import AssignmentBulkDialog from './AssignmentBulkDialog'
-  import Report from './Report'
-
-  import { mapState, mapGetters } from 'vuex'
-
-  export default {
-    name: 'AdminReport',
-    components: {
-      AssignmentBulkDialog,
-      Report
-    },
-    props: {
-      baseUrl: {
-        type: String,
-        required: true
-      },
-      detailPath: {
-        type: String,
-        default: '/list/'
-      }
-    },
-    data() {
-      return {
-        admins: []
-      }
-    },
-    computed: {
-      ...mapGetters(['loading']),
-      ...mapState({
-        errorText: state => state.apiError.message
-      })
-    },
-    methods: {
-      reassign (byuId, count) {
-        this.$modal.show('assignment-bulk-modal', { byuId, count })
-      },
-      viewList (byuId) {
-        this.$router.push(`${this.detailPath}${byuId}`)
-      },
-      dataLoaded (e) {
-        console.log(`dataLoaded`)
-        console.log(`e=${e}`)
-        const { data } = e
-        console.log(`data=${data}`)
-        this.admins = data.map(r => {
-          const [count, name, role, byuId] = r
-          return { count, name, role, byuId }
-        })
-      }
-    }
-  }
-</script>
-<style scoped>
-  .card-container {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
-    grid-auto-rows: auto;
-    grid-gap: 0.5rem;
-  }
-
-  .admin-card {
-    border: thin solid var(--light);
-    padding: 0.5rem;
-    box-shadow: 0rem 0.05rem 0.5rem rgba(0, 0, 0, 0.1);
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-auto-rows: auto;
-    grid-gap: 0.5rem;
-  }
-
-  .admin-card > * {
-    grid-column: auto / span 2
-  }
-
-  .admin-card > span {
-    grid-column: auto / span 1
-  }
-
-  .admin-card > h2 {
-    background-color: var(--primary);
-    color: var(--white);
-    margin: -0.5rem;
-    padding: 0.25rem 1rem;
-  }
-</style>
+<template>
+  <section class="content-padding">
+    <div v-if="errorText" class="alert alert-danger" role="alert">
+      {{errorText}}
+    </div>
+    <div class="card-container">
+      <div class="admin-card" v-for="admin of admins" :key="admin.byuId">
+        <h2>{{admin.name}}</h2>
+        <div>Role: <strong>{{admin.role}}</strong></div>
+        <span>{{admin.count}} currently assigned.</span>
+        <span>
+          <button
+            class="btn btn-sm btn-outline-secondary"
+            @click="reassign(admin.byuId, admin.count)"
+            >
+            Reassign
+          </button>
+        </span>
+        <div><button
+            class="btn btn-sm btn-outline-primary"
+            @click="viewList(admin.byuId)"
+            >
+            View List
+        </button></div>
+      </div>
+    </div>
+    <Report
+      :baseUrl="baseUrl"
+      reportName="adminAssignments"
+      load-data
+      @reportData="dataLoaded"
+      hide-description
+    />
+    <v-dialog />
+    <AssignmentBulkDialog />
+  </section>
+</template>
+<script>
+  import AssignmentBulkDialog from './AssignmentBulkDialog'
+  import Report from './Report'
+
+  import { mapState, mapGetters } from 'vuex'
+
+  export default {
+    name: 'AdminReport',
+    components: {
+      AssignmentBulkDialog,
+      Report
+    },
+    props: {
+      baseUrl: {
+        type: String,
+        required: true
+      },
+      detailPath: {
+        type: String,
+        default: '/list/'
+      }
+    },
+    data() {
+      return {
+        admins: []
+      }
+    },
+    computed: {
+      ...mapGetters(['loading']),
+      ...mapState({
+        errorText: state => state.apiError.message
+      })
+    },
+    methods: {
+      reassign (byuId, count) {
+        this.$modal.show('assignment-bulk-modal', { byuId, count })
+      },
+      viewList (byuId) {
+        this.$router.push(`${this.detailPath}${byuId}`)
+      },
+      dataLoaded (e) {
+        console.log(`dataLoaded`)
+        console.log(`e=${e}`)
+        const { data } = e
+        console.log(`data=${data}`)
+        this.admins = data.map(r => {
+          const [count, name, role, byuId] = r
+          return { count, name, role, byuId }
+        })
+      }
+    }
+  }
+</script>
+<style scoped>
+  .card-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
+    grid-auto-rows: auto;
+    grid-gap: 0.5rem;
+  }
+
+  .admin-card {
+    border: thin solid var(--light);
+    padding: 0.5rem;
+    box-shadow: 0rem 0.05rem 0.5rem rgba(0, 0, 0, 0.1);
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-auto-rows: auto;
+    grid-gap: 0.5rem;
+  }
+
+  .admin-card > * {
+    grid-column: auto / span 2
+  }
+
+  .admin-card > span {
+    grid-column: auto / span 1
+  }
+
+  .admin-card > h2 {
+    background-color: var(--primary);
+    color: var(--white);
+    margin: -0.5rem;
+    padding: 0.25rem 1rem;
+  }
+</style>

package/NoAuth.vue

@@ -1,14 +1,14 @@
-<template>
-  <section class="m-auto">
-    <p>You do not currently have access to this system. If you are an employee in the admissions
-    office, please contact your supervisor.</p>
-    <p class="mt-3">
-    You may have an expired session. Try <a href="/login">Logging in</a> again.
-    </p>
-  </section>
-</template>
-<script>
-  export default {
-    name: 'NoAuth'
-  }
-</script>
+<template>
+  <section class="m-auto">
+    <p>You do not currently have access to this system. If you are an employee in the admissions
+    office, please contact your supervisor.</p>
+    <p class="mt-3">
+    You may have an expired session. Try <a href="/login">Logging in</a> again.
+    </p>
+  </section>
+</template>
+<script>
+  export default {
+    name: 'NoAuth'
+  }
+</script>

package/NoteDialog.vue

@@ -1,106 +1,106 @@
-<!--
-   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="note-modal"
-  height="auto"
-  draggable
-  >
-  <div class="bg-light p-1 text-uppercase">Add Note</div>
-  <div class="note-dialog content-padding">
-    <div v-if="categories.length > 0">
-      <select v-model="selectedCategory" class="form-control">
-        <option value="" class="text-muted">Category (optional)</option>
-        <option v-for="category of categories" :key="category" :value="category">{{category}}</option>
-      </select>
-    </div>
-    <textarea v-model="note" class="new-note form-control" placeholder="Note..."></textarea>
-    <span class="modal-footer">
-      <template v-if="showNextAction">
-        <span>Next Action:</span>
-        <input type="date" v-model="nextAction">
-      </template>
-      <template v-if="note.length>=400">
-        <div class="p-1 text-uppercase">Note length greater than 400 characters. Note will be split into 2 or more smaller notes.</div>
-      </template>
-      <button class="btn btn-outline-primary" @click="saveNote" :disabled="note.length<1">Save</button>
-      <button class="btn btn-outline-secondary" @click="close">Cancel</button>
-    </span>
-  </div>
-  </modal>
-</template>
-<script>
-  import { mapActions } from 'vuex'
-
-  export default {
-    name: 'NoteDialog',
-    props: {
-      appId: {
-        type: String,
-        required: true
-      },
-      showNextAction: {
-        type: Boolean
-      },
-      categories: {
-        type: Array,
-        default() { return [] }
-      }
-    },
-    data() {
-      return {
-        nextAction: '',
-        note: '',
-        selectedCategory: ''
-      }
-    },
-    methods: {
-      ...mapActions(['insertNote', 'fetchNotes']),
-      close () {
-        this.$modal.hide('note-modal')
-      },
-      async saveNote () {
-        const appId = this.appId
-        const payload = {
-          applicationUuid: appId,
-          nextAction: this.nextAction,
-          status: 'INCOMPLETE',
-          note: this.note,
-          category: this.selectedCategory
-        }
-        await this.insertNote(payload)
-        await this.fetchNotes(appId)
-        this.$modal.hide('note-modal')
-      }
-    }
-  }
-</script>
-<style scoped>
-  .note-dialog {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: 1fr auto;
-  height: 100%;
-  min-height: 15rem;
-  }
-  .edit-area {
-  display: flex;
-  flex-direction: column;
-  }
-  .new-note {
-  height: 17rem;
-  }
-</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="note-modal"
+  height="auto"
+  draggable
+  >
+  <div class="bg-light p-1 text-uppercase">Add Note</div>
+  <div class="note-dialog content-padding">
+    <div v-if="categories.length > 0">
+      <select v-model="selectedCategory" class="form-control">
+        <option value="" class="text-muted">Category (optional)</option>
+        <option v-for="category of categories" :key="category" :value="category">{{category}}</option>
+      </select>
+    </div>
+    <textarea v-model="note" class="new-note form-control" placeholder="Note..."></textarea>
+    <span class="modal-footer">
+      <template v-if="showNextAction">
+        <span>Next Action:</span>
+        <input type="date" v-model="nextAction">
+      </template>
+      <template v-if="note.length>=400">
+        <div class="p-1 text-uppercase">Note length greater than 400 characters. Note will be split into 2 or more smaller notes.</div>
+      </template>
+      <button class="btn btn-outline-primary" @click="saveNote" :disabled="note.length<1">Save</button>
+      <button class="btn btn-outline-secondary" @click="close">Cancel</button>
+    </span>
+  </div>
+  </modal>
+</template>
+<script>
+  import { mapActions } from 'vuex'
+
+  export default {
+    name: 'NoteDialog',
+    props: {
+      appId: {
+        type: String,
+        required: true
+      },
+      showNextAction: {
+        type: Boolean
+      },
+      categories: {
+        type: Array,
+        default() { return [] }
+      }
+    },
+    data() {
+      return {
+        nextAction: '',
+        note: '',
+        selectedCategory: ''
+      }
+    },
+    methods: {
+      ...mapActions(['insertNote', 'fetchNotes']),
+      close () {
+        this.$modal.hide('note-modal')
+      },
+      async saveNote () {
+        const appId = this.appId
+        const payload = {
+          applicationUuid: appId,
+          nextAction: this.nextAction,
+          status: 'INCOMPLETE',
+          note: this.note,
+          category: this.selectedCategory
+        }
+        await this.insertNote(payload)
+        await this.fetchNotes(appId)
+        this.$modal.hide('note-modal')
+      }
+    }
+  }
+</script>
+<style scoped>
+  .note-dialog {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr auto;
+  height: 100%;
+  min-height: 15rem;
+  }
+  .edit-area {
+  display: flex;
+  flex-direction: column;
+  }
+  .new-note {
+  height: 17rem;
+  }
+</style>

package/ObjectViewer.vue

@@ -1,49 +1,49 @@
-<template>
-  <ul>
-    <li
-      v-for="(item, i) of arrData"
-      :key="i"
-    >
-      <ObjectViewer v-if="Array.isArray(item)" :arrData="item" />
-      <ObjectViewer v-else-if="typeof item === 'object'" :objData="item" />
-      <template v-else>{{item}}</template>
-    </li>
-    <li
-      v-for="(value, key) of objData"
-      :key="key"
-    >
-      <template v-if="Array.isArray(value)">
-        {{ key | formatObjectKey }}
-        <ObjectViewer :arrData="value" />
-      </template>
-      <template v-else-if="typeof value === 'object'">
-        {{ key | formatObjectKey }}
-        <ObjectViewer :objData="value" />
-      </template>
-      <template v-else><strong>{{ key | formatObjectKey }}</strong>: {{value}}</template>
-    </li>
-  </ul>
-</template>
-<script>
-export default {
-  name: 'ObjectViewer',
-  filters: {
-    formatObjectKey (val) {
-      if(!val) return ''
-      if(/ /.test(val)) return val
-      if(/_/.test(val)) {
-        const words = val.split(/_/)
-        return words.map(w => w.slice(0, 1).toLocaleUpperCase().concat(w.slice(1))).join(' ')
-      }
-      if(/[A-Z]/.test(val)) {
-        return val.replace(/([^A-Z]*)([A-Z])/g, (match, lc, uc) => `${lc} ${uc}`).replace(/^[a-z]/, m => m.toLocaleUpperCase())
-      }
-      return val
-    }
-  },
-  props: {
-    objData: Object,
-    arrData: Array
-  }
-}
-</script>
+<template>
+  <ul>
+    <li
+      v-for="(item, i) of arrData"
+      :key="i"
+    >
+      <ObjectViewer v-if="Array.isArray(item)" :arrData="item" />
+      <ObjectViewer v-else-if="typeof item === 'object'" :objData="item" />
+      <template v-else>{{item}}</template>
+    </li>
+    <li
+      v-for="(value, key) of objData"
+      :key="key"
+    >
+      <template v-if="Array.isArray(value)">
+        {{ key | formatObjectKey }}
+        <ObjectViewer :arrData="value" />
+      </template>
+      <template v-else-if="typeof value === 'object'">
+        {{ key | formatObjectKey }}
+        <ObjectViewer :objData="value" />
+      </template>
+      <template v-else><strong>{{ key | formatObjectKey }}</strong>: {{value}}</template>
+    </li>
+  </ul>
+</template>
+<script>
+export default {
+  name: 'ObjectViewer',
+  filters: {
+    formatObjectKey (val) {
+      if(!val) return ''
+      if(/ /.test(val)) return val
+      if(/_/.test(val)) {
+        const words = val.split(/_/)
+        return words.map(w => w.slice(0, 1).toLocaleUpperCase().concat(w.slice(1))).join(' ')
+      }
+      if(/[A-Z]/.test(val)) {
+        return val.replace(/([^A-Z]*)([A-Z])/g, (match, lc, uc) => `${lc} ${uc}`).replace(/^[a-z]/, m => m.toLocaleUpperCase())
+      }
+      return val
+    }
+  },
+  props: {
+    objData: Object,
+    arrData: Array
+  }
+}
+</script>