Merged in bugfix/PMCORE-3325-A (pull request #8196)

PMCORE-3325

Approved-by: Fabio Guachalla

resources/assets/js/api/Filters.js

@@ -60,6 +60,16 @@ export let filters = {
             keys: {},
         });
     },
+    /**
+     * Service to get the process list
+     */
+    processListPaged(data) {
+        return Api.get({
+            service: "PROCESSES",
+            params: data,
+            keys: {},
+        });
+    },
     /**
      * Service to get the users list
      */

resources/assets/js/home/TaskMetrics/VueChartLvOne.vue

@@ -233,7 +233,10 @@ export default {
     getProcesses(query) {
       let that = this;
       Api.filters
-        .processList(query || "")
+        .processListPaged({
+          text: query || "",
+          paged: false,
+        })
         .then((response) => {
           that.formatDataProcesses(response.data);
         })

resources/assets/js/home/TaskMetrics/VueChartLvThree.vue

@@ -126,13 +126,13 @@ export default {
     return {
       currentSelection: null,
       dateFrom:
-        this.data[3] && this.data[3].data.dateFromRisk
+        this.data[3] && this.data[3].data.dateFrom
-          ? this.data[3].data.dateFromRisk
+          ? this.data[3].data.dateFrom
-          : moment().format("YYYY-MM-DD"),
+          : moment().subtract(30, "d").format("YYYY-MM-DD"),
       dateTo:
-        this.data[3] && this.data[3].data.dateToRisk
+        this.data[3] && this.data[3].data.dateTo
-          ? this.data[3].data.dateToRisk
+          ? this.data[3].data.dateTo
-          : moment().add(30, "d").format("YYYY-MM-DD"),
+          : moment().format("YYYY-MM-DD"),
       dateNow: moment().format("DD/MM/YYYY h:mm:ss a"),
       size:
         this.data[3] && this.data[3].data.size
@@ -462,11 +462,9 @@ export default {
         name: this.data[2]["name"],
         level: 3,
         data: {
-          dateFrom: this.data[3].data.dateFrom,
+          dateFrom: this.dateFrom,
-          dateTo: this.data[3].data.dateTo,
+          dateTo: this.dateTo,
           period: this.data[3].data.period,
-          dateFromRisk: this.dateFrom,
-          dateToRisk: this.dateTo,
           size: this.size,
           riskType: this.riskType,
         },

resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue

@@ -58,8 +58,8 @@
         :options="options"
         :series="series"
       ></apexchart>
-      <div class="row">
+      <div class="vp-text-align-center">
-        <div class="col-sm vp-align-right">
+        <div class="vp-align-right vp-inline-block">
           <button
             @click="onClickDrillDown()"
             type="button"
@@ -69,7 +69,7 @@
             ><span class="vp-padding-l10">{{ $t("ID_DRILL") }}</span>
           </button>
         </div>
-        <div class="col-sm">
+        <div class="vp-inline-block">
           <button @click="onClickData()" type="button" class="btn btn-primary">
             <i class="fas fa-th"></i
             ><span class="vp-padding-l10">{{ $t("ID_DATA") }}</span>
@@ -100,10 +100,10 @@ export default {
     return {
       dateFrom: this.data[3]
         ? this.data[3].data.dateFrom
-        : moment().format("YYYY-MM-DD"),
+        : moment().subtract(30, "d").format("YYYY-MM-DD"),
       dateTo: this.data[3]
         ? this.data[3].data.dateTo
-        : moment().add(30, "d").format("YYYY-MM-DD"),
+        : moment().format("YYYY-MM-DD"),
       period: this.data[3] ? this.data[3].data.period : "day",
       periodOptions: [
         { text: this.$t("ID_DAY"), value: "day" },
@@ -338,5 +338,9 @@ export default {
 .vp-padding-l20 {
   padding-left: 20px;
 }
+
+.vp-text-align-center {
+  text-align: center;
+}
 </style>
 <style src="vue-multiselect/dist/vue-multiselect.min.css"></style>