From afe686c79c7d11b3a64abe24e2e7a8ab96e263af Mon Sep 17 00:00:00 2001
From: Nick Brunner <njbrunner@gmail.com>
Date: Wed, 27 Dec 2023 20:07:45 -0500
Subject: [PATCH] #54: Moved agent send parameter response to toast

---
 .../components/management/agents/Agent.vue    | 72 -------------------
 .../components/management/agents/Agents.vue   |  4 --
 .../app/components/management/agents/crud.vue | 30 ++++----
 3 files changed, 15 insertions(+), 91 deletions(-)
 delete mode 100644 anms-ui/public/app/components/management/agents/Agent.vue

diff --git a/anms-ui/public/app/components/management/agents/Agent.vue b/anms-ui/public/app/components/management/agents/Agent.vue
deleted file mode 100644
index 41404ef..0000000
--- a/anms-ui/public/app/components/management/agents/Agent.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <div>
-    <h1>Agent Details:</h1>
-    <div>Registered Agents ID = {{ agentId }}</div>
-    <div>Agent ID String: {{ currentAgent.agent_id_string }}</div>
-    <div>First Registered: {{ currentAgent.first_registered }}</div>
-    <div>Last Registered: {{ currentAgent.last_registered }}</div>
-    
-    <div>
-    <reports 
-    :agentName="currentAgent.agent_id_string"
-    :rptts="rptt" />
-    
-    <crud
-      :agentId="agentId" :Operations="operations">
-    </crud>
-  </div>
-  </div>
-</template>
-
-<script>
-import { mapActions, mapGetters } from "vuex";
-import Crud from './crud.vue';
-import reports from './reports.vue';
-
-export default {
-  name: "Agents",
-  components: {
-    reports,
-    Crud
-  },
-  data() {
-    return {
-      currADM: "",
-      currReport: "",
-      reportOptions: "",
-      selected: {},
-      rptList:{}
-
-    }
-  },
-  props: {
-    agentId: Number
-  },
-
-  mounted() {
-    const vm = this;
-    vm.setAgentId(vm.agentId);
-    vm.reloadAgent();
-    console.log(vm.currentAgent)
-  },
-  computed: {
-    ...mapGetters("agents", {
-      currentAgent: "currentAgent",
-      rptt: "rptt",
-      operations: "operations",
-
-    }),
-
-  },
-  methods: {
-    ...mapActions("agents", {
-      reloadAgent: "reloadAgent",
-      setAgentId: "setAgentId"
-    })
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/anms-ui/public/app/components/management/agents/Agents.vue b/anms-ui/public/app/components/management/agents/Agents.vue
index c604df0..ef3cda0 100644
--- a/anms-ui/public/app/components/management/agents/Agents.vue
+++ b/anms-ui/public/app/components/management/agents/Agents.vue
@@ -239,10 +239,6 @@ export default {
     goToAgentDetails(event) {
       this.agentInfo = event;
       this.showModal = true;
-      // this.$router.push({
-      //   name: "Agent Details",
-      //   params: { agentId: event['agent_id_string'] },
-      // });
     },
     handlePageChange(value) {
       const vm = this;
diff --git a/anms-ui/public/app/components/management/agents/crud.vue b/anms-ui/public/app/components/management/agents/crud.vue
index eddc045..fd0ab1b 100644
--- a/anms-ui/public/app/components/management/agents/crud.vue
+++ b/anms-ui/public/app/components/management/agents/crud.vue
@@ -24,16 +24,12 @@
       </b-form-group>
       <b-button @click="onClick()">Send Parameter</b-button>
     </b-form>
-
-    <div>
-      [{{ results }}]
-    </div>
   </div>
 </template>
 
 <script>
-import { values } from 'lodash'
 import api from '../../../shared/api'
+import toastr from 'toastr';
 
 export default {
   name: "CRUD",
@@ -43,8 +39,6 @@ export default {
       selected: -1,
       headers: [],
       title: "",
-      results: "",
-      results2: "",
       params: [],
       final_values: {}
     }
@@ -53,11 +47,9 @@ export default {
 
     setParams(command_parameters) {
       command_parameters.forEach((value) => {
-        this.results2 = value;
         this.params.push({ "name": value, "value": "" });
       });
 
-      this.results = command_parameters;
     },
     onClick() {
       this.final_values = {}
@@ -67,13 +59,14 @@ export default {
       api.methods
         .apiPutCRUD(this.agentId, this.selected.agent_parameter_id, this.final_values)
         .then((response) => {
-          this.results = "SENT! " + response.data + " " + response.statusText;
+          console.log(response);
+          toastr.success(`${response.statusText} ${response.data}`);
           this.selected = -1;
           this.params = []
         })
         .catch((error) => {
-          this.results = "ERROR sending " + error
           console.error(error);
+          toastr.error(error);
         })
     },
   },
@@ -94,16 +87,23 @@ export default {
   margin: 16px 0;
 }
 
-.capitalize::-webkit-input-placeholder { /* Chrome/Opera/Safari */
+.capitalize::-webkit-input-placeholder {
+  /* Chrome/Opera/Safari */
   text-transform: capitalize;
 }
-.capitalize::-moz-placeholder { /* Firefox 19+ */
+
+.capitalize::-moz-placeholder {
+  /* Firefox 19+ */
   text-transform: capitalize;
 }
-.capitalize:-ms-input-placeholder { /* IE 10+ */
+
+.capitalize:-ms-input-placeholder {
+  /* IE 10+ */
   text-transform: capitalize;
 }
-.capitalize:-moz-placeholder { /* Firefox 18- */
+
+.capitalize:-moz-placeholder {
+  /* Firefox 18- */
   text-transform: capitalize;
 }
 </style>