Release 0.101.47

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "web",
-  "version": "0.101.45",
+  "version": "0.101.47",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "web",
-      "version": "0.101.45",
+      "version": "0.101.47",
       "dependencies": {
         "@quasar/extras": "1.16.12",
         "@vueuse/core": "10.11.0",
@@ -20,7 +20,7 @@
         "monaco-editor": "0.50.0",
         "pinia": "2.1.7",
         "qrcode": "1.5.3",
-        "quasar": "2.16.5",
+        "quasar": "2.16.6",
         "vue": "3.4.31",
         "vue-router": "4.4.0",
         "vue3-apexcharts": "1.5.3",
@@ -6068,9 +6068,9 @@
       }
     },
     "node_modules/quasar": {
-      "version": "2.16.5",
-      "resolved": "https://registry.npmjs.org/quasar/-/quasar-2.16.5.tgz",
-      "integrity": "sha512-9pjKOg/ZpbbBaKDLIkIKgd2JLaX+R3H2jKDPrlkHD56rp7L8WdxFZhxnG5JVfvW94pCNGtlepjgnli8wRhVFCQ==",
+      "version": "2.16.6",
+      "resolved": "https://registry.npmjs.org/quasar/-/quasar-2.16.6.tgz",
+      "integrity": "sha512-nFFS/WniZy052wUNr0UHxc46KVB0hVg7IlBpVScxQAANQxL5uJVqaiw0z2CEM8IM+MCObXANqxHX/m7woG7zIw==",
       "license": "MIT",
       "engines": {
         "node": ">= 10.18.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "0.101.46",
+  "version": "0.101.47",
   "private": true,
   "productName": "Tactical RMM",
   "scripts": {
@@ -20,7 +20,7 @@
     "monaco-editor": "0.50.0",
     "pinia": "2.1.7",
     "qrcode": "1.5.3",
-    "quasar": "2.16.5",
+    "quasar": "2.16.6",
     "vue": "3.4.31",
     "vue-router": "4.4.0",
     "vue3-apexcharts": "1.5.3",

src/components/checks/ScriptOutput.vue

@@ -20,12 +20,18 @@
         </div>
         <br />
         <div v-if="scriptInfo.stdout">
-          Standard Output
+          <script-output-copy-clip
+            label="Standard Output"
+            :data="scriptInfo.stdout"
+          />
           <q-separator />
           <pre>{{ scriptInfo.stdout }}</pre>
         </div>
         <div v-if="scriptInfo.stderr">
-          Standard Error
+          <script-output-copy-clip
+            label="Standard Error"
+            :data="scriptInfo.stderr"
+          />
           <q-separator />
           <pre>{{ scriptInfo.stderr }}</pre>
         </div>
@@ -43,8 +49,13 @@ import { computed } from "vue";
 import { useStore } from "vuex";
 import { useDialogPluginComponent } from "quasar";
 
+import ScriptOutputCopyClip from "@/components/scripts/ScriptOutputCopyClip.vue";
+
 export default {
   name: "ScriptOutput",
+  components: {
+    ScriptOutputCopyClip,
+  },
   emits: [...useDialogPluginComponent.emits],
   props: { scriptInfo: !Object },
   setup() {

src/components/modals/agents/RunScript.vue

@@ -175,6 +175,8 @@
           class="q-pl-md q-pr-md q-pt-none q-ma-none scroll"
           style="max-height: 50vh"
         >
+          <script-output-copy-clip label="Output" :data="ret" />
+          <q-separator />
           <pre>{{ ret }}</pre>
         </q-card-section>
       </q-form>
@@ -195,6 +197,7 @@ import { formatScriptSyntax } from "@/utils/format";
 
 //ui imports
 import TacticalDropdown from "@/components/ui/TacticalDropdown.vue";
+import ScriptOutputCopyClip from "@/components/scripts/ScriptOutputCopyClip.vue";
 
 // types
 import type { Agent } from "@/types/agents";

src/components/modals/agents/SendCommand.vue

@@ -104,6 +104,9 @@
             type="submit"
           />
         </q-card-actions>
+        <q-card-section v-if="ret !== null"
+          ><script-output-copy-clip label="Output" :data="ret" /> <q-separator
+        /></q-card-section>
         <q-card-section
           v-if="ret !== null"
           class="q-pl-md q-pr-md q-pt-none q-ma-none scroll"
@@ -124,8 +127,13 @@ import { sendAgentCommand } from "@/api/agents";
 import { cmdPlaceholder } from "@/composables/agents";
 import { runAsUserToolTip } from "@/constants/constants";
 
+import ScriptOutputCopyClip from "@/components/scripts/ScriptOutputCopyClip.vue";
+
 export default {
   name: "SendCommand",
+  components: {
+    ScriptOutputCopyClip,
+  },
   emits: [...useDialogPluginComponent.emits],
   props: {
     agent: !Object,

src/components/modals/coresettings/URLActionsForm.vue

@@ -5,7 +5,10 @@
     @show="loadEditor"
     @before-hide="cleanupEditors"
   >
-    <q-card class="q-dialog-plugin" style="width: 60vw">
+    <q-card
+      class="q-dialog-plugin"
+      :style="`width: ${props.type === 'web' ? 50 : 60}vw; max-width: ${props.type === 'web' ? 60 : 70}vw`"
+    >
       <q-bar>
         {{
           props.action
@@ -71,7 +74,6 @@
 
         <q-card-section v-show="type === 'rest'">
           <q-toolbar>
-            <q-space />
             <q-tabs v-model="tab" dense shrink>
               <q-tab
                 name="body"

src/components/scripts/ScriptOutputCopyClip.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="row q-gutter-sm items-center">
+    <div class="col-auto">{{ label }}</div>
+    <div class="col-auto">
+      <q-btn dense flat size="md" icon="content_copy" @click="copyText">
+        <q-tooltip>Copy to Clipboard</q-tooltip>
+      </q-btn>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { copyOutput } from "@/utils/helpers";
+
+const props = defineProps({
+  label: String,
+  data: {
+    type: String,
+    required: true,
+  },
+});
+
+const copyText = () => {
+  copyOutput(props.data);
+};
+</script>

src/components/scripts/TestScriptModal.vue

@@ -18,12 +18,12 @@
         </div>
         <br />
         <div v-if="ret.stdout">
-          Standard Output
+          <script-output-copy-clip label="Standard Output" :data="ret.stdout" />
           <q-separator />
           <pre>{{ ret.stdout }}</pre>
         </div>
         <div v-if="ret.stderr">
-          Standard Error
+          <script-output-copy-clip label="Standard Error" :data="ret.stderr" />
           <q-separator />
           <pre>{{ ret.stderr }}</pre>
         </div>
@@ -38,9 +38,13 @@
 import { ref, onMounted } from "vue";
 import { testScript, testScriptOnServer } from "@/api/scripts";
 import { useDialogPluginComponent } from "quasar";
+import ScriptOutputCopyClip from "@/components/scripts/ScriptOutputCopyClip.vue";
 
 export default {
   name: "TestScriptModal",
+  components: {
+    ScriptOutputCopyClip,
+  },
   emits: [...useDialogPluginComponent.emits],
   props: {
     script: !Object,

src/utils/helpers.ts

@@ -0,0 +1,8 @@
+import { copyToClipboard } from "quasar";
+import { notifySuccess } from "@/utils/notify";
+
+export function copyOutput(val: string) {
+  copyToClipboard(val).then(() => {
+    notifySuccess("Copied to clipboard");
+  });
+}