bump dev ver

Add custom fields to summary view

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.101.12-dev",
+  "version": "0.101.17-dev",
   "private": true,
   "productName": "Tactical RMM",
   "scripts": {
@@ -10,13 +10,13 @@
     "format": "prettier --write \"**/*.{js,ts,vue,,html,md,json}\" --ignore-path .gitignore"
   },
   "dependencies": {
-    "@quasar/extras": "1.15.9",
-    "apexcharts": "3.36.3",
-    "axios": "0.27.2",
+    "@quasar/extras": "1.16.2",
+    "apexcharts": "3.37.3",
+    "axios": "1.3.5",
     "dotenv": "16.0.3",
-    "qrcode.vue": "3.3.3",
-    "quasar": "2.11.5",
-    "vue": "3.2.45",
+    "qrcode.vue": "3.3.4",
+    "quasar": "2.11.10",
+    "vue": "3.2.47",
     "vue3-ace-editor": "2.2.2",
     "vue3-apexcharts": "1.4.1",
     "vuedraggable": "4.1.0",
@@ -24,17 +24,17 @@
     "vuex": "4.1.0"
   },
   "devDependencies": {
-    "@quasar/cli": "^1.4.0",
-    "@intlify/vite-plugin-vue-i18n": "^6.0.3",
-    "@quasar/app-vite": "^1.2.0",
-    "@types/node": "^18.11.18",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
-    "autoprefixer": "10.4.13",
-    "eslint": "8.32.0",
-    "eslint-config-prettier": "8.6.0",
+    "@quasar/cli": "^2.0.0",
+    "@intlify/unplugin-vue-i18n": "^0.10.0",
+    "@quasar/app-vite": "^1.2.1",
+    "@types/node": "^18.15.11",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "autoprefixer": "10.4.14",
+    "eslint": "8.37.0",
+    "eslint-config-prettier": "8.8.0",
     "eslint-plugin-vue": "8.7.1",
-    "prettier": "2.8.3",
-    "typescript": "4.9.4"
+    "prettier": "2.8.7",
+    "typescript": "5.0.4"
   }
 }

src/components/AgentTable.vue

@@ -373,17 +373,12 @@ export default {
         "local_ips",
         "make_model",
         "physical_disks",
+        "custom_fields"
       ];
-
       // quasar filter only does visible columns so this is a hack to add hidden columns we want to filter
-      for (const elem of hiddenFields) {
-        if (!cols.find((o) => o.name === elem)) {
-          cols.push({
-            name: elem,
-            field: elem,
-          });
-        }
-      }
+      // originally I was modifying cols directly but this led to phantom colum so doing it this way now
+      // https://github.com/amidaware/tacticalrmm/issues/1264
+      const allColumns = [...cols, ...hiddenFields.map((field) => ({ field }))];
 
       const lowerTerms = terms ? terms.toLowerCase() : "";
       let advancedFilter = false;
@@ -437,8 +432,12 @@ export default {
         }
 
         // Normal text filter
