@byu-oit/vue-decision-processing-components 8.37.1 → 8.37.3

package/.repo-meta.yml

@@ -0,0 +1,55 @@
+# For full spec reference see https://github.com/byu-oit/repo-meta/blob/master/repo-meta-template.yml 
+# This file was automatically generated. It is used for various integrations like creating and updating Software CIs in the CMDB.
+# You are required to maintain Software CI records in the CMDB for all of the deployable software artifacts you maintain.
+# You can fill in the information here and have the integration do that for you or you can do that yourself manually.
+$schemaver: 2.1
+repo_url: https://github.com/byu-oit/vue-decision-processing-components  # optional
+software:
+  - name: vue-decision-processing-components  # optional
+    deploy_to_cmdb: true # optional
+    type: ''
+    aliases:  # optional
+    short_description: Vue.js components to be shared between the decision processing
+      applications for the various CES Schools. # optional
+    assignment_group: gro:OIT-App Dev Student Info Mgmt
+    notes: # optional
+    maintained_by: # optional
+      - arasmus8
+    data_sensitivity: internal
+    developed_by_byu: true  # optional
+    ddd: # optional
+      business_domain:
+      ubiquitous_language_url:
+      context_map_url:
+    links: # optional
+      system_documentation_url: https://github.com/byu-oit/vue-decision-processing-components
+      swagger_urls:
+    microservice: true # optional
+    technologies_used: # optional
+      - Vue
+      - JavaScript
+      - NodeJS
+    standard_change_template:
+    stages:
+      development:
+        urls:  # optional
+          product_page:
+          physical_url:
+          virtual_url:
+        hosting_location: ''
+        aws_account:  # optional
+        relationships: # optional
+          depends_on:  # optional
+            db_read_write:
+            db_read_only:
+            software:
+          supports: # optional
+            software:
+            service:
+          reverse_proxy: # optional
+          runs_on: # optional
+            server_cluster:
+            virtual_server:
+            rack_server:
+            blade_server:
+    data-sensitivity: ''

package/DetailsFilenoteList.vue

