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

PMCORE-3183

Approved-by: Rodrigo Quelca
This commit is contained in:
Fabio Guachalla
2021-08-02 19:02:58 +00:00
committed by Rodrigo Quelca
8 changed files with 144 additions and 50 deletions

View File

@@ -67,5 +67,8 @@
USERS: "/home/users", USERS: "/home/users",
TASKS: "/home/tasks", TASKS: "/home/tasks",
CATEGORIES: "/home/categories", 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}"
}; };

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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