Release 0.101.55

Author: wh1te909

.github/workflows/build-release.yml

@@ -15,7 +15,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: "20.18.0"
+          node-version: "20.19.1"
 
       - run: touch env-config.js
 

.github/workflows/frontend-linting.yml

@@ -13,7 +13,7 @@ jobs:
 
       - uses: actions/setup-node@v4
         with:
-          node-version: "20.18.0"
+          node-version: "20.19.1"
       - run: npm install
 
       - name: Run Prettier formatting

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.101.54",
+  "version": "0.101.55",
   "private": true,
   "productName": "Tactical RMM",
   "scripts": {
@@ -14,8 +14,11 @@
     "@vueuse/core": "11.2.0",
     "@vueuse/integrations": "11.2.0",
     "@vueuse/shared": "11.2.0",
+    "@xterm/addon-fit": "0.10.0",
+    "@xterm/xterm": "5.5.0",
     "apexcharts": "3.54.1",
     "axios": "1.8.4",
+    "dompurify": "3.2.5",
     "dotenv": "16.4.5",
     "monaco-editor": "0.50.0",
     "pinia": "2.2.6",
@@ -26,8 +29,6 @@
     "vue3-apexcharts": "1.7.0",
     "vuedraggable": "4.1.0",
     "vuex": "4.1.0",
-    "@xterm/xterm": "5.5.0",
-    "@xterm/addon-fit": "0.10.0",
     "yaml": "2.6.0"
   },
   "devDependencies": {

package.json

@@ -275,6 +275,8 @@ import SendCommand from "@/components/modals/agents/SendCommand.vue";
 import RunScript from "@/components/modals/agents/RunScript.vue";
 import IntegrationsContextMenu from "@/components/ui/IntegrationsContextMenu.vue";
 
+import DOMPurify from "dompurify";
+
 export default {
   name: "AgentActionMenu",
   components: {
@@ -482,8 +484,9 @@ export default {
     }
 
     function shutdown(agent) {
+      const clean = DOMPurify.sanitize(agent.hostname);
       $q.dialog({
-        title: `Please type <code style="color:red">yes</code> in the box below to confirm shutdown of <span style="color:red">${agent.hostname}</span>.`,
+        title: `Please type <code style="color:red">yes</code> in the box below to confirm shutdown of <span style="color:red">${clean}</span>.`,
         prompt: {
           model: "",
           type: "text",
@@ -556,8 +559,9 @@ export default {
     }
 
     function deleteAgent(agent) {
+      const clean = DOMPurify.sanitize(agent.hostname);
       $q.dialog({
-        title: `Please type <code style="color:red">yes</code> in the box below to confirm deletion of <span style="color:red">${agent.hostname}</span>.`,
+        title: `Please type <code style="color:red">yes</code> in the box below to confirm deletion of <span style="color:red">${clean}</span>.`,
         prompt: {
           model: "",
           type: "text",

src/components/agents/AgentActionMenu.vue

@@ -498,17 +498,24 @@ export default {
         return;
       }
 
-      loading.value = true;
-      try {
-        const result = await runTask(
-          task.id,
-          task.policy ? { agent_id: selectedAgent.value } : {},
-        );
-        notifySuccess(result);
-      } catch (e) {
-        console.error(e);
-      }
-      loading.value = false;
+      $q.dialog({
+        title: "Are you sure?",
+        message: `Run ${task.name} task`,
+        cancel: true,
+        persistent: true,
+      }).onOk(async () => {
+        loading.value = true;
+        try {
+          const result = await runTask(
+            task.id,
+            task.policy ? { agent_id: selectedAgent.value } : {},
+          );
+          notifySuccess(result);
+        } catch (e) {
+          console.error(e);
+        }
+        loading.value = false;
+      });
     }
 
     function showAddTask() {

src/components/agents/AutomatedTasksTab.vue

@@ -451,6 +451,7 @@ import ScriptCheck from "@/components/checks/ScriptCheck.vue";
 import ScriptOutput from "@/components/checks/ScriptOutput.vue";
 import EventLogCheckOutput from "@/components/checks/EventLogCheckOutput.vue";
 import CheckGraph from "@/components/graphs/CheckGraph.vue";
+import PreDialog from "@/components/ui/PreDialog.vue";
 
 // static data
 const columns = [
@@ -682,10 +683,12 @@ export default {
 
     function showPingInfo(check) {
       $q.dialog({
-        title: check.readable_desc,
-        style: "width: 50vw; max-width: 60vw",
-        message: `<pre>${check.check_result.more_info}</pre>`,
-        html: true,
+        component: PreDialog,
+        componentProps: {
+          title: check.readable_desc,
+          dialogStyle: "width: 50vw; max-width: 60vw",
+          message: check.check_result.more_info,
+        },
       });
     }
 

src/components/agents/ChecksTab.vue

@@ -74,6 +74,7 @@ import { fetchAgentHistory } from "@/api/agents";
 // ui imports
 import ScriptOutput from "@/components/checks/ScriptOutput.vue";
 import ExportTableBtn from "@/components/ui/ExportTableBtn.vue";
+import PreDialog from "@/components/ui/PreDialog.vue";
 
 // static data
 const columns = [
@@ -173,10 +174,12 @@ export default {
 
     function showCommandOutput(title, output) {
       $q.dialog({
-        title: title,
-        style: "width: 70vw; max-width: 80vw",
-        message: `<pre>${output}</pre>`,
-        html: true,
+        component: PreDialog,
+        componentProps: {
+          title: title,
+          dialogStyle: "width: 70vw; max-width: 80vw",
+          message: output,
+        },
       });
     }
 

src/components/agents/HistoryTab.vue

@@ -202,6 +202,7 @@ import { truncateText } from "@/utils/format";
 
 // ui imports
 import ExportTableBtn from "@/components/ui/ExportTableBtn.vue";
+import WinUpdateDialog from "@/components/ui/WinUpdateDialog.vue";
 
 // static data
 const columns = [
@@ -317,21 +318,15 @@ export default {
     }
 
     function showUpdateDetails(update) {
-      const color = $q.dark.isActive ? "white" : "";
-      let support_urls = "";
-      update.more_info_urls.forEach((u) => {
-        support_urls += `<a style='color: ${color}' href='${u}' target='_blank'>${u}</a><br/>`;
-      });
-      let cats = update.categories.join(", ");
       $q.dialog({
-        title: update.title,
-        message:
-          `<b>Categories:</b> ${cats}<br/><br/>` +
-          "<b>Description</b><br/>" +
-          update.description.split(". ").join(".<br />") +
-          `<br/><br/><b>Support Urls</b><br/>${support_urls}`,
-        html: true,
-        fullWidth: true,
+        component: WinUpdateDialog,
+        componentProps: {
+          title: update.title,
+          dialogStyle: { width: "80vw", maxWidth: "85vw" },
+          categories: update.categories,
+          description: update.description,
+          supportUrls: update.more_info_urls,
+        },
       });
     }
 

src/components/agents/WinUpdateTab.vue

@@ -105,6 +105,7 @@ import { truncateText } from "@/utils/format";
 
 // ui imports
 import ExportTableBtn from "@/components/ui/ExportTableBtn.vue";
+import PreDialog from "@/components/ui/PreDialog.vue";
 
 // static data
 const columns = [
@@ -170,16 +171,18 @@ export default {
       events.value = await fetchAgentEventLog(
         props.agent_id,
         logType.value,
-        days.value
+        days.value,
       );
       loading.value = false;
     }
 
     function showEventMessage(message) {
       $q.dialog({
-        message: `<pre>${message}</pre>`,
-        html: true,
-        fullWidth: true,
+        component: PreDialog,
+        componentProps: {
+          dialogStyle: "width: 85vw; max-width: 90vw",
+          message: message,
+        },
       });
     }