@@ -79,19 +79,24 @@ export default {
       q.append('categoryId', 'CESADM')
       q.append('sortAscending', 'true')
       q.append('results', '100')
-      const url = `/api/ymessage/student-overview/${personId}?${q.toString()}`
+      const url = `https://api.byu.edu:443/domains/ymessage-archive/1.0/student-overview/${personId}?${q.toString()}`
 
-      const headers = { accept: 'application/json' }
-      const response = await fetch(url, { headers })
+      const headers = {
+        'accept': 'application/json'
+      }
+      const { body, status } = await window.byu.auth.request({ url, headers })
 
-      if (!response.ok) {
-        console.error(new Error(`Unable to load filenotes! Error code ${response.status}`))
+      if (status >= 400) {
+        console.error(Error(`Unable to load filenotes! Error code ${status}`))
         this.error = true
         return
       }
 
-      const data = await response.json()
-      this.filenotes = parseFilenotes(data.results)
+      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)

package/DetailsFlagSection.vue

@@ -72,6 +72,14 @@
       ...mapGetters(['flagByValue']),
       flag () { return this.flagByValue(this.flagValue) },
       btnClass () {
+        if (this.flag.state != null && this.flag.state != '') {
+          return {
+            'btn' : true,
+            'btn-sm' : true,
+            'btn-outline-secondary' : ['indeterminate', 'pass'].includes(this.flag.state.toLowerCase()),
+            'btn-outline-danger' : ['fail', 'error'].includes(this.flag.state.toLowerCase())
+          }
+        }
         const set = this.flag.isSet
         const cleared = this.flag.isCleared
         return {
@@ -83,6 +91,9 @@
         }
       },
       btnText () {
+        if (this.flag.state != null && this.flag.state != '') {
+          return ['pass', 'indeterminate'].includes(this.flag.state.toLowerCase()) ? 'set flag' : 'clear flag'
+        }
         return this.flag.isActive ? 'clear flag' : 'set flag'
       },
       flagIcon () {
@@ -90,7 +101,7 @@
         if (this.flag == null){
           return faSquare
         }
-        if (this.flag.state != null){
+        if (this.flag.state != null && this.flag.state != '') {
           switch (this.flag.state.toLowerCase()){
             case 'pass':
               return faCheck
@@ -111,7 +122,7 @@
         if (this.flag == null){
           return `bg-${this.flagIndeterminateColor}`
         }
-        if (this.flag.state != null){
+        if (this.flag.state != null && this.flag.state != ''){
           switch (this.flag.state.toLowerCase()){
             case 'pass':
               return `bg-${this.flagPassColor}`

package/FlagDialog.vue

@@ -38,7 +38,7 @@
     </div>
     <span class="modal-footer">
       <button v-if="editing" class="btn btn-outline-primary" @click="updateFlag">Save</button>
-      <button v-else class="btn btn-outline-primary" @click="startEditing">{{flag.isSet ? flag.isCleared ? 'Reset' : 'Clear' : 'Set'}} Flag</button>
+      <button v-else class="btn btn-outline-primary" @click="startEditing">{{ startEditingText() }} Flag</button>
       <button class="btn btn-outline-secondary" @click="close">Cancel</button>
     </span>
   </div>
@@ -72,14 +72,6 @@ export default {
       note: ''
     }
   },
-  watch: {
-    flag (newValue) {
-      // Go straight to editing if the flag is unset, no status to display
-      if (newValue.isActive !== undefined && !newValue.isActive) {
-        this.editing = true
-      }
-    }
-  },
   methods: {
     ...mapActions(['flagUpdate']),
     beforeOpen (event) {
@@ -99,14 +91,27 @@ export default {
       this.editing = true
     },
     updateFlag () {
-      const {isSet, isCleared} = this.flag
-      const newFlagState = isSet ? isCleared ? 'set' : 'clear' : 'set'
+      let newFlagState;
+      if (this.flag.state != null && this.flag.state != '') {
+        newFlagState = ['indeterminate', 'pass'].includes(this.flag.state.toLowerCase()) ? 'set' : 'clear'
+      }
+      else {
+        const {isSet, isCleared} = this.flag
+        newFlagState = isSet ? isCleared ? 'set' : 'clear' : 'set'
+      }
       return this.flagUpdate({
         applicationUuid: this.appId,
         flagState: newFlagState,
         flagValue: this.flag.value,
         note: this.note
       }).then(() => this.$modal.hide('flag-modal'))
+    },
+    startEditingText () {
+      const state = this.flag.state
+      if (state != null && state != '') {
+        return ['indeterminate', 'pass'].includes(state.toLowerCase()) ? 'Set' : 'Clear'
+      }
+      return this.flag.isSet ? this.flag.isCleared ? 'Reset' : 'Clear' : 'Set'
     }
   }
 }

package/LICENSE

@@ -186,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright 2024 Brigham Young University
+   Copyright [yyyy] [name of copyright owner]
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/Report.vue

@@ -238,15 +238,20 @@ export default {
       }
     },
     async loadReport (url, acceptHeader) {
+      const options = {
+        headers: {
+          'authorization': `Bearer ${window.byu.auth.accessToken}`,
+          'accept': acceptHeader
+        },
+        cache: 'no-store'
+      }
       try {
-        const response = await fetch(url, {
-          headers: { accept: acceptHeader },
-          cache: 'no-store'
-        })
+        const response = await fetch(url, options)
         if (!response.ok) {
           this.error = true
           const err = Error(`Error ${response.status}-'${response.statusText}' while fetching report from ${url}`)
           console.error(err)
+          console.error(err.stack)
           return null
         }
         this.newCursor = response.headers.get('Cursor')
@@ -254,6 +259,7 @@ export default {
       } catch (err) {
         this.error = true
         console.error(err)
+        console.error(err.stack)
       }
     },
     reloadOnPageBackIntoFocus () {

package/SupportDialog.vue

@@ -119,17 +119,20 @@ export default {
         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' },
+        headers: {
+          'Content-Type': 'application/json',
+        },
         body: JSON.stringify({
           ...body,
           ...this.email !== '' && { u_email: this.email }
         })
       }
-
       this.incrementFetchCount()
-      const { status } = await fetch(`/api/app/proxy/incident`, options)
+      const { status } = await window.byu.auth.request(options)
       this.decrementFetchCount()
       if (status < 400) {
         this.success = true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byu-oit/vue-decision-processing-components",
-  "version": "8.37.1",
+  "version": "8.37.3",
   "description": "Vue components shared between decision processing systems for the CES schools.",
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",