From 8322127373b0de5823e552cbb907c2a160633dab Mon Sep 17 00:00:00 2001
From: Josh Krawczyk <josh@torchlake.com>
Date: Mon, 6 Apr 2020 14:21:52 -0400
Subject: [PATCH 1/5] Initial Commit

---
 src/components/AlertsIcon.vue                 |  86 +++++++
 src/components/AutomationManager.vue          | 217 ++++++++++++++++++
 src/components/FileBar.vue                    |  15 +-
 .../modals/alerts/AlertsOverview.vue          |  53 +++++
 .../modals/automation/AddPolicy.vue           |  66 ++++++
 .../modals/automation/EditPolicy.vue          |  79 +++++++
 .../modals/automation/PolicyOverview.vue      |   7 +
 src/store/alerts.js                           |  29 +++
 src/store/store.js                            |  22 +-
 src/views/Dashboard.vue                       |  11 +-
 10 files changed, 579 insertions(+), 6 deletions(-)
 create mode 100644 src/components/AlertsIcon.vue
 create mode 100644 src/components/AutomationManager.vue
 create mode 100644 src/components/modals/alerts/AlertsOverview.vue
 create mode 100644 src/components/modals/automation/AddPolicy.vue
 create mode 100644 src/components/modals/automation/EditPolicy.vue
 create mode 100644 src/components/modals/automation/PolicyOverview.vue
 create mode 100644 src/store/alerts.js

