PMCORE-3922: Added styles to unread cases

Fixed observations

PM Blue color added
This commit is contained in:
Martin Laguna
2022-08-15 12:46:01 -04:00
parent 3510b5bb01
commit a4eb40745b
8 changed files with 984 additions and 293 deletions

View File

@@ -44,42 +44,90 @@
name="todo"
>
<div slot="detail" slot-scope="props">
<div class="btn-default" @click="openCaseDetail(props.row)">
<div
class="btn-default"
:class="props.row.INIT_DATE ? '' : 'pm-main-text-color '"
@click="openCaseDetail(props.row)"
>
<i class="fas fa-info-circle"></i>
</div>
</div>
<div slot="case_number" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="case_number"
slot-scope="props"
>
{{ props.row.CASE_NUMBER }}
</div>
<div slot="case_title" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="case_title"
slot-scope="props"
>
{{ props.row.THREAD_TITLE }}
</div>
<div slot="process_category" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="process_category"
slot-scope="props"
>
{{ props.row.PROCESS_CATEGORY }}
</div>
<div slot="process_name" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="process_name"
slot-scope="props"
>
{{ props.row.PROCESS_NAME }}
</div>
<div slot="task" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="task"
slot-scope="props"
>
<TaskCell :data="props.row.TASK" />
</div>
<div slot="send_by" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="send_by"
slot-scope="props"
>
<CurrentUserCell :data="props.row.USER_DATA" />
</div>
<div slot="current_user" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="current_user"
slot-scope="props"
>
{{ props.row.USERNAME_DISPLAY_FORMAT }}
</div>
<div slot="due_date" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="due_date"
slot-scope="props"
>
{{ props.row.DUE_DATE }}
</div>
<div slot="delegation_date" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="delegation_date"
slot-scope="props"
>
{{ props.row.DELEGATION_DATE }}
</div>
<div slot="priority" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="priority"
slot-scope="props"
>
{{ props.row.PRIORITY }}
</div>
<div slot="actions" slot-scope="props">
<div
:class="props.row.INIT_DATE ? '' : 'font-weight-bold'"
slot="actions"
slot-scope="props"
>
<div @mouseover="updateDataEllipsis(props.row)">
<ellipsis
v-if="dataEllipsis"
@@ -104,6 +152,7 @@
<b-col sm="12">
<div
class="v-pm-card-info"
:class="props.row.INIT_DATE ? '' : 'pm-main-text-color '"
@click="openCaseDetail(props.item)"
>
<i class="fas fa-info-circle"></i>
@@ -120,7 +169,7 @@
</b-row>
</b-col>
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
<div :key="column">
<div :class="props.item.INIT_DATE ? '' : 'font-weight-bold'" :key="column">
<span class="v-card-text-dark">
{{ getCustomHeading(column, props) }} :
</span>
@@ -165,7 +214,10 @@
<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"
:class="props.item.INIT_DATE ? '' : 'pm-main-text-color'"
@click="openCaseDetail(props.item)">
<i class="fas fa-info-circle"></i>
</div>
</b-col>
@@ -177,7 +229,7 @@
</b-row>
</div>
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
<div :key="column">
<div :class="props.item.INIT_DATE ? '' : 'font-weight-bold'" :key="column">
<span class="v-card-text-dark">
{{ getCustomHeading(column, props) }} :
</span>
@@ -911,6 +963,7 @@ export default {
}),
DUE_DATE: v.DEL_TASK_DUE_DATE_LABEL,
DELEGATION_DATE: v.DEL_DELEGATE_DATE_LABEL,
INIT_DATE: v.DEL_INIT_DATE,
PRIORITY: v.DEL_PRIORITY_LABEL,
DEL_INDEX: v.DEL_INDEX,
APP_UID: v.APP_UID,
@@ -968,6 +1021,7 @@ export default {
DEL_INDEX: item.DEL_INDEX,
PRO_UID: item.PRO_UID,
TAS_UID: item.TAS_UID,
INIT_DATE: item.INIT_DATE,
ACTION: "todo",
});
this.$emit("onUpdatePage", "XCase");
@@ -989,6 +1043,7 @@ export default {
PRO_UID: item.PRO_UID,
TAS_UID: item.TAS_UID,
APP_NUMBER: item.CASE_NUMBER,
INIT_DATE: item.INIT_DATE,
ACTION: "todo",
});
that.$emit("onUpdatePage", "case-detail");