update

resources/assets/js/components/home/debugger/Debugger.vue

@@ -30,8 +30,8 @@
         <div>
           <v-client-table
             :data="dataTableTriggers"
-            :columns="columns"
-            :options="options"
+            :columns="columnsTriggers"
+            :options="optionsTriggers"
             ref="vueTableTriggers"
           />
         </div>
@@ -47,7 +47,7 @@ import api from "../../../api/index";
 export default {
   name: "ButtonFleft",
   props: {
-    data: Object
+    data: Object,
   },
   components: {
     Tabs,
@@ -64,15 +64,27 @@ export default {
       dataTable: [],
       dataTableTriggers: [],
       columns: ["key", "value"],
+      columnsTriggers: ["name", "execution"],
       options: {
         perPage: 200,
         filterable: true,
         pagination: {
-          show: false
+          show: false,
         },
         headings: {
           key: this.$i18n.t("ID_NAME"),
-          value: this.$i18n.t("ID_FIELD_DYNAFORM_TEXT")
+          value: this.$i18n.t("ID_FIELD_DYNAFORM_TEXT"),
+        },
+      },
+      optionsTriggers: {
+        perPage: 200,
+        filterable: true,
+        pagination: {
+          show: false,
+        },
+        headings: {
+          name: this.$i18n.t("ID_NAME"),
+          execution: this.$i18n.t("ID_EXECUTION"),
         },
       },
       optionsDebugVars: {
@@ -80,14 +92,13 @@ export default {
         options: [
           { text: this.$i18n.t("ID_OPT_ALL"), value: "all" },
           { text: this.$i18n.t("ID_DYNAFORM"), value: "dyn" },
-          { text: this.$i18n.t("ID_SYSTEM"), value: "sys" }
-        ]
-      }
+          { text: this.$i18n.t("ID_SYSTEM"), value: "sys" },
+        ],
+      },
     };
   },
   mounted() {
-    this.getDebugVars({ filter: "all" });
-    this.getDebugVarsTriggers();
+    this.loadData();
   },
   methods: {
     classBtn(cls) {
@@ -96,6 +107,13 @@ export default {
     showDebugger() {
       this.$refs["modal-debugger"].show();
     },
+    /**
+     * Load the data for debugger
+     */
+    loadData() {
+      this.getDebugVars({ filter: "all" });
+      this.getDebugVarsTriggers();
+    },
     /**
      * Get debug variables
      */
@@ -106,7 +124,7 @@ export default {
         _.forIn(response.data.data[0], function (value, key) {
           dt.push({
             key,
-            value
+            value,
           });
         });
         this.dataTable = dt;
@@ -119,11 +137,11 @@ export default {
       let that = this,
         dt = [];
       api.cases.debugVarsTriggers(data).then((response) => {
-        if (response.data.length > 0) {
-          _.forIn(response.data.data[0], function (value, key) {
+        if (response.data.data.length > 0) {
+          _.each(response.data.data, function (o) {
             dt.push({
-              key,
-              value
+              name: o.name,
+              execution: o.execution_time,
             });
           });
           this.dataTableTriggers = dt;
@@ -135,14 +153,15 @@ export default {
      */
     changeOption(opt) {
       this.getDebugVars({ filter: opt });
-    }
+    },
   },
 };
 </script>
 
 <style>
 .debugger-container {
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   max-width: 25%;
   min-width: 25%;
   padding: 0.1rem;
@@ -297,4 +316,12 @@ input[type="radio"] {
   padding-right: 0;
   padding-left: 0;
 }
+
+.debugger-container .btn-group-sm > .btn,
+.btn-sm {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.6rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
 </style>

resources/assets/js/home/Home.vue

@@ -121,12 +121,14 @@ export default {
                     eventMethod === "attachEvent" ? "onmessage" : "message";
 
             eventer(messageEvent, function(e) {
-                if (
-                    e.data === "redirect=todo" ||
-                    e.message === "redirect=todo"
-                ) {
+                if ( e.data === "redirect=todo" || e.message === "redirect=todo"){
                     that.page = "todo";
                 }
+                if ( e.data === "update=debugger" || e.message === "update=debugger"){
+                    if(that.$refs["component"].updateView){
+                        that.$refs["component"].updateView();
+                    }
+                }
             });
         },
         /**

resources/assets/js/home/ModalNewRequest.vue

@@ -164,6 +164,7 @@ export default {
             APP_UID: data.data.APPLICATION,
             DEL_INDEX: 1,
             ACTION: "draft",
+            PRO_UID: data.data.PROCESS
           };
           self.disable = false;
           self.$parent.$parent.page = "XCase";

resources/assets/js/home/XCase.vue

@@ -9,7 +9,7 @@
       allowfullscreen
       @load="onLoadIframe"
     ></iframe>
-    <Debugger v-if="openDebug === true" :style="'height:' + height + 'px'" />
+    <Debugger v-if="openDebug === true" :style="'height:' + height + 'px'" ref="debugger"/>
   </div>
 </template>
 
@@ -62,6 +62,14 @@ export default {
     classBtn(cls) {
       return "btn v-btn-request " + cls;
     },
+    /**
+     * update view in component
+     */
+    updateView(){
+      if(this.openDebug){
+        this.$refs["debugger"].loadData();
+      }
+    },
     onLoadIframe() {},
   },
 };

workflow/engine/templates/cases/open.js

@@ -598,6 +598,14 @@ Ext.onReady(function(){
   Ext.getCmp('actionMenu').hide();
   Ext.getCmp('returnButton').hide();
 
+  document.getElementById("openCaseFrame").onload = function ()
+  {
+      if(window.parent){
+        window.parent.postMessage("update=debugger","*");
+      }
+  };
+  
+
   hideCaseNavigatorPanel();
   if(typeof appStatus !== "undefined") {
       showCaseNavigatorPanel(appStatus);