diff --git a/src/components/AlertsIcon.vue b/src/components/AlertsIcon.vue
new file mode 100644
index 0000000..5375ee7
--- /dev/null
+++ b/src/components/AlertsIcon.vue
@@ -0,0 +1,86 @@
+<template>
+  <q-btn dense flat icon="notifications">
+    <q-badge color="red" floating transparent>
+        {{ test_alerts.length }}
+    </q-badge>
+    <q-menu>
+      <q-list separator>
+        <q-item v-for="alert in test_alerts" :key="alert.id">
+          <q-item-section>
+            <q-item-label>{{ alert.client }} - {{ alert.hostname }}</q-item-label>
+            <q-item-label caption>
+              <q-icon :class="`text-${alertColor(alert.type)}`" :name="alert.type"></q-icon> 
+              {{ alert.message }}</q-item-label>
+          </q-item-section>
+
+          <q-item-section side top>
+            <q-item-label caption>{{ alert.timestamp }}</q-item-label>
+          </q-item-section>
+        </q-item>
+        <q-item clickable @click="showAlertsModal = true">
+          View All Alerts ({{test_alerts.length}})
+        </q-item>
+      </q-list>
+    </q-menu>
+  
+      <q-dialog
+        v-model="showAlertsModal"
+        maximized
+        transition-show="slide-up"
+        transition-hide="slide-down"
+      >
+        <AlertsOverview @close="showAlertsModal = false" />
+      </q-dialog>
+
+  </q-btn>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+import AlertsOverview from '@/components/modals/alerts/AlertsOverview'
+
+export default {
+  name: "AlertsIcon",
+  components: {AlertsOverview},
+  data () {
+    return {
+      showAlertsModal: false,
+      test_alerts: [
+        {
+          id: 1,
+          client: "NMHSI",
+          site: "Default",
+          hostname: "NMSC-BACK01",
+          message: "HDD error. Stuff ain't working",
+          type: "error",
+          timestamp: "2 min ago"
+        },
+        {
+          id: 2,
+          client: "Dove IT",
+          site: "Default",
+          hostname: "NMSC-ANOTHER",
+          message: "Big error. Stuff still ain't working",
+          type: "warning",
+          timestamp: "5 hours ago"
+        }
+      ]
+    }
+  },
+  methods: {
+    alertColor (type) {
+      if (type === "error"){
+        return "red";
+      } 
+      if (type === "warning"){
+        return "orange"
+      }
+    }
+  },
+  computed: {
+    ...mapState('alerts/', {
+      alerts: state => state.alerts
+    })
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/AutomationManager.vue b/src/components/AutomationManager.vue
new file mode 100644
index 0000000..c106a84
--- /dev/null
+++ b/src/components/AutomationManager.vue
@@ -0,0 +1,217 @@
+<template>
+  <div class="q-pa-md q-gutter-sm">
+    <q-dialog :value="toggleAutomationManager" @hide="hideAutomationManager" @show="getPolicies">
+      <q-card style="width: 900px; max-width: 90vw;">
+        <q-bar>
+          <q-btn @click="getPolicies" class="q-mr-sm" dense flat push icon="refresh" />Automation Manager
+          <q-space />
+          <q-btn dense flat icon="close" v-close-popup>
+            <q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
+          </q-btn>
+        </q-bar>
+        <div class="q-pa-md">
+          <div class="q-gutter-sm">
+            <q-btn
+              label="New"
+              dense
+              flat
+              push
+              unelevated
+              no-caps
+              icon="add"
+              @click="showAddPolicyModal = true; clearRow"
+            />
+            <q-btn
+              label="Edit"
+              :disable="selectedRow === null"
+              dense
+              flat
+              push
+              unelevated
+              no-caps
+              icon="edit"
+              @click="showEditPolicyModal = true"
+            />
+            <q-btn
+              label="Delete"
+              :disable="selectedRow === null"
+              dense
+              flat
+              push
+              unelevated
+              no-caps
+              icon="delete"
+              @click="deletePolicy"
+            />
+            <q-btn
+              label="Policy Overview"
+              dense
+              flat
+              push
+              unelevated
+              no-caps
+              icon="remove_red_eye"
+              @click="showPolicyOverviewModal = true"
+            />
+          </div>
+          <q-table
+            dense
+            class="automation-sticky-header-table"
+            :data="policies"
+            :columns="columns"
+            :visible-columns="visibleColumns"
+            :pagination.sync="pagination"
+            row-key="id"
+            binary-state-sort
+            hide-bottom
+            virtual-scroll
+            flat
+            :rows-per-page-options="[0]"
+          >
+            <template slot="body" slot-scope="props" :props="props">
+              <q-tr
+                :class="{highlight: selectedRow === props.row.id}"
+                @click="policyRowSelected(props.row.id)"
+              >
+                <q-td>{{ props.row.name }}</q-td>
+                <q-td>{{ props.row.desc }}</q-td>
+                <q-td>{{ props.row.applied_to }}</q-td>
+                <q-td>{{ props.row.actions }}</q-td>
+              </q-tr>
+            </template>
+          </q-table>
+        </div>
+        <q-card-section></q-card-section>
+        <q-separator />
+        <q-card-section></q-card-section>
+      </q-card>
+    </q-dialog>
+    <q-dialog v-model="showAddPolicyModal">
+      <AddPolicy @close="showAddPolicyModal = false" @added="getPolicies" />
+    </q-dialog>
+    <q-dialog v-model="showEditPolicyModal">
+      <EditPolicy :pk="selectedRow" @close="showEditPolicyModal = false" @edited="getPolicies" />
+    </q-dialog>
+    <q-dialog v-model="showPolicyOverviewModal">
+      <PolicyOverview @close="showPolicyOverviewModal = false" />
+    </q-dialog>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import mixins from "@/mixins/mixins";
+import { mapState } from "vuex";
+import AddPolicy from "@/components/modals/automation/AddPolicy";
+import EditPolicy from "@/components/modals/automation/EditPolicy";
+import PolicyOverview from "@/components/modals/automation/PolicyOverview";
+
+export default {
+  name: "AutomationManager",
+  components: { AddPolicy, EditPolicy, PolicyOverview },
+  mixins: [mixins],
+  data() {
+    return {
+      selectedRow: null,
+      showAddPolicyModal: false,
+      showEditPolicyModal: false,
+      showPolicyOverviewModal: false,
+      pagination: {
+        rowsPerPage: 0,
+        sortBy: "id",
+        descending: false
+      },
+      columns: [
+        { name: "id", label: "ID", field: "id" },
+        {
+          name: "name",
+          label: "Name",
+          field: "name",
+          align: "left",
+          sortable: true
+        },
+        {
+          name: "desc",
+          label: "Description",
+          field: "desc",
+          align: "left",
+          sortable: false
+        },
+        {
+          name: "active",
+          label: "Active",
+          field: "active",
+          align: "left",
+          sortable: true
+        },
+        {
+          name: "applied_to",
+          label: "Applied To",
+          field: "applied_to",
+          align: "left",
+          sortable: false
+        }
+      ],
+      visibleColumns: ["name", "desc", "active", "applied_to"]
+    };
+  },
+  methods: {
+    getPolicies() {
+      this.clearRow();
+      this.$store.dispatch("getPolicies");
+    },
+    hideAutomationManager() {
+      this.$store.commit("TOGGLE_AUTOMATION_MANAGER", false);
+    },
+    policyRowSelected(pk) {
+      this.selectedRow = pk;
+    },
+    clearRow() {
+      this.selectedRow = null;
+    },
+    deletePolicy() {
+      this.$q
+        .dialog({
+          title: "Delete policy?",
+          cancel: true,
+          ok: { label: "Delete", color: "negative" }
+        })
+        .onOk(() => {
+          axios.delete(`/automation/policies/${this.selectedRow}`).then(r => {
+            this.getPolicies();
+            this.notifySuccess(`Policy ${r.data} was deleted!`);
+          });
+        });
+    }
+  },
+  computed: {
+    ...mapState({
+      toggleAutomationManager: state => state.toggleAutomationManager,
+      policies: state => state.policies
+    })
+  },
+  mounted() {
+    this.getPolicies();
+  }
+};
+</script>
+
+<style lang="stylus">
+.automation-sticky-header-table {
+  /* max height is important */
+  .q-table__middle {
+    max-height: 500px;
+  }
+
+  .q-table__top, .q-table__bottom, thead tr:first-child th {
+    background-color: #CBCBCB;
+  }
+
+  thead tr:first-child th {
+    position: sticky;
+    top: 0;
+    opacity: 1;
+    z-index: 1;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/FileBar.vue b/src/components/FileBar.vue
index ab55d3b..759689e 100644
--- a/src/components/FileBar.vue
+++ b/src/components/FileBar.vue
@@ -40,6 +40,10 @@
             <q-item clickable v-close-popup @click="showScriptManager">
               <q-item-section>Script Manager</q-item-section>
             </q-item>
+            <!-- automation manager -->
+            <q-item clickable v-close-popup @click="showAutomationManager">
+              <q-item-section>Automation Manager</q-item-section>
+            </q-item>
             <!-- core settings -->
             <q-item clickable v-close-popup @click="showEditCoreSettingsModal = true">
               <q-item-section>Global Settings</q-item-section>
@@ -75,6 +79,9 @@
       </div>
       <!-- Script Manager -->
       <ScriptManager />
+
+      <!-- Automation Manager -->
+      <AutomationManager />
     </q-bar>
   </div>
 </template>
@@ -86,6 +93,8 @@ import AddSite from "@/components/modals/clients/AddSite";
 import UpdateAgents from "@/components/modals/agents/UpdateAgents";
 import ScriptManager from "@/components/ScriptManager";
 import EditCoreSettings from "@/components/modals/coresettings/EditCoreSettings";
+import AutomationManager from "@/components/AutomationManager";
+
 export default {
   name: "FileBar",
   components: {
@@ -94,7 +103,8 @@ export default {
     AddSite,
     UpdateAgents,
     ScriptManager,
-    EditCoreSettings
+    EditCoreSettings,
+    AutomationManager
   },
   props: ["clients"],
   data() {
@@ -111,6 +121,9 @@ export default {
     },
     showScriptManager() {
       this.$store.commit("TOGGLE_SCRIPT_MANAGER", true);
+    },
+    showAutomationManager() {
+      this.$store.commit("TOGGLE_AUTOMATION_MANAGER", true);
     }
   }
 };
diff --git a/src/components/modals/alerts/AlertsOverview.vue b/src/components/modals/alerts/AlertsOverview.vue
new file mode 100644
index 0000000..1ede6f0
--- /dev/null
+++ b/src/components/modals/alerts/AlertsOverview.vue
@@ -0,0 +1,53 @@
+<template>
+  <q-card>
+    <q-bar>
+      Alerts Overview
+      <q-space />
+      <q-btn dense flat icon="close" v-close-popup>
+        <q-tooltip content-class="bg-white text-primary">Close</q-tooltip>
+      </q-btn>
+    </q-bar>
+    <q-separator />
+    <q-card-section>
+      All Alerts
+    </q-card-section>
+    <q-card-section>
+      <q-btn
+        label="Update"
+        color="primary"
+      />
+    </q-card-section>
+  </q-card>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  name: "AlertsOverview",
+  data() {
+    return {
+      alerts: [],
+    };
+  },
+  methods: {
+    getAlerts() {
+      this.$q.loading.show();
+      axios
+        .get("/alerts/")
+        .then(r => {
+          this.alerts = r.data.alerts
+        })
+        .catch(() => {
+          this.$q.loading.hide();
+          this.notifyError("Something went wrong");
+        });
+    },
+  },
+  computed: {
+
+  },
+  created() {
+    this.getAlerts();
+  }
+};
+</script>
diff --git a/src/components/modals/automation/AddPolicy.vue b/src/components/modals/automation/AddPolicy.vue
new file mode 100644
index 0000000..a444b37
--- /dev/null
+++ b/src/components/modals/automation/AddPolicy.vue
@@ -0,0 +1,66 @@
+<template>
+  <q-card style="width: 40vw">
+    <q-form @submit.prevent="addPolicy">
+      <q-card-section class="row items-center">
+        <div class="text-h6">Add Policy</div>
+        <q-space />
+        <q-btn icon="close" flat round dense v-close-popup />
+      </q-card-section>
+      <q-card-section class="row">
+        <div class="col-2">Name:</div>
+        <div class="col-10">
+          <q-input outlined dense v-model="name" :rules="[ val => !!val || '*Required']" />
+        </div>
+      </q-card-section>
+      <q-card-section class="row">
+        <div class="col-2">Description:</div>
+        <div class="col-10">
+          <q-input outlined dense v-model="desc" type="textarea" />
+        </div>
+      </q-card-section>
+      <q-card-section class="row items-center">
+        <q-btn label="Add" color="primary" type="submit" />
+      </q-card-section>
+    </q-form>
+  </q-card>
+</template>
+
+<script>
+import axios from "axios";
+import mixins from "@/mixins/mixins";
+export default {
+  name: "AddPolicy",
+  mixins: [mixins],
+  data() {
+    return {
+      name: "",
+      desc: ""
+    };
+  },
+  methods: {
+    addPolicy() {
+      if (!this.name) {
+        this.notifyError("Name is required!");
+        return false;
+      }
+
+      this.$q.loading.show();
+      let formData = new FormData();
+      formData.append("name", this.name);
+      formData.append("desc", this.desc);
+      axios
+        .post("/automation/policies/", formData)
+        .then(r => {
+          this.$q.loading.hide();
+          this.$emit("close");
+          this.$emit("added");
+          this.notifySuccess("Policy added! Edit the policy to add Checks!");
+        })
+        .catch(e => {
+          this.$q.loading.hide();
+          this.notifyError(e.response.data);
+        });
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/components/modals/automation/EditPolicy.vue b/src/components/modals/automation/EditPolicy.vue
new file mode 100644
index 0000000..8810fc2
--- /dev/null
+++ b/src/components/modals/automation/EditPolicy.vue
@@ -0,0 +1,79 @@
+<template>
+  <q-card style="width: 40vw">
+    <q-form @submit.prevent="editPolicy">
+      <q-card-section class="row items-center">
+        <div class="text-h6">Edit Policy</div>
+        <q-space />
+        <q-btn icon="close" flat round dense v-close-popup />
+      </q-card-section>
+      <q-card-section class="row">
+        <div class="col-2">Name:</div>
+        <div class="col-10">
+          <q-input outlined dense v-model="name" :rules="[ val => !!val || '*Required']" />
+        </div>
+      </q-card-section>
+      <q-card-section class="row">
+        <div class="col-2">Description:</div>
+        <div class="col-10">
+          <q-input outlined dense v-model="desc" type="textarea" />
+        </div>
+      </q-card-section>
+      <q-card-section class="row items-center">
+        <q-btn label="Edit" color="primary" type="submit" />
+      </q-card-section>
+    </q-form>
+  </q-card>
+</template>
+
+<script>
+import axios from "axios";
+import mixins from "@/mixins/mixins";
+
+export default {
+  name: "EditPolicy",
+  mixins: [mixins],
+  props: ["pk"],
+  data() {
+    return {
+      name: "",
+      desc: "",
+      associations: []
+    };
+  },
+  methods: {
+    getPolicy() {
+      axios.get(`/automation/policies/${this.pk}/`).then(r => {
+        this.name = r.data.name;
+        this.desc = r.data.desc;
+      })
+    },
+    editPolicy() {
+      if (!this.name) {
+        this.notifyError("Name is required!");
+        return false;
+      }
+
+      this.$q.loading.show();
+      let formData = new FormData();
+      
+      formData.append("name", this.name);
+      formData.append("desc", this.desc);
+
+      axios.put(`/automation/policies/${this.pk}/`, formData)
+        .then(r => {
+          this.$q.loading.hide();
+          this.$emit("close");
+          this.$emit("edited");
+          this.notifySuccess("Policy edited!");
+        })
+        .catch(e => {
+          this.$q.loading.hide();
+          this.notifyError(e.response.data);
+        });
+    }
+  },
+  created() {
+    this.getPolicy();
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/components/modals/automation/PolicyOverview.vue b/src/components/modals/automation/PolicyOverview.vue
new file mode 100644
index 0000000..3dfec97
--- /dev/null
+++ b/src/components/modals/automation/PolicyOverview.vue
@@ -0,0 +1,7 @@
+<template>
+  <div>Policy Overview</div>
+</template>
+
+<script>
+
+</script>
\ No newline at end of file
diff --git a/src/store/alerts.js b/src/store/alerts.js
new file mode 100644
index 0000000..d8d3e11
--- /dev/null
+++ b/src/store/alerts.js
@@ -0,0 +1,29 @@
+export default {
+  namespaced: true,
+  state: {
+    alerts: [],
+  },
+
+  getters:{
+    getAlerts(state) {
+      return state.alerts;
+    },
+    getUncheckedAlerts(state) {
+      //filter for non-dismissed active alerts
+    }
+  },
+
+  mutation: {
+    SET_ALERTS(state, alerts) {
+      state.alerts = alerts;
+    },
+  },
+
+  actions: {
+    getAlerts(context) {
+      axios.get(`/alerts/getAlerts/`).then(r => {
+        context.commit("SET_ALERTS", r.data);
+      });
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/store/store.js b/src/store/store.js
index 7f0c573..85475e6 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -4,12 +4,14 @@ import axios from "axios";
 import { Notify } from "quasar";
 import router from "../router";
 import logModule from "./logs";
+import alertsModule from "./alerts";
 
 Vue.use(Vuex);
 
 export const store = new Vuex.Store({
   modules: {
-    logs: logModule
+    logs: logModule,
+    alerts: alertsModule
   },
   state: {
     username: localStorage.getItem("user_name") || null,
@@ -25,7 +27,9 @@ export const store = new Vuex.Store({
     treeLoading: false,
     installedSoftware: [],
     scripts: [],
-    toggleScriptManager: false
+    toggleScriptManager: false,
+    policies: [],
+    toggleAutomationManager: false
   },
   getters: {
     loggedIn(state) {
@@ -55,9 +59,15 @@ export const store = new Vuex.Store({
     },
     scripts(state) {
       return state.scripts;
+    },
+    policies(state) {
+      return state.policies;
     }
   },
   mutations: {
+    TOGGLE_AUTOMATION_MANAGER(state, action) {
+      state.toggleAutomationManager = action;
+    },
     TOGGLE_SCRIPT_MANAGER(state, action) {
       state.toggleScriptManager = action;
     },
@@ -103,9 +113,17 @@ export const store = new Vuex.Store({
     },
     SET_SCRIPTS(state, scripts) {
       state.scripts = scripts;
+    },
+    SET_POLICIES(state, policies) {
+      state.policies = policies;
     }
   },
   actions: {
+    getPolicies(context) {
+      axios.get("/automation/policies/").then(r => {
+        context.commit("SET_POLICIES", r.data);
+      })
+    },
     getScripts(context) {
       axios.get("/checks/getscripts/").then(r => {
         context.commit("SET_SCRIPTS", r.data);
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index ba9629c..f54429a 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -6,6 +6,9 @@
         <q-toolbar-title>
           Tactical RMM
         </q-toolbar-title>
+
+        <AlertsIcon />
+
         <q-btn-dropdown flat no-caps stretch :label="user">
           <q-list>
             <q-item to="/logout" exact>
@@ -88,11 +91,13 @@ import { mapState, mapGetters } from 'vuex';
 import FileBar from "@/components/FileBar";
 import AgentTable from "@/components/AgentTable";
 import SubTableTabs from "@/components/SubTableTabs";
+import AlertsIcon from "@/components/AlertsIcon";
 export default {
   components: {
     FileBar,
     AgentTable,
-    SubTableTabs
+    SubTableTabs,
+    AlertsIcon
   },
   data() {
     return {
@@ -171,7 +176,7 @@ export default {
           sortable: true,
           align: "left"
         }
-      ]
+      ],
     };
   },
   methods: {
@@ -242,7 +247,7 @@ export default {
         //this.$store.commit("destroySubTable");
         this.$store.commit("AGENT_TABLE_LOADING", false);
       });
-    },
+    }
   },
   computed: {
     ...mapState({

From efef7020e484c2f8034ffc2a03f9af243dff7e21 Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Fri, 10 Apr 2020 01:10:49 +0000
Subject: [PATCH 2/5] add missing import

---
 src/components/modals/alerts/AlertsOverview.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/modals/alerts/AlertsOverview.vue b/src/components/modals/alerts/AlertsOverview.vue
index 1ede6f0..2eda780 100644
--- a/src/components/modals/alerts/AlertsOverview.vue
+++ b/src/components/modals/alerts/AlertsOverview.vue
@@ -22,8 +22,11 @@
 
 <script>
 import axios from "axios";
+import mixins from "@/mixins/mixins";
+
 export default {
   name: "AlertsOverview",
+  mixins: [mixins],
   data() {
     return {
       alerts: [],

From 3fb4bc4d35443635e6b3519cc2bf00e4bae229af Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Sat, 11 Apr 2020 07:26:19 +0000
Subject: [PATCH 3/5] update quasar

---
 package-lock.json | 12 ++++++------
 package.json      |  4 ++--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f6c620d..d8c985a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1073,9 +1073,9 @@
       "dev": true
     },
     "@quasar/extras": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.6.1.tgz",
-      "integrity": "sha512-nPHlBrtvbvlJAtdBcQ0aRuq55GxvO2NXljN/ClxCUfDuV7cO+HjoxP7jtY6w2GX7oG0iK2oxmBNomr8PurgyEA=="
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@quasar/extras/-/extras-1.6.4.tgz",
+      "integrity": "sha512-OfVlzQhrIo4XImyVARvje85bf8D/OOYprUYjRNypEED5v64xt4nrT0lsh2wivleh7hwE9x22jQCB3o4GMLWkvg=="
     },
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.7.1",
@@ -8469,9 +8469,9 @@
       "dev": true
     },
     "quasar": {
-      "version": "1.9.12",
-      "resolved": "https://registry.npmjs.org/quasar/-/quasar-1.9.12.tgz",
-      "integrity": "sha512-QU2NdR2V7sPcuewjT6dHD/hufQRq8XujfSZ10NwzzLK8+zA+7DSUDW61W703LXtBbrN6iNJSnYEorFoAl02ulQ=="
+      "version": "1.9.14",
+      "resolved": "https://registry.npmjs.org/quasar/-/quasar-1.9.14.tgz",
+      "integrity": "sha512-1ELBXtkoW6KALpYfel+s4ovvPwn7tILtP95NjGgD9znVbuY2gShONkku4ZGkEYKLoQY3yOgIGKd8CIjbjz2DxA=="
     },
     "query-string": {
       "version": "4.3.4",
diff --git a/package.json b/package.json
index 08888f8..853902f 100644
--- a/package.json
+++ b/package.json
@@ -7,10 +7,10 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
-    "@quasar/extras": "^1.6.1",
+    "@quasar/extras": "^1.6.3",
     "axios": "^0.19.2",
     "core-js": "^3.6.4",
-    "quasar": "^1.9.12",
+    "quasar": "^1.9.14",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
     "vuex": "^3.1.3"

From 5d0c7d37040634e740d2cbfd0bea5bf12755b25b Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Sat, 11 Apr 2020 08:29:56 +0000
Subject: [PATCH 4/5] cleanup some mixins UI

---
 src/components/AgentTable.vue | 30 +++++-----------------------
 src/components/Services.vue   | 37 +++++++----------------------------
 src/mixins/mixins.js          | 18 +++++++++++++----
 3 files changed, 26 insertions(+), 59 deletions(-)

diff --git a/src/components/AgentTable.vue b/src/components/AgentTable.vue
index 1c900e8..2416e06 100644
--- a/src/components/AgentTable.vue
+++ b/src/components/AgentTable.vue
@@ -363,27 +363,13 @@ export default {
             })
             .onOk(hostnameConfirm => {
               if (hostnameConfirm !== hostname) {
-                this.$q.notify({
-                  message: "ERROR: Please type the correct hostname",
-                  color: "red"
-                });
+                this.notifyError("ERROR: Please type the correct hostname");
               } else {
                 const data = { pk: pk };
                 axios
                   .delete("/agents/uninstallagent/", { data: data })
-                  .then(r => {
-                    this.$q.notify({
-                      message: `${hostname} will now be uninstalled!`,
-                      color: "green"
-                    });
-                  })
-                  .catch(e => {
-                    this.$q.notify({
-                      message: e.response.data.error,
-                      color: "info",
-                      timeout: 4000
-                    });
-                  });
+                  .then(r => this.notifySuccess(`${hostname} will now be uninstalled!`))
+                  .catch(e => this.notifyInfo(e.response.data.error));
               }
             });
         });
@@ -438,11 +424,7 @@ export default {
         })
         .catch(err => {
           this.loadingSendCMD = false;
-          this.$q.notify({
-            color: "red",
-            icon: "fas fa-times-circle",
-            message: err.response.data
-          });
+          this.notifyError(err.response.data);
         });
     },
     agentRowSelected(pk) {
@@ -469,9 +451,7 @@ export default {
             message: `Overdue ${category} alerts ${action} on ${r.data}`
           });
         })
-        .catch(e => {
-          console.log(e.response.data.error);
-        });
+        .catch(e => this.notifyError(e.response.data.error));
     },
     agentClass(status) {
       if (status === "offline") {
diff --git a/src/components/Services.vue b/src/components/Services.vue
index d9bd41e..7d7cb71 100644
--- a/src/components/Services.vue
+++ b/src/components/Services.vue
@@ -163,6 +163,7 @@
 
 <script>
 import axios from "axios";
+import mixins from "@/mixins/mixins";
 
 export default {
   name: "Services",
@@ -255,18 +256,10 @@ export default {
         .then(r => {
           this.serviceDetailsModal = false;
           this.refreshServices();
-          this.$q.notify({
-            color: "green",
-            icon: "fas fa-check-circle",
-            message: `Service ${name} was edited!`
-          });
+          this.notifySuccess(`Service ${name} was edited!`);
         })
         .catch(err => {
-          this.$q.notify({
-            color: "red",
-            icon: "fas fa-times-circle",
-            message: err.response.data.error
-          });
+          this.notifyError(err.response.data.error);
         });
     },
     startupTypeChanged() {
@@ -298,11 +291,7 @@ export default {
         .catch(err => {
           this.serviceDetailVisible = false;
           this.serviceDetailsModal = false;
-          this.$q.notify({
-            color: "red",
-            icon: "fas fa-times-circle",
-            message: err.response.data.error
-          });
+          this.notifyError(err.response.data.error);
         });
     },
     serviceAction(name, action, fullname) {
@@ -334,19 +323,11 @@ export default {
         .then(r => {
           this.refreshServices();
           this.serviceDetailsModal = false;
-          this.$q.notify({
-            color: "green",
-            icon: "fas fa-check-circle",
-            message: `Service ${fullname} was ${status}!`
-          });
+          this.notifySuccess(`Service ${fullname} was ${status}!`);
         })
         .catch(err => {
           this.$q.loading.hide();
-          this.$q.notify({
-            color: "red",
-            icon: "fas fa-times-circle",
-            message: err.response.data.error
-          });
+          this.notifyError(err.response.data.error);
         });
     },
     async getServices() {
@@ -367,11 +348,7 @@ export default {
         })
         .catch(err => {
           this.$q.loading.hide();
-          this.$q.notify({
-            color: "red",
-            icon: "fas fa-times-circle",
-            message: err.response.data.error
-          });
+          this.notifyError(err.response.data.error);
         });
     }
   },
diff --git a/src/mixins/mixins.js b/src/mixins/mixins.js
index 189ed26..2c951ad 100644
--- a/src/mixins/mixins.js
+++ b/src/mixins/mixins.js
@@ -27,15 +27,25 @@ export default {
     },
     notifySuccess(msg) {
       Notify.create({
-        color: "green",
-        icon: "fas fa-check-circle",
+        type: "positive",
         message: msg
       });
     },
     notifyError(msg) {
       Notify.create({
-        color: "red",
-        icon: "fas fa-times-circle",
+        type: "negative",
+        message: msg
+      });
+    },
+    notifyWarning(msg) {
+      Notify.create({
+        type: "warning",
+        message: msg
+      });
+    },
+    notifyInfo(msg) {
+      Notify.create({
+        type: "info",
         message: msg
       });
     }

From 860c6cf8561ecfa3f9b0c01c13430ef44da7a447 Mon Sep 17 00:00:00 2001
From: wh1te909 <dcparsi@gmail.com>
Date: Sun, 12 Apr 2020 20:55:33 +0000
Subject: [PATCH 5/5] basic implementation of automated tasks

---
 src/components/AgentTable.vue                 |   1 +
 src/components/AutomatedTasksTab.vue          | 235 ++++++++++++++++++
 src/components/ChecksTab.vue                  |   6 +-
 src/components/SoftwareTab.vue                |   3 +-
 src/components/SubTableTabs.vue               |   6 +
 .../modals/automation/AddAutomatedTask.vue    | 214 ++++++++++++++++
 src/router/index.js                           |  24 +-
 src/store/store.js                            |  14 +-
 src/views/Dashboard.vue                       |   1 +
 9 files changed, 482 insertions(+), 22 deletions(-)
 create mode 100644 src/components/AutomatedTasksTab.vue
 create mode 100644 src/components/modals/automation/AddAutomatedTask.vue

diff --git a/src/components/AgentTable.vue b/src/components/AgentTable.vue
index 2416e06..b2c0be8 100644
--- a/src/components/AgentTable.vue
+++ b/src/components/AgentTable.vue
@@ -431,6 +431,7 @@ export default {
       this.$store.commit("setActiveRow", pk);
       this.$store.dispatch("loadSummary", pk);
       this.$store.dispatch("loadChecks", pk);
+      this.$store.dispatch("loadAutomatedTasks", pk);
       this.$store.dispatch("loadWinUpdates", pk);
       this.$store.dispatch("loadInstalledSoftware", pk);
     },
diff --git a/src/components/AutomatedTasksTab.vue b/src/components/AutomatedTasksTab.vue
new file mode 100644
index 0000000..96e9da7
--- /dev/null
+++ b/src/components/AutomatedTasksTab.vue
@@ -0,0 +1,235 @@
+<template>
+  <div v-if="!this.selectedAgentPk">No agent selected</div>
+  <div v-else-if="Object.keys(automatedTasks).length === 0">No Tasks</div>
+  <div class="row" v-else>
+    <div class="col-12">
+      <q-btn size="sm" color="grey-5" icon="fas fa-plus" label="Add Task" text-color="black">
+        <q-menu>
+          <q-list dense style="min-width: 200px">
+            <q-item clickable v-close-popup @click="showAddAutomatedTask = true">
+              <q-item-section side>
+                <q-icon size="xs" name="fas fa-tasks" />
+              </q-item-section>
+              <q-item-section>Automated Task</q-item-section>
+            </q-item>
+          </q-list>
+        </q-menu>
+      </q-btn>
+      <q-btn dense flat push @click="refreshTasks(automatedTasks.pk)" icon="refresh" />
+      <template v-if="tasks === undefined || tasks.length === 0">
+        <p>No Tasks</p>
+      </template>
+      <template v-else>
+        <q-table
+          dense
+          class="autotasks-tbl-sticky"
+          :data="tasks"
+          :columns="columns"
+          :row-key="row => row.id"
+          binary-state-sort
+          :pagination.sync="pagination"
+          hide-bottom
+        >
+          <!-- header slots -->
+          <template v-slot:header-cell-enabled="props">
+            <q-th auto-width :props="props">
+              <small>Enabled</small>
+            </q-th>
+          </template>
+          <!-- body slots -->
+          <template slot="body" slot-scope="props" :props="props">
+            <q-tr @contextmenu="editTaskPk = props.row.id">
+              <!-- context menu -->
+              <q-menu context-menu>
+                <q-list dense style="min-width: 200px">
+                  <q-item clickable v-close-popup @click="runTask(props.row.id)">
+                    <q-item-section side>
+                      <q-icon name="play_arrow" />
+                    </q-item-section>
+                    <q-item-section>Run task now</q-item-section>
+                  </q-item>
+                  <q-item clickable v-close-popup @click="showEditAutomatedTask = true">
+                    <q-item-section side>
+                      <q-icon name="edit" />
+                    </q-item-section>
+                    <q-item-section>Edit</q-item-section>
+                  </q-item>
+                  <q-item clickable v-close-popup @click="deleteTask(props.row.name, props.row.id)">
+                    <q-item-section side>
+                      <q-icon name="delete" />
+                    </q-item-section>
+                    <q-item-section>Delete</q-item-section>
+                  </q-item>
+                  <q-separator></q-separator>
+                  <q-item clickable v-close-popup>
+                    <q-item-section>Close</q-item-section>
+                  </q-item>
+                </q-list>
+              </q-menu>
+              <!-- tds -->
+              <q-td>
+                <q-checkbox
+                  dense
+                  @input="taskEnableorDisable(props.row.id, props.row.enabled)"
+                  v-model="props.row.enabled"
+                />
+              </q-td>
+              <q-td>{{ props.row.name }}</q-td>
+              <q-td v-if="props.row.retcode || props.row.stdout || props.row.stderr">
+                <span
+                  style="cursor:pointer;color:blue;text-decoration:underline"
+                  @click="scriptMoreInfo(props.row)"
+                >output</span>
+              </q-td>
+              <q-td v-else>Awaiting output</q-td>
+              <q-td v-if="props.row.last_run">{{ props.row.last_run }}</q-td>
+              <q-td v-else>Has not run yet</q-td>
+              <q-td>{{ props.row.schedule }}</q-td>
+              <q-td>{{ props.row.assigned_check }}</q-td>
+            </q-tr>
+          </template>
+        </q-table>
+      </template>
+    </div>
+    <!-- modals -->
+    <q-dialog v-model="showAddAutomatedTask" position="top">
+      <AddAutomatedTask @close="showAddAutomatedTask = false" />
+    </q-dialog>
+
+    <q-dialog v-model="showScriptOutput">
+      <ScriptOutput @close="showScriptOutput = false; scriptInfo = {}" :scriptInfo="scriptInfo" />
+    </q-dialog>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { mapState } from "vuex";
+import { mapGetters } from "vuex";
+import mixins from "@/mixins/mixins";
+import AddAutomatedTask from "@/components/modals/automation/AddAutomatedTask";
+import ScriptOutput from "@/components/modals/checks/ScriptOutput";
+
+export default {
+  name: "AutomatedTasksTab",
+  components: { AddAutomatedTask, ScriptOutput },
+  mixins: [mixins],
+  data() {
+    return {
+      showAddAutomatedTask: false,
+      showEditAutomatedTask: false,
+      showScriptOutput: false,
+      editTaskPk: null,
+      showScriptOutput: false,
+      scriptInfo: {},
+      columns: [
+        { name: "enabled", align: "left", field: "enabled" },
+        { name: "name", label: "Name", field: "name", align: "left" },
+        {
+          name: "moreinfo",
+          label: "More Info",
+          field: "more_info",
+          align: "left"
+        },
+        {
+          name: "datetime",
+          label: "Last Run Time",
+          field: "last_run",
+          align: "left"
+        },
+        {
+          name: "schedule",
+          label: "Schedule",
+          field: "schedule",
+          align: "left"
+        },
+        {
+          name: "assignedcheck",
+          label: "Assigned Check",
+          field: "assigned_check",
+          align: "left"
+        }
+      ],
+      pagination: {
+        rowsPerPage: 9999
+      }
+    };
+  },
+  methods: {
+    taskEnableorDisable(pk, action) {
+      const data = { enableordisable: action };
+      axios
+        .patch(`/automation/${pk}/automatedtasks/`, data)
+        .then(r => {
+          this.$store.dispatch("loadAutomatedTasks", this.automatedTasks.pk);
+          this.notifySuccess(r.data);
+        })
+        .catch(e => this.notifyError("Something went wrong"));
+    },
+    refreshTasks(id) {
+      this.$store.dispatch("loadAutomatedTasks", id);
+    },
+    scriptMoreInfo(props) {
+      this.scriptInfo = props;
+      this.showScriptOutput = true;
+    },
+    runTask(pk) {
+      axios
+        .get(`/automation/runwintask/${pk}/`)
+        .then(r => this.notifySuccess(r.data))
+        .catch(() => this.notifyError("Something went wrong"));
+    },
+    deleteTask(name, pk) {
+      this.$q
+        .dialog({
+          title: "Are you sure?",
+          message: `Delete ${name} task`,
+          cancel: true,
+          persistent: true
+        })
+        .onOk(() => {
+          axios
+            .delete(`/automation/${pk}/automatedtasks/`)
+            .then(r => {
+              this.$store.dispatch(
+                "loadAutomatedTasks",
+                this.automatedTasks.pk
+              );
+              this.$store.dispatch("loadChecks", this.automatedTasks.pk);
+              this.notifySuccess(r.data);
+            })
+            .catch(e => this.notifyError("Something went wrong"));
+        });
+    }
+  },
+  computed: {
+    ...mapGetters(["selectedAgentPk"]),
+    ...mapState({
+      automatedTasks: state => state.automatedTasks
+    }),
+    tasks() {
+      return this.automatedTasks.autotasks;
+    }
+  }
+};
+</script>
+
+<style lang="stylus">
+.autotasks-tbl-sticky {
+  .q-table__middle {
+    max-height: 25vh;
+  }
+
+  .q-table__top, .q-table__bottom, thead tr:first-child th {
+    background-color: #f5f4f2;
+  }
+
+  thead tr:first-child th {
+    position: sticky;
+    top: 0;
+    opacity: 1;
+    z-index: 1;
+  }
+}
+</style>
+
diff --git a/src/components/ChecksTab.vue b/src/components/ChecksTab.vue
index 80367c6..19af94e 100644
--- a/src/components/ChecksTab.vue
+++ b/src/components/ChecksTab.vue
@@ -166,6 +166,7 @@
               </q-td>
               <q-td v-else>{{ props.row.more_info }}</q-td>
               <q-td>{{ props.row.last_run }}</q-td>
+              <q-td>{{ props.row.assigned_task }}</q-td>
             </q-tr>
           </template>
         </q-table>
@@ -311,7 +312,8 @@ export default {
           label: "Date / Time",
           field: "last_run",
           align: "left"
-        }
+        },
+        { name: "assignedtasks", label: "Assigned Tasks", field: "assigned_task", align: "left" },
       ],
       pagination: {
         rowsPerPage: 9999
@@ -338,6 +340,7 @@ export default {
     },
     onRefresh(id) {
       this.$store.dispatch("loadChecks", id);
+      this.$store.dispatch("loadAutomatedTasks", id);
     },
     moreInfo(name, output) {
       this.$q.dialog({
@@ -390,6 +393,7 @@ export default {
             .delete("checks/deletestandardcheck/", { data: data })
             .then(r => {
               this.$store.dispatch("loadChecks", this.checks.pk);
+              this.$store.dispatch("loadAutomatedTasks", this.checks.pk);
               this.notifySuccess("Check was deleted!");
             })
             .catch(e => this.notifyError(e.response.data.error));
diff --git a/src/components/SoftwareTab.vue b/src/components/SoftwareTab.vue
index 9b8ee52..fd51947 100644
--- a/src/components/SoftwareTab.vue
+++ b/src/components/SoftwareTab.vue
@@ -1,5 +1,6 @@
 <template>
-  <div v-if="!Array.isArray(software) || !software.length">No software</div>
+  <div v-if="!this.selectedAgentPk">No agent selected</div>
+  <div v-else-if="!Array.isArray(software) || !software.length">No software</div>
   <div v-else>
     <q-btn
       size="sm"
diff --git a/src/components/SubTableTabs.vue b/src/components/SubTableTabs.vue
index 0a76fac..306f3de 100644
--- a/src/components/SubTableTabs.vue
+++ b/src/components/SubTableTabs.vue
@@ -13,6 +13,7 @@
         >
             <q-tab name="summary" icon="fas fa-info-circle" size="xs" label="Summary" />
             <q-tab name="checks" icon="fas fa-check-double" label="Checks" />
+            <q-tab name="tasks" icon="fas fa-tasks" label="Tasks" />
             <q-tab name="patches" icon="system_update" label="Patches" />
             <q-tab name="software" icon="fab fa-windows" label="Software" />
         </q-tabs>
@@ -24,6 +25,9 @@
             <q-tab-panel name="checks">
                 <ChecksTab />
             </q-tab-panel>
+            <q-tab-panel name="tasks">
+                <AutomatedTasksTab />
+            </q-tab-panel>
             <q-tab-panel name="patches">
                 <WindowsUpdates />
             </q-tab-panel>
@@ -37,6 +41,7 @@
 <script>
 import SummaryTab from '@/components/SummaryTab';
 import ChecksTab from '@/components/ChecksTab';
+import AutomatedTasksTab from '@/components/AutomatedTasksTab';
 import WindowsUpdates from '@/components/WindowsUpdates';
 import SoftwareTab from '@/components/SoftwareTab';
 export default {
@@ -44,6 +49,7 @@ export default {
   components: {
       SummaryTab,
       ChecksTab,
+      AutomatedTasksTab,
       WindowsUpdates,
       SoftwareTab,
   },
diff --git a/src/components/modals/automation/AddAutomatedTask.vue b/src/components/modals/automation/AddAutomatedTask.vue
new file mode 100644
index 0000000..fe46684
--- /dev/null
+++ b/src/components/modals/automation/AddAutomatedTask.vue
@@ -0,0 +1,214 @@
+<template>
+  <q-card v-if="scripts.length === 0" class="q-pa-xs" style="min-width: 400px">
+    <q-card-section class="row items-center">
+      <div class="text-h6">Add Automated Task</div>
+      <q-space />
+      <q-btn icon="close" flat round dense v-close-popup />
+    </q-card-section>
+    <q-card-section>
+      <p>You need to upload a script/task first</p>
+      <p>Settings -> Script Manager</p>
+    </q-card-section>
+  </q-card>
+  <q-card v-else class="q-pa-xs" style="min-width: 550px">
+    <q-card-section class="row items-center">
+      <div class="text-h6">Add Automated Task</div>
+      <q-space />
+      <q-btn icon="close" flat round dense v-close-popup />
+    </q-card-section>
+    <q-stepper v-model="step" ref="stepper" color="primary" animated>
+      <q-step :name="1" title="Select Task" :done="step1Done" :error="!step1Done">
+        <q-card-section>
+          <q-select
+            :rules="[val => !!val || '*Required']"
+            dense
+            outlined
+            v-model="scriptPk"
+            :options="scriptOptions"
+            label="Select task"
+            map-options
+            emit-value
+          />
+        </q-card-section>
+        <q-card-section>
+          <q-input
+            :rules="[val => !!val || '*Required']"
+            outlined
+            dense
+            v-model="taskName"
+            label="Descriptive name of task"
+          />
+        </q-card-section>
+      </q-step>
+
+      <q-step :name="2" title="Choose Schedule" :done="step2Done" :error="!step2Done">
+        <q-radio v-model="trigger" val="daily" label="Scheduled" />
+        <q-radio v-model="trigger" val="checkfailure" label="On check failure" />
+        <q-radio v-model="trigger" val="manual" label="Manual" />
+        <div v-if="trigger === 'daily'" class="row q-pa-lg">
+          <div class="col-3">
+            Run on Days:
+            <q-option-group :options="dayOptions" label="Days" type="checkbox" v-model="days" />
+          </div>
+          <div class="col-2"></div>
+          <div class="col-6">
+            At time:
+            <q-time v-model="time" />
+          </div>
+          <div class="col-1"></div>
+        </div>
+        <div v-else-if="trigger === 'checkfailure'" class="q-pa-lg">
+          When Check Fails:
+          <q-select
+            :rules="[val => !!val || '*Required']"
+            dense
+            outlined
+            v-model="assignedCheck"
+            :options="checksOptions"
+            label="Select Check"
+            map-options
+            emit-value
+          />
+        </div>
+      </q-step>
+
+      <template v-slot:navigation>
+        <q-stepper-navigation>
+          <q-btn
+            v-if="step === 2"
+            :disable="!step1Done || !step2Done"
+            color="primary"
+            @click="addTask"
+            label="Add Task"
+          />
+          <q-btn v-else @click="$refs.stepper.next()" color="primary" label="Next" />
+          <q-btn
+            v-if="step > 1"
+            flat
+            color="primary"
+            @click="$refs.stepper.previous()"
+            label="Back"
+            class="q-ml-sm"
+          />
+        </q-stepper-navigation>
+      </template>
+    </q-stepper>
+  </q-card>
+</template>
+
+<script>
+import axios from "axios";
+import { mapState } from "vuex";
+import { mapGetters } from "vuex";
+import mixins from "@/mixins/mixins";
+
+export default {
+  name: "AddAutomatedTask",
+  mixins: [mixins],
+  data() {
+    return {
+      step: 1,
+      trigger: "daily",
+      time: null,
+      taskName: null,
+      scriptPk: null,
+      assignedCheck: null,
+      days: [],
+      dayOptions: [
+        { label: "Monday", value: 0 },
+        { label: "Tuesday", value: 1 },
+        { label: "Wednesday", value: 2 },
+        { label: "Thursday", value: 3 },
+        { label: "Friday", value: 4 },
+        { label: "Saturday", value: 5 },
+        { label: "Sunday", value: 6 }
+      ]
+    };
+  },
+  methods: {
+    addTask() {
+      if (!this.step1Done || !this.step2Done) {
+        this.notifyError("Some steps incomplete");
+      } else {
+        const data = {
+          agent: this.selectedAgentPk,
+          name: this.taskName,
+          script: this.scriptPk,
+          trigger: this.trigger,
+          check: this.assignedCheck,
+          time: this.time,
+          days: this.days
+        };
+        axios
+          .post(`/automation/${this.selectedAgentPk}/automatedtasks/`, data)
+          .then(r => {
+            this.$emit("close");
+            this.$store.dispatch("loadAutomatedTasks", this.selectedAgentPk);
+            this.$store.dispatch("loadChecks", this.selectedAgentPk);
+            this.notifySuccess(r.data);
+          })
+          .catch(e => this.notifyError(e.response.data));
+      }
+    },
+    getScripts() {
+      this.$store.dispatch("getScripts");
+    }
+  },
+  computed: {
+    ...mapGetters(["selectedAgentPk", "scripts"]),
+    ...mapState({
+      checks: state => state.agentChecks
+    }),
+    allChecks() {
+      return [
+        ...this.checks.diskchecks,
+        ...this.checks.cpuloadchecks,
+        ...this.checks.memchecks,
+        ...this.checks.scriptchecks,
+        ...this.checks.winservicechecks,
+        ...this.checks.pingchecks
+      ];
+    },
+    checksOptions() {
+      const r = [];
+      this.allChecks.forEach(k => {
+        // some checks may have the same primary key so add the check type to make them unique
+        r.push({ label: k.readable_desc, value: `${k.id}|${k.check_type}` });
+      });
+      return r;
+    },
+    scriptOptions() {
+      const r = [];
+      this.scripts.forEach(k => {
+        r.push({ label: k.name, value: k.id });
+      });
+      return r;
+    },
+    step1Done() {
+      return this.step > 1 && this.scriptPk !== null && this.taskName !== null
+        ? true
+        : false;
+    },
+    step2Done() {
+      if (this.trigger === "daily") {
+        return this.days !== null &&
+          this.days.length !== 0 &&
+          this.time !== null
+          ? true
+          : false;
+      } else if (this.trigger === "checkfailure") {
+        return this.assignedCheck !== null && this.assignedCheck.length !== 0
+          ? true
+          : false;
+      } else if (this.trigger === "manual") {
+        return true;
+      } else {
+        return false;
+      }
+    }
+  },
+  created() {
+    this.getScripts();
+  }
+};
+</script>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 58b78cb..020791e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,13 +1,5 @@
 import Vue from "vue";
 import Router from "vue-router";
-import Dashboard from "@/views/Dashboard";
-import Login from "@/views/Login";
-import Logout from "@/views/Logout";
-import SessionExpired from "@/views/SessionExpired";
-import NotFound from "@/views/NotFound";
-import TakeControl from "@/views/TakeControl";
-import InitialSetup from "@/views/InitialSetup";
-import RemoteBackground from "@/views/RemoteBackground";
 
 Vue.use(Router);
 
@@ -18,7 +10,7 @@ export default new Router({
     {
       path: "/",
       name: "Dashboard",
-      component: Dashboard,
+      component: () => import ("@/views/Dashboard"),
       meta: {
         requireAuth: true
       }
@@ -26,7 +18,7 @@ export default new Router({
     {
       path: "/setup",
       name: "InitialSetup",
-      component: InitialSetup,
+      component: () => import ("@/views/InitialSetup"),
       meta: {
         requireAuth: true
       }
@@ -34,7 +26,7 @@ export default new Router({
     {
       path: "/takecontrol/:pk",
       name: "TakeControl",
-      component: TakeControl,
+      component: () => import ("@/views/TakeControl"),
       meta: {
         requireAuth: true
       }
@@ -42,7 +34,7 @@ export default new Router({
     {
       path: "/remotebackground/:pk",
       name: "RemoteBackground",
-      component: RemoteBackground,
+      component: () => import ("@/views/RemoteBackground"),
       meta: {
         requireAuth: true
       }
@@ -50,7 +42,7 @@ export default new Router({
     {
       path: "/login",
       name: "Login",
-      component: Login,
+      component: () => import ("@/views/Login"),
       meta: {
         requiresVisitor: true
       }
@@ -58,16 +50,16 @@ export default new Router({
     {
       path: "/logout",
       name: "Logout",
-      component: Logout
+      component: () => import ("@/views/Logout")
     },
     {
       path: "/expired",
       name: "SessionExpired",
-      component: SessionExpired,
+      component: () => import ("@/views/SessionExpired"),
       meta: {
         requireAuth: true
       }
     },
-    { path: "*", component: NotFound }
+    { path: "*", component: () => import ("@/views/NotFound") }
   ]
 });
diff --git a/src/store/store.js b/src/store/store.js
index 85475e6..c1953a0 100644
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -23,6 +23,7 @@ export const store = new Vuex.Store({
     agentSummary: {},
     winUpdates: {},
     agentChecks: {},
+    automatedTasks: {},
     agentTableLoading: false,
     treeLoading: false,
     installedSoftware: [],
@@ -104,6 +105,9 @@ export const store = new Vuex.Store({
     setChecks(state, checks) {
       state.agentChecks = checks;
     },
+    SET_AUTOMATED_TASKS(state, tasks) {
+      state.automatedTasks = tasks;
+    },
     destroySubTable(state) {
       (state.agentSummary = {}),
         (state.agentChecks = {}),
@@ -124,6 +128,11 @@ export const store = new Vuex.Store({
         context.commit("SET_POLICIES", r.data);
       })
     },
+    loadAutomatedTasks(context, pk) {
+      axios.get(`/automation/${pk}/automatedtasks/`).then(r => {
+        context.commit("SET_AUTOMATED_TASKS", r.data);
+      })
+    },
     getScripts(context) {
       axios.get("/checks/getscripts/").then(r => {
         context.commit("SET_SCRIPTS", r.data);
@@ -211,11 +220,8 @@ export const store = new Vuex.Store({
           })
           .catch(error => {
             Notify.create({
-              color: "red",
-              position: "top",
+              type: "negative",
               timeout: 1000,
-              textColor: "white",
-              icon: "fas fa-times-circle",
               message: "Bad token"
             });
             reject(error);
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index f54429a..57b360d 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -193,6 +193,7 @@ export default {
         const pk = this.selectedAgentPk;
         this.$store.dispatch("loadSummary", pk);
         this.$store.dispatch("loadChecks", pk);
+        this.$store.dispatch("loadAutomatedTasks", pk);
         this.$store.dispatch("loadWinUpdates", pk);
         this.$store.dispatch("loadInstalledSoftware", pk);
       }