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

package/Dashboard.vue

@@ -1,201 +1,201 @@
-<!--
-   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>
-  <section class="content-padding">
-    <div class="grid">
-      <div v-if="errorText" class="alert alert-danger" role="alert">
-        {{errorText}}
-      </div>
-      <div class="stats">
-        <table class="table table-bordered table-sm">
-          <thead>
-            <tr>
-              <th colspan="2" align="left">Statistics</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Auto Admit Today</td>
-              <td>{{ stats.admitToday }}</td>
-            </tr>
-            <tr>
-              <td>Auto Admit This Week</td>
-              <td>{{ stats.admitWeek }}</td>
-            </tr>
-            <tr>
-              <td>Auto Admit This Month</td>
-              <td>{{ stats.admitMonth }}</td>
-            </tr>
-            <tr>
-              <td>Total Applications</td>
-              <td>{{ stats.totalApps }}</td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <div class="tools list-group">
-        <a class="list-group-item list-group-item-action" href="https://link.byu.edu/gro" target="_blank">Update Admin Access</a>
-
-        <div class="list-group-item">
-          <label for="lookup" class="sr-only">BYU ID</label>
-          <input type="text" id="lookup" placeholder="ID/Name" class="">
-          <button @click="lookup" class="btn btn-secondary align-middle" aria-label="Search">
-            <font-awesome-icon :icon="searchIcon" />
-          </button>
-        </div>
-
-      </div>
-      <div class="reports list-group">
-        <router-link class="list-group-item list-group-item-action" to="/list/actionsDue">Ready for Action</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/AS">All Watched List</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/myStarred">My Watch List</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/decisionsOnWatchedApplications">Decisions on Watched Applications</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/admitted">Admitted By Officer</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/denied">Denied Applications</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/pendingEndorsement">Pending Endorsement</router-link>
-        <router-link class="list-group-item list-group-item-action" to="/list/TOPendingEndorsement">Time Out Pending Endorsement</router-link>
-      </div>
-      <AppList v-if="applicationList.length" :applications="applicationList" class="applist" />
-      <StatCharts class="stat-charts" />
-    </div>
-  </section>
-</template>
-<script>
-  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-  import { faSearch } from '@fortawesome/free-solid-svg-icons'
-
-  import get from 'lodash.get'
-
-  import Spinner from './Spinner.vue'
-  import AppList from './DashboardApplicationList.vue'
-  import StatCharts from './StatCharts'
-
-  import { mapState, mapMutations, mapActions } from 'vuex'
-
-  const obj2query = o => {
-    const keys = Object.keys(o)
-    return keys.reduce((kvs, k) => kvs.concat([`${k}=${o[k]}`]), []).join('&')
-  }
-
-  export default {
-    name: 'Dashboard',
-    components: {
-      Spinner,
-      FontAwesomeIcon,
-      AppList,
-      StatCharts
-    },
-    data() {
-      return {
-        applicationList: []
-      }
-    },
-    computed: {
-      ...mapState({
-        stats: 'stats',
-        errorText: state => state.apiError.message
-      }),
-      searchIcon () { return faSearch }
-    },
-    watch: {
-      // call again the method if the route changes
-      '$route': 'fetchStats'
-    },
-    methods: {
-      ...mapMutations(['incrementFetchCount', 'decrementFetchCount']),
-      ...mapActions([ 'fetchStats' ]),
-      lookup() {
-        const applicant_id = document.getElementById('lookup').value
-        if (/^[0-9]{9}$/.test(applicant_id)) return this.lookupApp({applicant_id}) //byu id lookup
-        if (/^[0-9]{8}$/.test(applicant_id)) return this.lookupApp({'pw_id': applicant_id}) //pw id lookup
-        if (/^[a-zA-Z]/.test(applicant_id)) return this.lookupApp({'applicant_name':applicant_id}) // name lookup
-      },
-      lookupApp(queryParams) {
-        console.log("lookup by id")
-        this.incrementFetchCount()
-        const url = `https://api.byu.edu:443/domain/applications/byupw/degrees/v1/?${obj2query(queryParams)}`
-        const headers = new Headers({
-          'Authorization': `Bearer ${byu.auth.accessToken}`
-        })
-        const options = {headers}
-        return fetch(url, options).then(res => {
-          if (res.ok) {
-            this.decrementFetchCount()
-            return res.json()
-          }
-          if (res.status === 404) {
-            this.decrementFetchCount({
-              success: false,
-              status: res.status,
-              call: 'Lookup Application by ID',
-              message: 'Application not found!'
-            })
-            return {values: []}
-          }
-          this.decrementFetchCount({
-            success: false,
-            status: res.status,
-            call: 'Lookup Application by ID',
-            message:  `Error ${res.status} while fetching application!`
-          })
-          throw new Error(`Http error ${res.status} while fetching application!`)
-        }).then(json => {
-          console.log(json)
-          const values = json.values
-          if (!values.length) {
-            return [ { applicant_id: '', applicant_name: 'No applications found' } ]
-          }
-          if (values.length === 1) {
-            const uuid = get(values[0], 'basic.application_uuid.value', '')
-            if (uuid) {
-              this.$router.push(`/detail/${uuid}`)
-            }
-          } else {
-            this.applicationList = values
-          }
-        }).catch(err => {
-          console.error(err)
-        })
-        console.log(byuId, '\n', url)
-      }
-    }
-  }
-</script>
-<style scoped>
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(2, 30rem);
-    grid-auto-rows: auto;
-    grid-template-areas:
-    "alert alert"
-    "stats tools"
-    "stats reports"
-    "applist applist"
-    "statcharts statcharts";
-    grid-gap: .5rem;
-    margin-bottom: 0.75rem;
-  }
-  .alert { grid-area: alert; }
-  .stats { grid-area: stats; }
-  .reports { grid-area: reports; }
-  .tools { grid-area: tools; }
-  .tools input {
-    padding: .275rem .75rem;
-    vertical-align: middle;
-  }
-  .applist { grid-area: applist; }
-  .stat-charts { grid-area: statcharts; }
-</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>
+  <section class="content-padding">
+    <div class="grid">
+      <div v-if="errorText" class="alert alert-danger" role="alert">
+        {{errorText}}
+      </div>
+      <div class="stats">
+        <table class="table table-bordered table-sm">
+          <thead>
+            <tr>
+              <th colspan="2" align="left">Statistics</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Auto Admit Today</td>
+              <td>{{ stats.admitToday }}</td>
+            </tr>
+            <tr>
+              <td>Auto Admit This Week</td>
+              <td>{{ stats.admitWeek }}</td>
+            </tr>
+            <tr>
+              <td>Auto Admit This Month</td>
+              <td>{{ stats.admitMonth }}</td>
+            </tr>
+            <tr>
+              <td>Total Applications</td>
+              <td>{{ stats.totalApps }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div class="tools list-group">
+        <a class="list-group-item list-group-item-action" href="https://link.byu.edu/gro" target="_blank">Update Admin Access</a>
+
+        <div class="list-group-item">
+          <label for="lookup" class="sr-only">BYU ID</label>
+          <input type="text" id="lookup" placeholder="ID/Name" class="">
+          <button @click="lookup" class="btn btn-secondary align-middle" aria-label="Search">
+            <font-awesome-icon :icon="searchIcon" />
+          </button>
+        </div>
+
+      </div>
+      <div class="reports list-group">
+        <router-link class="list-group-item list-group-item-action" to="/list/actionsDue">Ready for Action</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/AS">All Watched List</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/myStarred">My Watch List</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/decisionsOnWatchedApplications">Decisions on Watched Applications</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/admitted">Admitted By Officer</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/denied">Denied Applications</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/pendingEndorsement">Pending Endorsement</router-link>
+        <router-link class="list-group-item list-group-item-action" to="/list/TOPendingEndorsement">Time Out Pending Endorsement</router-link>
+      </div>
+      <AppList v-if="applicationList.length" :applications="applicationList" class="applist" />
+      <StatCharts class="stat-charts" />
+    </div>
+  </section>
+</template>
+<script>
+  import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+  import { faSearch } from '@fortawesome/free-solid-svg-icons'
+
+  import get from 'lodash.get'
+
+  import Spinner from './Spinner.vue'
+  import AppList from './DashboardApplicationList.vue'
+  import StatCharts from './StatCharts'
+
+  import { mapState, mapMutations, mapActions } from 'vuex'
+
+  const obj2query = o => {
+    const keys = Object.keys(o)
+    return keys.reduce((kvs, k) => kvs.concat([`${k}=${o[k]}`]), []).join('&')
+  }
+
+  export default {
+    name: 'Dashboard',
+    components: {
+      Spinner,
+      FontAwesomeIcon,
+      AppList,
+      StatCharts
+    },
+    data() {
+      return {
+        applicationList: []
+      }
+    },
+    computed: {
+      ...mapState({
+        stats: 'stats',
+        errorText: state => state.apiError.message
+      }),
+      searchIcon () { return faSearch }
+    },
+    watch: {
+      // call again the method if the route changes
+      '$route': 'fetchStats'
+    },
+    methods: {
+      ...mapMutations(['incrementFetchCount', 'decrementFetchCount']),
+      ...mapActions([ 'fetchStats' ]),
+      lookup() {
+        const applicant_id = document.getElementById('lookup').value
+        if (/^[0-9]{9}$/.test(applicant_id)) return this.lookupApp({applicant_id}) //byu id lookup
+        if (/^[0-9]{8}$/.test(applicant_id)) return this.lookupApp({'pw_id': applicant_id}) //pw id lookup
+        if (/^[a-zA-Z]/.test(applicant_id)) return this.lookupApp({'applicant_name':applicant_id}) // name lookup
+      },
+      lookupApp(queryParams) {
+        console.log("lookup by id")
+        this.incrementFetchCount()
+        const url = `https://api.byu.edu:443/domain/applications/byupw/degrees/v1/?${obj2query(queryParams)}`
+        const headers = new Headers({
+          'Authorization': `Bearer ${byu.auth.accessToken}`
+        })
+        const options = {headers}
+        return fetch(url, options).then(res => {
+          if (res.ok) {
+            this.decrementFetchCount()
+            return res.json()
+          }
+          if (res.status === 404) {
+            this.decrementFetchCount({
+              success: false,
+              status: res.status,
+              call: 'Lookup Application by ID',
+              message: 'Application not found!'
+            })
+            return {values: []}
+          }
+          this.decrementFetchCount({
+            success: false,
+            status: res.status,
+            call: 'Lookup Application by ID',
+            message:  `Error ${res.status} while fetching application!`
+          })
+          throw new Error(`Http error ${res.status} while fetching application!`)
+        }).then(json => {
+          console.log(json)
+          const values = json.values
+          if (!values.length) {
+            return [ { applicant_id: '', applicant_name: 'No applications found' } ]
+          }
+          if (values.length === 1) {
+            const uuid = get(values[0], 'basic.application_uuid.value', '')
+            if (uuid) {
+              this.$router.push(`/detail/${uuid}`)
+            }
+          } else {
+            this.applicationList = values
+          }
+        }).catch(err => {
+          console.error(err)
+        })
+        console.log(byuId, '\n', url)
+      }
+    }
+  }
+</script>
+<style scoped>
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(2, 30rem);
+    grid-auto-rows: auto;
+    grid-template-areas:
+    "alert alert"
+    "stats tools"
+    "stats reports"
+    "applist applist"
+    "statcharts statcharts";
+    grid-gap: .5rem;
+    margin-bottom: 0.75rem;
+  }
+  .alert { grid-area: alert; }
+  .stats { grid-area: stats; }
+  .reports { grid-area: reports; }
+  .tools { grid-area: tools; }
+  .tools input {
+    padding: .275rem .75rem;
+    vertical-align: middle;
+  }
+  .applist { grid-area: applist; }
+  .stat-charts { grid-area: statcharts; }
+</style>