-        return cols.some((col) => {
-          const val = cellValue(col, row) + "";
+        return allColumns.some((col) => {
+          let valObj = cellValue(col, row);
+          if (Array.isArray(valObj)) {
+            valObj = valObj.map((item) => item.value ? item.value : item);
+          }
+          const val = valObj + "";
           const haystack =
             val === "undefined" || val === "null" ? "" : val.toLowerCase();
           return haystack.indexOf(search) !== -1;

src/components/agents/NotesTab.vue

@@ -166,7 +166,7 @@ export default {
           type: "textarea",
           isValid: (val) => !!val,
         },
-        style: "width: 30vw; max-width: 50vw;",
+        style: "width: 90vw; max-width: 90vw",
         ok: { label: "Add" },
         cancel: true,
       }).onOk(async () => {
@@ -193,7 +193,7 @@ export default {
           type: "textarea",
           isValid: (val) => !!val,
         },
-        style: "width: 30vw; max-width: 50vw;",
+        style: "width: 90vw; max-width: 90vw",
         ok: { label: "Save" },
         cancel: true,
       }).onOk(async (data) => {

src/components/agents/SummaryTab.vue

@@ -158,6 +158,20 @@
           >
         </div>
         <div v-else>No checks</div>
+
+        <span
+          v-if="customFields.length > 0"
+          class="text-subtitle2 text-bold block q-mt-xl"
+          >Custom Fields</span
+        >
+        <q-list dense>
+          <q-item v-for="(field, i) in customFields" :key="field + i">
+            <q-item-section thumbnail>
+              <q-icon name="fas fa-user" size="xs" />
+            </q-item-section>
+            <q-item-section>{{ field.name }}: {{ field.value }}</q-item-section>
+          </q-item>
+        </q-list>
       </div>
       <div class="col-1"></div>
       <!-- right -->
@@ -193,6 +207,7 @@ import {
   openAgentWindow,
 } from "@/api/agents";
 import { notifySuccess } from "@/utils/notify";
+import { fetchCustomFields } from "@/api/core";
 
 // ui imports
 import AgentActionMenu from "@/components/agents/AgentActionMenu.vue";
@@ -210,6 +225,7 @@ export default {
 
     // summary tab logic
     const summary = ref(null);
+    const customFieldsDefinitions = ref(null);
     const loading = ref(false);
 
     function diskBarColor(percent) {
@@ -236,9 +252,37 @@ export default {
       return ret;
     });
 
+    const customFields = computed(() => {
+      if (!summary.value.custom_fields) {
+        return [];
+      }
+      if (!customFieldsDefinitions.value) {
+        return [];
+      }
+      const ret = [];
+      for (const customField of summary.value.custom_fields) {
+        const definition = customFieldsDefinitions.value.find(
+          (def) => def.id === customField.field
+        );
+        if (
+          definition &&
+          !definition.hide_in_ui &&
+          customField.value?.length > 0
+        ) {
+          ret.push({
+            name: definition.name,
+            value: customField.value,
+          });
+        }
+      }
+
+      return ret;
+    });
+
     async function getSummary() {
       loading.value = true;
       summary.value = await fetchAgent(selectedAgent.value);
+      customFieldsDefinitions.value = await fetchCustomFields();
       store.commit("setRefreshSummaryTab", false);
       store.commit("setAgentPlatform", summary.value.plat);
       loading.value = false;
@@ -277,6 +321,7 @@ export default {
     return {
       // reactive data
       summary,
+      customFields,
       loading,
       selectedAgent,
       disks,

src/views/DashboardView.vue

@@ -173,6 +173,18 @@
                         </q-menu>
                       </q-item>
 
+                      <!-- Bulk Run Checks -->
+                      <q-item
+                        clickable
+                        v-close-popup
+                        @click="runChecks(props.node)"
+                      >
+                        <q-item-section side>
+                          <q-icon name="fas fa-check-double" />
+                        </q-item-section>
+                        <q-item-section>Run Checks</q-item-section>
+                      </q-item>
+
                       <q-separator></q-separator>
 
                       <q-item clickable v-close-popup>
@@ -440,7 +452,7 @@ export default {
       showInstallAgentModal: false,
       sitePk: null,
       innerModel: (this.$q.screen.height - 82) / 2,
-      search: "",
+      search: (this.$route.query.search ? this.$route.query.search : ""),
       filterTextLength: 0,
       filterAvailability: "all",
       filterPatchesPending: false,
@@ -690,6 +702,17 @@ export default {
         })
         .onOk(() => this.$store.dispatch("refreshDashboard"));
     },
+    runChecks(node) {
+      const target = node.children ? "client" : "site";
+      this.$axios
+        .post(`/checks/${target}/${node.id}/csbulkrun/`)
+        .then((r) => {
+          this.notifySuccess(r.data);
+        })
+        .catch((e) => {
+          console.error(e);
+        });
+    },
     showToggleMaintenance(node) {
       let data = {
         id: node.id,