@processmaker/screen-builder 2.77.14 → 2.77.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@processmaker/screen-builder",
-  "version": "2.77.14",
+  "version": "2.77.16",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/renderer/avatar-dropdown.vue

@@ -1,12 +1,6 @@
 <template>
-  <b-dropdown-item>
-    <b-avatar
-      :variant="variant"
-      size="1.5rem"
-      :text="text"
-      class="text-white"
-    ></b-avatar>
-    {{ label }}
+  <b-dropdown-item :variant="variant">
+    <i class="fas fa-circle mr-2" />{{ label }}
   </b-dropdown-item>
 </template>
 
@@ -19,4 +13,3 @@ export default {
   }
 };
 </script>
-

package/src/components/renderer/form-analytics-chart.vue

@@ -5,21 +5,17 @@
         class="card-header d-flex justify-content-between align-items-center"
       >
         <span class="control-text">{{ title }}</span>
+        <b-link @click="openExternalLink">
+          <i class="fas fa-external-link-alt custom-icon" />
+        </b-link>
       </div>
       <div>
         <div class="d-flex flex-wrap p-2">
           <template>
             <b-col cols="12">
-              <b-card
-                :title="graphic.name"
-                img-top
-                tag="article"
-                class="mb-0 mr-0 card-graphic"
-              >
-                <b-card-text>
-                  <b-embed type="iframe" :src="graphic.link"></b-embed>
-                </b-card-text>
-              </b-card>
+              <b-card-text>
+                <b-embed type="iframe" :src="graphic.link"></b-embed>
+              </b-card-text>
             </b-col>
           </template>
         </div>
@@ -37,6 +33,11 @@ export default {
       graphic: []
     };
   },
+  methods: {
+    openExternalLink() {
+      window.open("/package-analytics-reporting", "_blank");
+    }
+  },
   watch: {
     listChartOption() {
       if (this.listChartOption && this.listChartOption.name) {

package/src/components/renderer/form-tasks.vue

@@ -43,7 +43,7 @@
         </span>
       </template>
     </vuetable>
-    <component :is="tasksPreview" ref="preview" />
+    <component :is="tasksPreview" ref="preview-sidebar" />
   </div>
   <div v-else>
     <formEmpty link="Tasks" title="No tasks in sight" url="/tasks" />
@@ -79,7 +79,7 @@ export default {
         }
       ],
       tasksPreview:
-        (window.SharedComponents && window.SharedComponents.TasksPreview) || {}
+        (window.SharedComponents && window.SharedComponents.TasksHome) || {}
     };
   },
   mounted() {
@@ -272,8 +272,15 @@ export default {
       }
       return link;
     },
+    /**
+     * Show the preview tasks
+     */
     previewTasks(info) {
-      this.$refs.preview.showSideBar(info, this.tableData.data, true);
+      this.$refs["preview-sidebar"].showSideBar(
+        info,
+        this.tableData.data,
+        true
+      );
     },
     classDueDate(value) {
       const dueDate = moment(value);
@@ -286,13 +293,18 @@ export default {
         : "text-dark";
     },
     fetchData(selectedOption) {
-      if (selectedOption === "In Progress" || selectedOption === "all") {
+      if (selectedOption === "In Progress") {
         this.filterDropdowns = "";
+        this.pmql = `(user_id = ${ProcessMaker.user.id}) AND (status = "In Progress")`;
+      }
+      if (selectedOption === "all") {
+        this.filterDropdowns = "";
+        this.pmql = `(user_id = ${ProcessMaker.user.id})`;
       }
       if (selectedOption === "Overdue") {
         this.filterDropdowns = "overdue=true";
+        this.pmql = "";
       }
-      this.pmql = "";
       this.fetch();
     },
     fetchSearch(searchData) {