@byu-oit/vue-decision-processing-components 9.5.5 → 9.6.0

package/DetailsGeopolitical.vue

@@ -0,0 +1,106 @@
+<!--
+   Copyright 2025 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="ces-hold">
+    <span :class="statusClass">
+      <font-awesome-icon :icon="flagIcon" />
+
+      {{geopoliticalStatus}}
+    </span>
+  </div>
+</template>
+<script>
+
+import {
+  faCheck,
+  faExclamationTriangle,
+  faHourglassHalf,
+  faMinus,
+  faQuestionCircle,
+  faSquare,
+} from '@fortawesome/free-solid-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+
+import { mapGetters } from 'vuex'
+
+export default {
+  name: 'DetailsGeopolitical',
+
+  components: {
+    FontAwesomeIcon,
+  },
+
+  computed: {
+    ...mapGetters([ 'flagByValue' ]),
+    flag() {
+      return this.flagByValue('GPF')
+    },
+    statusClass() {
+      if (this.flag != null) {
+        switch (this.flag.state.toLowerCase()) {
+          case 'pass':
+            return { 'text-success': true }
+          case 'fail':
+            return { 'text-danger': true }
+          case 'error':
+            return { 'text-danger': true, 'font-weight-bold': true }
+          case 'indeterminate':
+            return { 'text-dark': true }
+          default:
+            return { 'text-danger': true, 'font-weight-bold': true }
+        }
+      }
+    },
+    flagIcon() {
+      if (this.flag != null) {
+        switch (this.flag.state.toLowerCase()) {
+          case 'pass':
+            return faCheck
+          case 'fail':
+            return faMinus
+          case 'error':
+            return faExclamationTriangle
+          case 'indeterminate':
+            return faSquare
+          default:
+            return faExclamationTriangle
+        }
+      }
+    },
+    geopoliticalStatus() {
+      if (this.flag != null) {
+        if (this.flag.message != null && this.flag.message.length > 0) {
+          return this.flag.message
+        }
+        switch (this.flag.state.toLowerCase()) {
+          case 'pass':
+            return 'No geopolitical concerns.'
+          case 'fail':
+            return 'Geopolitical concerns.'
+          case 'error':
+            return 'An error occurred. Could not find a unique match.'
+          case 'indeterminate':
+            return 'No data available.'
+          default:
+            return 'An error occurred. Could not find a unique match.'
+        }
+      }
+    },
+  },
+}
+</script>
+<style scoped>
+</style>

package/package.json

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