package/DashboardApplicationList.vue

@@ -1,50 +1,50 @@
-<!--
-   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-striped">
-  <thead>
-    <tr>
-      <th>#</th>
-      <th>BYU ID</th>
-      <th>Name</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr v-for="(app, i) of applications" @click="selectApplication(getProperty(app, 'basic.application_uuid.value'))">
-      <td>{{i}}</td>
-      <td>{{ getProperty(app, 'basic.applicant_id.value') }}</td>
-      <td>{{ getProperty(app, 'basic.preferred_name.value') }}</td>
-    </tr>
-  </tbody>
-</table>
-</template>
-<script>
-  import { get } from 'lodash.get'
-  export default {
-    name: 'DashboardApplicationList',
-    data() {
-      return {
-      }
-    },
-    props: ['applications'],
-    methods: {
-      getProperty: get,
-      selectApplication(uuid) {
-        this.$router.push(`/detail/${uuid}`)
-      }
-    }
-  }
-</script>
+<!--
+   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-striped">
+  <thead>
+    <tr>
+      <th>#</th>
+      <th>BYU ID</th>
+      <th>Name</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr v-for="(app, i) of applications" @click="selectApplication(getProperty(app, 'basic.application_uuid.value'))">
+      <td>{{i}}</td>
+      <td>{{ getProperty(app, 'basic.applicant_id.value') }}</td>
+      <td>{{ getProperty(app, 'basic.preferred_name.value') }}</td>
+    </tr>
+  </tbody>
+</table>
+</template>
+<script>
+  import { get } from 'lodash.get'
+  export default {
+    name: 'DashboardApplicationList',
+    data() {
+      return {
+      }
+    },
+    props: ['applications'],
+    methods: {
+      getProperty: get,
+      selectApplication(uuid) {
+        this.$router.push(`/detail/${uuid}`)
+      }
+    }
+  }
+</script>