Merged in bugfix/PMCORE-3183 (pull request #8013)

PMCORE-3183

Approved-by: Rodrigo Quelca

resources/assets/js/api/Services.js

@@ -67,5 +67,8 @@
     USERS: "/home/users",
     TASKS: "/home/tasks",
     CATEGORIES: "/home/categories",
-    DEBUG_STATUS: "/home/process-debug-status?processUid={prj_uid}"
+    DEBUG_STATUS: "/home/process-debug-status?processUid={prj_uid}",
+    PAUSE_CASE: "/cases/{app_uid}/pause",
+    REASSIGN_CASE: "/cases/{app_uid}/reassign-case",
+    REASSIGN_USERS: "/light/userstoreassign/{task_uid}"
 };

resources/assets/js/components/dataViews/vueCardView/VueCardView.vue

@@ -6,13 +6,20 @@
         :style="{height: height + 'px'}"
       >
         <vue-card v-for="item in data" :key="item.id" :item="item" :options="options">
-          <slot
+          <b-row>
-            v-for="column in options.columns"
+            <b-col sm="9">
-            :name="column"
+              <slot
-            :item="item"
+                v-for="column in options.columns"
-            :column="column"
+                :name="column"
-            :headings="options.headings"
+                :item="item"
-          ></slot>
+                :column="column"
+                :headings="options.headings"
+              ></slot>
+            </b-col>
+            <b-col sm="3">
+              <slot name="actions"></slot>
+            </b-col>
+          </b-row>
         </vue-card>
       </div>
 

resources/assets/js/components/dataViews/vueListView/VueListView.vue

@@ -6,13 +6,21 @@
         :style="{height: height + 'px'}"
       >
         <vue-list v-for="item in data" :key="item.id" :item="item" :options="options"> 
-          <slot
+          <b-row>
-            v-for="column in options.columns"
+            <b-col sm="10">
-            :name="column"
+              <slot
-            :item="item"
+                v-for="column in options.columns"
-            :column="column"
+                :name="column"
-            :headings="options.headings"
+                :item="item"
-          ></slot>
+                :column="column"
+                :headings="options.headings"
+                ref="containerList"
+              ></slot>
+            </b-col>
+            <b-col sm="2">
+              <slot name="actions"></slot>
+            </b-col>
+          </b-row>
         </vue-list>
       </div>
 

resources/assets/js/components/utils/ellipsis.vue

@@ -94,6 +94,7 @@ export default {
         width: 0px;
         z-index: 999;
         display: inline-flex !important;
+        opacity: 1 !important;
     }
     .btn-outline-info {
         border: none;

resources/assets/js/home/Draft/Draft.vue

@@ -48,10 +48,19 @@
       :options="optionsVueView"
       ref="vueCardView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
@@ -105,10 +114,19 @@
       :options="optionsVueView"
       ref="vueListView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
@@ -523,5 +541,7 @@ export default {
   padding-left: 50px;
   padding-right: 50px;
 }
-
+.ellipsis-container {
+  margin-top: 5em;
+}
 </style>

resources/assets/js/home/Inbox/Todo.vue

@@ -60,10 +60,19 @@
       :options="optionsVueView"
       ref="vueCardView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div @click="updateDataEllipsis(props.row)">
+        <b-row>
-          <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
@@ -117,12 +126,21 @@
       :options="optionsVueView"
       ref="vueListView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
-      <div slot="case_number" slot-scope="props" class="v-card-text">
+      <div ref="text" slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
           >{{ props["headings"][props.column] }} : {{ props["item"]["CASE_NUMBER"] }}</span
         >
@@ -607,7 +625,8 @@ export default {
   display: inline-block;
 }
 
-.v-card-text {
+.ellipsis-container {
+  margin-top: 5em;
 }
 
 .v-pm-card-info{

resources/assets/js/home/Paused/Paused.vue

@@ -59,10 +59,19 @@
       :options="optionsVueView"
       ref="vueCardView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
@@ -116,10 +125,19 @@
       :options="optionsVueView"
       ref="vueListView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"

resources/assets/js/home/Unassigned/Unassigned.vue

@@ -54,10 +54,19 @@
       :options="optionsVueList"
       ref="vueCardView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"
@@ -110,10 +119,19 @@
       :options="optionsVueList"
       ref="vueListView"
     >
-      <div slot="detail" slot-scope="props">
+      <div slot="actions" slot-scope="props">
-        <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+        <b-row>
-          <i class="fas fa-info-circle"></i>
+          <b-col sm="12">
-        </div>
+            <div class="v-pm-card-info" @click="openCaseDetail(props.item)">
+              <i class="fas fa-info-circle"></i>
+            </div>
+          </b-col>
+          <b-col sm="12">
+            <div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
+              <ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
+            </div>
+          </b-col>
+        </b-row>
       </div>
       <div slot="case_number" slot-scope="props" class="v-card-text">
         <span class="v-card-text-highlight"