From f7d939974a71dc4a267cdf8bd21959d661671520 Mon Sep 17 00:00:00 2001
From: sadnub <josh@torchlake.com>
Date: Wed, 7 Jul 2021 14:21:18 -0400
Subject: [PATCH] add agent history

---
 src/api/agents.js                    |  7 +++
 src/components/SubTableTabs.vue      |  2 +-
 src/components/agents/AuditTab.vue   |  2 +-
 src/components/agents/DebugTab.vue   |  2 +-
 src/components/agents/HistoryTab.vue | 82 +++++++++++++++++++++++++++-
 src/components/logs/AuditManager.vue |  3 +-
 src/components/logs/DebugLog.vue     |  2 +-
 7 files changed, 91 insertions(+), 9 deletions(-)

diff --git a/src/api/agents.js b/src/api/agents.js
index a26c45c..c9b268e 100644
--- a/src/api/agents.js
+++ b/src/api/agents.js
@@ -7,4 +7,11 @@ export async function fetchAgents() {
     const { data } = await axios.get(`${baseUrl}/listagentsnodetail/`)
     return data
   } catch (e) { }
+}
+
+export async function fetchAgentHistory(pk) {
+  try {
+    const { data } = await axios.get(`${baseUrl}/history/${pk}`)
+    return data
+  } catch (e) { }
 }
\ No newline at end of file
diff --git a/src/components/SubTableTabs.vue b/src/components/SubTableTabs.vue
index 59f1392..7fcf7e5 100644
--- a/src/components/SubTableTabs.vue
+++ b/src/components/SubTableTabs.vue
@@ -39,7 +39,7 @@
       <q-tab-panel name="software" class="q-pb-xs q-pt-none">
         <SoftwareTab />
       </q-tab-panel>
-      <q-tab-panel name="history" class="q-pb-xs q-pt-none">
+      <q-tab-panel name="history" class="q-pa-none">
         <HistoryTab />
       </q-tab-panel>
       <q-tab-panel name="notes" class="q-pb-xs q-pt-none">
diff --git a/src/components/agents/AuditTab.vue b/src/components/agents/AuditTab.vue
index 7f1f942..ced0ff6 100644
--- a/src/components/agents/AuditTab.vue
+++ b/src/components/agents/AuditTab.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!selectedAgent">No agent selected</div>
+  <div v-if="!selectedAgent" class="q-pa-sm">No agent selected</div>
   <div v-else>
     <AuditManager :agentpk="selectedAgent" />
   </div>
diff --git a/src/components/agents/DebugTab.vue b/src/components/agents/DebugTab.vue
index ec3ca3d..5e85fab 100644
--- a/src/components/agents/DebugTab.vue
+++ b/src/components/agents/DebugTab.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!selectedAgent">No agent selected</div>
+  <div v-if="!selectedAgent" class="q-pa-sm">No agent selected</div>
   <div v-else>
     <DebugLog :agentpk="selectedAgent" />
   </div>
diff --git a/src/components/agents/HistoryTab.vue b/src/components/agents/HistoryTab.vue
index 522733e..d132fb9 100644
--- a/src/components/agents/HistoryTab.vue
+++ b/src/components/agents/HistoryTab.vue
@@ -1,20 +1,96 @@
 <template>
-  <div v-if="!selectedAgent">No agent selected</div>
-  <div v-else></div>
+  <div v-if="!selectedAgent" class="q-pa-sm">No agent selected</div>
+  <div v-else>
+    <q-table
+      :table-class="{ 'table-bgcolor': !$q.dark.isActive, 'table-bgcolor-dark': $q.dark.isActive }"
+      :rows="history"
+      :columns="columns"
+      :pagination="{ sortBy: 'entry_time', descending: true }"
+      :loading="loading"
+      dense
+      binary-state-sort
+    >
+      <template v-slot:top-right>
+        <export-table-btn :data="history" :columns="columns" />
+      </template>
+    </q-table>
+  </div>
 </template>
 
 <script>
 // composition imports
-import { computed } from "vue";
+import { ref, computed, watch } from "vue";
 import { useStore } from "vuex";
+import { formatDate, formatTableColumnText } from "@/utils/format";
+import { fetchAgentHistory } from "@/api/agents";
+
+// ui imports
+import ExportTableBtn from "@/components/ui/ExportTableBtn";
+
+// static data
+const columns = [
+  {
+    name: "time",
+    label: "Time",
+    field: "time",
+    align: "left",
+    sortable: true,
+    format: (val, row) => formatDate(val, true),
+  },
+  {
+    name: "type",
+    label: "Action",
+    field: "type",
+    align: "left",
+    sortable: true,
+    format: (val, row) => formatTableColumnText(val),
+  },
+  {
+    name: "status",
+    label: "Status",
+    field: "status",
+    align: "left",
+    sortable: true,
+    format: (val, row) => formatTableColumnText(val),
+  },
+  { name: "command", label: "Command", field: "command", align: "left", sortable: true },
+  { name: "username", label: "Initiated By", field: "username", align: "left", sortable: true },
+  { name: "output", label: "Output", field: "output", align: "left", sortable: true },
+];
 
 export default {
   name: "HistoryTab",
+  components: {
+    ExportTableBtn,
+  },
   setup() {
     const store = useStore();
     const selectedAgent = computed(() => store.state.selectedRow);
 
+    // setup main history functionality
+    const history = ref([]);
+    const loading = ref(false);
+
+    async function getHistory() {
+      loading.value = true;
+      history.value = await fetchAgentHistory(selectedAgent.value);
+      loading.value = false;
+    }
+
+    watch(selectedAgent, (newValue, oldValue) => {
+      if (newValue) {
+        getHistory();
+      }
+    });
+
     return {
+      // reactive
+      history,
+      loading,
+
+      // non-reactive data
+      columns,
+
       // computed
       selectedAgent,
     };
diff --git a/src/components/logs/AuditManager.vue b/src/components/logs/AuditManager.vue
index 18f5324..70bb6fc 100644
--- a/src/components/logs/AuditManager.vue
+++ b/src/components/logs/AuditManager.vue
@@ -104,7 +104,7 @@
 
 <script>
 // composition imports
-import { ref, computed, watch, onMounted, toRefs } from "vue";
+import { ref, computed, watch, onMounted } from "vue";
 import { useClientDropdown } from "@/composables/clients";
 import { useAgentDropdown } from "@/composables/agents";
 import { useUserDropdown } from "@/composables/accounts";
@@ -252,7 +252,6 @@ export default {
       if (actionFilter.value && actionFilter.value.length > 0) data["actionFilter"] = actionFilter.value;
       if (objectFilter.value && objectFilter.value.length > 0) data["objectFilter"] = objectFilter.value;
 
-      console.log(data);
       const { audit_logs, total } = await fetchAuditLog(data);
       auditLogs.value = audit_logs;
       pagination.value.rowsNumber = total;
diff --git a/src/components/logs/DebugLog.vue b/src/components/logs/DebugLog.vue
index 91ef42d..38e1209 100644
--- a/src/components/logs/DebugLog.vue
+++ b/src/components/logs/DebugLog.vue
@@ -56,7 +56,7 @@
 
 <script>
 // composition api
-import { ref, watch, onMounted, toRefs } from "vue";
+import { ref, watch, onMounted } from "vue";
 import { useAgentDropdown } from "@/composables/agents";
 import { fetchDebugLog } from "@/api/logs";
 import { formatDate, formatTableColumnText } from "@/utils/format";