fernando/luos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
11113a9e671c8093dfe04e7975690036242523c5
luos/resources/assets/js/home/CustomCaseList/CustomCaseList.vue

1313 lines
48 KiB
Vue
Raw Normal View History

fix custom cases list
2021-08-27 16:35:06 +00:00
<template>
<div id="v-todo" ref="v-todo" class="v-container-todo">
<button-fleft :data="newCase"></button-fleft>
<modal-new-request ref="newRequest"></modal-new-request>
<ModalPauseCase ref="modal-pause-case"></ModalPauseCase>
<ModalReassignCase ref="modal-reassign-case"></ModalReassignCase>
PMCORE-3457: Custom Case List > Draft > message is not displaying and an error appears in console when Case Note button is pressed
2021-10-25 13:49:01 +00:00
<b-alert
:show="dataAlert.dismissCountDown"
dismissible
:variant="dataAlert.variant"
@dismissed="dataAlert.dismissCountDown = 0"
@dismiss-count-down="countDownChanged"
>
{{ dataAlert.message }}
</b-alert>
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
<CustomFilter
fix custom cases list
2021-08-27 16:35:06 +00:00
:filters="filters"
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
:title="titleMap[data.pageParent].label"
:icon="titleMap[data.pageParent].icon"
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
:filterItems="filterItems"
fix custom cases list
2021-08-27 16:35:06 +00:00
@onRemoveFilter="onRemoveFilter"
@onUpdateFilters="onUpdateFilters"
/>
<multiview-header
:data="dataMultiviewHeader"
:dataSubtitle="dataSubtitle"
/>
<settings-popover
:options="settingOptions"
target="pm-dr-column-settings2"
@onUpdateColumnSettings="onUpdateColumnSettings"
:key="random + 1"
:selected="columns"
/>
<v-server-table
v-if="typeView === 'GRID'"
:data="tableData"
:columns="columns"
:options="getTableOptions()"
ref="vueTable"
@row-click="onRowClick"
:key="random"
name="todo"
>
<div slot="detail" slot-scope="props">
<div class="btn-default" @click="openCaseDetail(props.row)">
<i class="fas fa-info-circle"></i>
</div>
</div>
<div slot="case_number" slot-scope="props">
{{ props.row.CASE_NUMBER }}
</div>
PMCORE-3446: usto Case List Labels should be displayed as the labels defined in the Report Table Build 3.7.0-5474
2021-10-25 14:46:55 +00:00
<div slot="case_title" slot-scope="props">
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
{{ props.row.THREAD_TITLE }}
fix custom cases list
2021-08-27 16:35:06 +00:00
</div>
update translations
2021-11-30 17:10:36 +00:00
<div slot="process_category" slot-scope="props">
{{ props.row.PROCESS_CATEGORY }}
</div>
PMCORE-3597
2021-12-13 20:52:21 +00:00
<div slot="process_name" slot-scope="props">
{{ props.row.PROCESS_NAME }}
</div>
fix custom cases list
2021-08-27 16:35:06 +00:00
<div slot="task" slot-scope="props">
<TaskCell :data="props.row.TASK" />
</div>
<div slot="send_by" slot-scope="props">
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Correction Style
2021-11-26 11:31:48 -04:00
<CurrentUserCell :data="props.row.USER_DATA" />
fix custom cases list
2021-08-27 16:35:06 +00:00
</div>
<div slot="current_user" slot-scope="props">
{{ props.row.USERNAME_DISPLAY_FORMAT }}
</div>
<div slot="due_date" slot-scope="props">
{{ props.row.DUE_DATE }}
</div>
<div slot="delegation_date" slot-scope="props">
{{ props.row.DELEGATION_DATE }}
</div>
<div slot="priority" slot-scope="props">
{{ props.row.PRIORITY }}
</div>
<div slot="actions" slot-scope="props">
PMCORE-3402:Task Action Options should be displayed when mouse is over ellipsis and closed when ellipsis lose focus Custom case list CR
2021-10-08 12:54:24 -04:00
<div @mouseover="updateDataEllipsis(props.row)">
fix custom cases list
2021-08-27 16:35:06 +00:00
<ellipsis
v-if="dataEllipsis"
:data="dataEllipsis"
>
</ellipsis>
</div>
</div>
</v-server-table>
<VueCardView
v-if="typeView === 'CARD'"
:options="getVueViewOptions()"
ref="vueCardView"
>
<b-col
sm="11"
slot="actions"
slot-scope="props"
class="vp-inbox-list-actions"
>
<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">
PMCORE-3402:Task Action Options should be displayed when mouse is over ellipsis and closed when ellipsis lose focus Custom case list CR
2021-10-08 12:54:24 -04:00
<div @mouseover="updateDataEllipsis(props.item)">
PMCORE-3322-A Unpause and Pause button seems not ben functional using HTTP/2.0 PMCORE_3.7.0 build
2021-09-29 11:49:03 -04:00
<ellipsis
v-if="dataEllipsis"
:data="dataEllipsis">
fix custom cases list
2021-08-27 16:35:06 +00:00
</ellipsis>
</div>
</b-col>
</b-row>
</b-col>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
<div :key="column">
<span class="v-card-text-dark">
{{ getCustomHeading(column, props) }} :
</span>
<span v-if="column === 'case_number'" class="v-card-text-highlight">
{{ props["item"]["CASE_NUMBER"] }}
</span>
PMCORE-3703-D PMCORE-3703-D update update update 1
2022-04-26 12:33:53 +00:00
<span v-if="column === 'case_title'" class="v-card-text-highlight">
fix custom case list view mode
2021-10-05 21:29:50 +00:00
{{ props["item"]["THREAD_TITLE"] }}
</span>
update translations
2021-11-30 17:10:36 +00:00
<span v-if="column === 'process_category'" class="v-card-text-highlight">
{{ props["item"]["PROCESS_CATEGORY"] }}
</span>
PMCORE-3597
2021-12-13 20:52:21 +00:00
<span v-if="column === 'process_name'" class="v-card-text-highlight">
{{ props["item"]["PROCESS_NAME"] }}
</span>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
<span v-if="column === 'due_date'" class="v-card-text-highlight">
{{ props["item"]["DUE_DATE"] }}
</span>
<span v-if="column === 'delegation_date'" class="v-card-text-highlight">
{{ props["item"]["DELEGATION_DATE"] }}
</span>
<span v-if="column === 'task'" span class="v-card-text-light">
<TaskCell :data="props.item.TASK" />
</span>
<span v-if="column === 'priority'" class="v-card-text-highlight">
{{ props["item"]["PRIORITY"] }}
</span>
<span v-else-if="column === 'send_by'" class="v-card-text-light">
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Correction Style
2021-11-26 11:31:48 -04:00
<CurrentUserCell :data="props.item.USER_DATA" />
fix custom case list view mode
2021-10-05 21:29:50 +00:00
</span>
<span v-else class="v-card-text-light">
{{ props["item"][column] }}
</span>
</div>
</template>
fix custom cases list
2021-08-27 16:35:06 +00:00
</VueCardView>
<VueListView
v-if="typeView === 'LIST'"
:options="getVueViewOptions()"
ref="vueListView"
>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
<div slot="actions" slot-scope="props">
<b-row>
<b-col sm="12">
<div class="v-pm-card-info" @click="openCaseDetail(props.item)">
<i class="fas fa-info-circle"></i>
fix custom cases list
2021-08-27 16:35:06 +00:00
</div>
</b-col>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
<b-col sm="12">
PMCORE-3402:Task Action Options should be displayed when mouse is over ellipsis and closed when ellipsis lose focus Custom case list CR
2021-10-08 12:54:24 -04:00
<div class="ellipsis-container" @mouseover="updateDataEllipsis(props.item)">
<ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
</div>
fix custom cases list
2021-08-27 16:35:06 +00:00
</b-col>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
</b-row>
</div>
<template v-for="column in cardColumns" :slot="column" slot-scope="props" class="v-card-text">
<div :key="column">
<span class="v-card-text-dark">
{{ getCustomHeading(column, props) }} :
</span>
<span v-if="column === 'case_number'" class="v-card-text-highlight">
{{ props["item"]["CASE_NUMBER"] }}
</span>
PMCORE-3703-D PMCORE-3703-D update update update 1
2022-04-26 12:33:53 +00:00
<span v-if="column === 'case_title'" class="v-card-text-highlight">
fix custom case list view mode
2021-10-05 21:29:50 +00:00
{{ props["item"]["THREAD_TITLE"] }}
</span>
update translations
2021-11-30 17:10:36 +00:00
<span v-if="column === 'process_category'" class="v-card-text-highlight">
{{ props["item"]["PROCESS_CATEGORY"] }}
</span>
PMCORE-3597
2021-12-13 20:52:21 +00:00
<span v-if="column === 'process_name'" class="v-card-text-highlight">
{{ props["item"]["PROCESS_NAME"] }}
</span>
fix custom case list view mode
2021-10-05 21:29:50 +00:00
<span v-if="column === 'due_date'" class="v-card-text-highlight">
{{ props["item"]["DUE_DATE"] }}
</span>
<span v-if="column === 'delegation_date'" class="v-card-text-highlight">
{{ props["item"]["DELEGATION_DATE"] }}
</span>
<span v-if="column === 'task'" span class="v-card-text-light">
<TaskCell :data="props.item.TASK" />
</span>
<span v-if="column === 'priority'" class="v-card-text-highlight">
{{ props["item"]["PRIORITY"] }}
</span>
<span v-else-if="column === 'send_by'" class="v-card-text-light">
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Correction Style
2021-11-26 11:31:48 -04:00
<CurrentUserCell :data="props.item.USER_DATA" />
fix custom case list view mode
2021-10-05 21:29:50 +00:00
</span>
<span v-else class="v-card-text-light">
{{ props["item"][column] }}
</span>
</div>
</template>
fix custom cases list
2021-08-27 16:35:06 +00:00
</VueListView>
<ModalUnpauseCase ref="modal-unpause-case"></ModalUnpauseCase>
<ModalClaimCase ref="modal-claim-case"></ModalClaimCase>
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
<ModalComments
ref="modal-comments"
@postNotes="onPostNotes"
></ModalComments>
fix custom cases list
2021-08-27 16:35:06 +00:00
</div>
</template>
<script>
import HeaderCounter from "../../components/home/HeaderCounter.vue";
import ButtonFleft from "../../components/home/ButtonFleft.vue";
import ModalNewRequest from "../ModalNewRequest.vue";
import ModalUnpauseCase from "../modal/ModalUnpauseCase.vue";
import ModalClaimCase from "../modal/ModalClaimCase.vue";
import TaskCell from "../../components/vuetable/TaskCell.vue";
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
import CustomFilter from "../../components/search/CustomFilter";
fix custom cases list
2021-08-27 16:35:06 +00:00
import api from "../../api/index";
import utils from "../../utils/utils";
import MultiviewHeader from "../../components/headers/MultiviewHeader.vue";
import VueCardView from "../../components/dataViews/vueCardView/VueCardView.vue";
import VueListView from "../../components/dataViews/vueListView/VueListView.vue";
import defaultMixins from "./defaultMixins";
import Ellipsis from "../../components/utils/ellipsis.vue";
import ModalPauseCase from "../modal/ModalPauseCase.vue";
import ModalReassignCase from "../modal/ModalReassignCase.vue";
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
import ModalComments from "../modal/ModalComments.vue"
fix custom cases list
2021-08-27 16:35:06 +00:00
import { Event } from "vue-tables-2";
import CurrentUserCell from "../../components/vuetable/CurrentUserCell.vue";
import _ from "lodash";
export default {
name: "CustomCaseList",
mixins: [defaultMixins],
components: {
HeaderCounter,
ButtonFleft,
ModalNewRequest,
ModalUnpauseCase,
ModalClaimCase,
TaskCell,
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
CustomFilter,
fix custom cases list
2021-08-27 16:35:06 +00:00
MultiviewHeader,
VueCardView,
VueListView,
Ellipsis,
ModalPauseCase,
ModalReassignCase,
CurrentUserCell,
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
ModalComments
fix custom cases list
2021-08-27 16:35:06 +00:00
},
props: ["defaultOption", "settings", "data"],
data() {
let that = this;
return {
PMCORE-3457: Custom Case List > Draft > message is not displaying and an error appears in console when Case Note button is pressed
2021-10-25 13:49:01 +00:00
dataAlert: {
dismissSecs: 5,
dismissCountDown: 0,
message: "",
variant: "info",
},
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
titleMap: {
inbox: {
icon:"fas fa-check-circle",
label: this.$i18n.t('ID_INBOX')
},
draft: {
icon:"fas fa-edit",
label: this.$i18n.t('ID_DRAFT')
},
paused: {
icon:"far fa-pause-circle",
label: this.$i18n.t('ID_PAUSED')
},
unassigned: {
icon:"fas fa-users",
label: this.$i18n.t('ID_UNASSIGNED')
}
},
fix custom cases list
2021-08-27 16:35:06 +00:00
columMap: {
case_number: "APP_NUMBER",
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
thread_title: "DEL_TITLE",
fix custom cases list
2021-08-27 16:35:06 +00:00
process_name: "PRO_TITLE",
},
newCase: {
title: this.$i18n.t("ID_NEW_CASE"),
class: "btn-success",
onClick: () => {
this.$refs["newRequest"].show();
},
},
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
filters: {},
fix custom cases list
2021-08-27 16:35:06 +00:00
defaultColumns: [
"case_number",
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
"thread_title",
fix custom cases list
2021-08-27 16:35:06 +00:00
"process_name",
"task",
"send_by",
"due_date",
"delegation_date",
"priority",
],
settingOptions: [],
cardColumns: [],
isFistTime: true,
columns: ["detail", "actions"],
headings: {
detail: this.$i18n.t("ID_DETAIL_CASE"),
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
thread_title: this.$i18n.t('ID_CASE_THREAD_TITLE'),
fix custom cases list
2021-08-27 16:35:06 +00:00
process_name: this.$i18n.t("ID_PROCESS_NAME"),
update translations
2021-11-30 17:10:36 +00:00
process_category: this.$i18n.t("ID_CATEGORY_PROCESS"),
fix custom cases list
2021-08-27 16:35:06 +00:00
task: this.$i18n.t("ID_TASK"),
send_by: this.$i18n.t("ID_SEND_BY"),
due_date: this.$i18n.t("ID_DUE_DATE"),
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
priority: this.$i18n.t("ID_PRIORITY"),
actions: "",
},
tableData: [],
icon: "fas fa-check-circle",
options: {
filterable: false,
texts: {
count: this.$i18n.t("ID_SHOWING_FROM_RECORDS_COUNT"),
first: this.$i18n.t("ID_FIRST"),
last: this.$i18n.t("ID_LAST"),
filter: this.$i18n.t("ID_FILTER") + ":",
limit: this.$i18n.t("ID_RECORDS") + ":",
page: this.$i18n.t("ID_PAGE") + ":",
noResults: this.$i18n.t("ID_NO_MATCHING_RECORDS"),
},
selectable: {
mode: "single",
only: function(row) {
return true;
},
selectAllMode: "page",
programmatic: false,
},
sortable: ["case_number"],
orderBy:
this.settings && this.settings.orderBy
? this.settings.orderBy
: {},
requestFunction(data) {
return this.$parent.$parent.getCasesForVueTable(data);
},
settings: {
actions: {
class: "fas fa-cog",
id: "pm-dr-column-settings2",
events: {
click() {
that.$root.$emit(
"bv::show::popover",
"pm-dr-column-settings2"
);
},
},
},
},
},
pmDateFormat: "Y-m-d H:i:s",
clickCount: 0,
singleClickTimer: null,
statusTitle: {
ON_TIME: this.$i18n.t("ID_IN_PROGRESS"),
OVERDUE: this.$i18n.t("ID_TASK_OVERDUE"),
DRAFT: this.$i18n.t("ID_IN_DRAFT"),
PAUSED: this.$i18n.t("ID_PAUSED"),
UNASSIGNED: this.$i18n.t("ID_UNASSIGNED"),
},
dataEllipsis: {
buttons: {},
},
showEllipsis: false,
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
dataSubtitle: {
subtitle: this.data.pageName,
PMCORE-3284:UI - set the color in the icon for custom case list correction menu documentation CR
2021-09-03 16:07:56 -04:00
icon: this.data.pageIcon,
color: this.data.color
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
},
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
itemMap: {
case_number: "caseNumber",
PMCORE-3703-D PMCORE-3703-D update update update 1
2022-04-26 12:33:53 +00:00
task: "taskTitle",
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
thread_title: "caseTitle",
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
delegation_date: "delegationDate",
send_by: "bySendBy",
update translations
2021-11-30 17:10:36 +00:00
process_name: "processName",
process_category: "processCategory"
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
},
customItems:{
VARCHAR: {
group: "radio",
type: "VARCHAR",
id: "string",
title: `${this.$i18n.t("ID_FILTER")}:`,
optionLabel: "",
tagPrefix: "",
detail: "",
tagText: "",
placeholder: "",
items: [
{
id: "",
value: "",
},
],
autoShow: true,
makeTagText: function (params, data) {
return `${this.tagPrefix} ${data[0].value}`;
},
},
DATETIME: {
group: "radio",
type: "DATETIME",
id: "datetime",
title: `${this.$i18n.t('ID_FILTER')}:`,
optionLabel: "",
detail: "",
tagText: "",
tagPrefix: "",
items:[
{
id: "",
value: ""
}
],
makeTagText: function (params, data) {
let temp = data[0].value.split(",");
return `${this.tagPrefix} ${temp[0]} - ${temp[1]} `;
}
}
},
filterItems:[],
availableItems: {
caseNumber: {
group: "radio",
type: "CaseNumber",
id: "caseNumber",
title: `${this.$i18n.t("ID_FILTER")}: ${this.$i18n.t(
"ID_BY_CASE_NUMBER"
)}`,
optionLabel: this.$i18n.t("ID_BY_CASE_NUMBER"),
detail: this.$i18n.t("ID_PLEASE_SET_THE_CASE_NUMBER_TO_BE_SEARCHED"),
tagText: "",
tagPrefix: this.$i18n.t("ID_SEARCH_BY_CASE_NUMBER"),
items: [
{
id: "filterCases",
value: "",
},
],
autoShow: true,
makeTagText: function (params, data) {
return `${params.tagPrefix}: ${data[0].value}`;
},
},
caseTitle: {
group: "radio",
type: "CaseTitle",
id: "caseTitle",
title: `${this.$i18n.t("ID_FILTER")}: ${this.$i18n.t(
PMCORE-3385:"Case Title" and "Task Thread Title" should be Corrected as in the PRD is "Case Thread Title" Build PMCORE_3.7.0
2021-09-29 16:06:39 -04:00
"ID_BY_CASE_THREAD_TITLE"
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
)}`,
PMCORE-3385:"Case Title" and "Task Thread Title" should be Corrected as in the PRD is "Case Thread Title" Build PMCORE_3.7.0
2021-09-29 16:06:39 -04:00
optionLabel: this.$i18n.t("ID_BY_CASE_THREAD_TITLE"),
tagPrefix: this.$i18n.t("ID_SEARCH_BY_CASE_THREAD_TITLE"),
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
detail: "",
tagText: "",
items: [
{
id: "caseTitle",
value: "",
},
],
autoShow: true,
makeTagText: function (params, data) {
return `${this.tagPrefix} ${data[0].value}`;
},
},
delegationDate: {
group: "radio",
type: "DateFilter",
id: "delegationDate",
title: `${this.$i18n.t('ID_FILTER')}: ${this.$i18n.t('ID_BY_DELEGATION_DATE')}`,
optionLabel: this.$i18n.t('ID_BY_DELEGATION_DATE'),
detail: this.$i18n.t('ID_PLEASE_SELECT_THE_DELEGATION_DATE_TO_BE_SEARCHED'),
tagText: "",
tagPrefix: this.$i18n.t('ID_SEARCH_BY_DELEGATION_DATE'),
items:[
{
id: "delegateFrom",
value: "",
label: this.$i18n.t('ID_FROM_DELEGATION_DATE')
},
{
id: "delegateTo",
value: "",
label: this.$i18n.t('ID_TO_DELEGATION_DATE')
}
],
makeTagText: function (params, data) {
return `${params.tagPrefix} ${data[0].value} - ${data[1].value}`;
}
},
bySendBy: {
group: "radio",
type: "CurrentUser",
id: "bySendBy",
title: `${this.$i18n.t('ID_FILTER')}: ${this.$i18n.t('ID_BY_SEND_BY')}`,
optionLabel: this.$i18n.t('ID_BY_SEND_BY'),
detail: this.$i18n.t('ID_PLEASE_SELECT_USER_NAME_TO_BE_SEARCHED'),
placeholder: this.$i18n.t('ID_USER_NAME'),
tagText: "",
tagPrefix: this.$i18n.t('ID_SEARCH_BY_SEND_BY'),
items:[
{
id: "sendBy",
value: "",
options: [],
placeholder: this.$i18n.t('ID_USER_NAME')
}
],
makeTagText: function (params, data) {
return `${params.tagPrefix} : ${data[0].label || ''}`;
}
},
taskTitle: {
group: "radio",
type: "TaskTitle",
id: "taskTitle",
title: `${this.$i18n.t("ID_FILTER")}: ${this.$i18n.t(
"ID_TASK_NAME"
)}`,
optionLabel: this.$i18n.t("ID_BY_TASK"),
detail: "",
tagText: "",
tagPrefix: this.$i18n.t("ID_SEARCH_BY_TASK_NAME"),
autoShow: true,
items: [
{
id: "task",
value: "",
options: [],
placeholder: this.$i18n.t("ID_TASK_NAME"),
},
],
makeTagText: function (params, data) {
return `${this.tagPrefix}: ${data[0].label || ""}`;
},
},
PMCORE-3597
2021-12-13 20:52:21 +00:00
processCategory: {
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
group: "checkbox",
PMCORE-3597
2021-12-13 20:52:21 +00:00
type: "ProcessCategory",
id: "processCategory",
title: `${this.$i18n.t('ID_FILTER')}: ${this.$i18n.t('ID_BY_PROCESS_CATEGORY')}`,
optionLabel: this.$i18n.t('ID_BY_PROCESS_CATEGORY'),
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
detail: "",
tagText: "",
PMCORE-3597
2021-12-13 20:52:21 +00:00
tagPrefix: this.$i18n.t('ID_SEARCH_BY_PROCESS_CATEGORY'),
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
autoShow: false,
items:[
{
id: "process",
value: "",
options: [],
PMCORE-3597
2021-12-13 20:52:21 +00:00
placeholder: this.$i18n.t('ID_CATEGORY_PROCESS')
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
}
],
makeTagText: function (params, data) {
return `${this.tagPrefix} ${data[0].options && data[0].options.label || ''}`;
}
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Corrections miss data
2021-11-22 12:46:07 -04:00
},
PMCORE-3597
2021-12-13 20:52:21 +00:00
processName: {
update translations
2021-11-30 17:10:36 +00:00
group: "checkbox",
PMCORE-3597
2021-12-13 20:52:21 +00:00
type: "ProcessName",
id: "processName",
title: `${this.$i18n.t('ID_FILTER')}: ${this.$i18n.t('ID_BY_PROCESS_NAME')}`,
optionLabel: this.$i18n.t('ID_BY_PROCESS_NAME'),
update translations
2021-11-30 17:10:36 +00:00
detail: "",
tagText: "",
PMCORE-3597
2021-12-13 20:52:21 +00:00
tagPrefix: this.$i18n.t('ID_SEARCH_BY_PROCESS_NAME'),
update translations
2021-11-30 17:10:36 +00:00
autoShow: false,
items:[
{
id: "process",
value: "",
options: [],
PMCORE-3597
2021-12-13 20:52:21 +00:00
placeholder: this.$i18n.t('ID_PROCESS_NAME')
update translations
2021-11-30 17:10:36 +00:00
}
],
makeTagText: function (params, data) {
return `${this.tagPrefix} ${data[0].options && data[0].options.label || ''}`;
}
},
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Corrections miss data
2021-11-22 12:46:07 -04:00
showUserTooltip: true
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
}
fix custom cases list
2021-08-27 16:35:06 +00:00
};
},
created() {
this.initFilters();
},
mounted() {
let that = this;
// force to open case
this.openDefaultCase();
// define sort event
fix Cr notes
2021-08-27 19:15:18 +00:00
Event.$on("vue-tables.todo.sorted", function(data) {
PMCORE-3252: (custom cases list) columns settings was not saved for a final user
2021-08-30 22:48:33 +00:00
that.$emit("updateSettings", {
data: data,
key: "orderBy",
PMCORE-3354: Case List Settings > The change of order is not automatically saved per user restore props fix custom cases list
2021-09-20 14:30:27 +00:00
page: that.data.pageParent,
PMCORE-3252: (custom cases list) columns settings was not saved for a final user
2021-08-30 22:48:33 +00:00
type: "custom",
id: that.data.customListId
});
fix custom cases list
2021-08-27 16:35:06 +00:00
});
TEST PMCORE-3358:The Update Order is Lost in the Sorting options of the table lists PMCORE_3.7.0 build Translation CR
2021-09-27 10:20:45 -04:00
Event.$on('clearSortEvent', this.clearSort);
fix custom cases list
2021-08-27 16:35:06 +00:00
},
watch: {
columns: function(val) {
PMCORE-3252: (custom cases list) columns settings was not saved for a final user
2021-08-30 22:48:33 +00:00
if (this.isFistTime) {
this.isFistTime = false;
} else {
this.$emit("updateSettings", {
data: val,
key: "columns",
PMCORE-3354: Case List Settings > The change of order is not automatically saved per user restore props fix custom cases list
2021-09-20 14:30:27 +00:00
page: this.data.pageParent,
PMCORE-3252: (custom cases list) columns settings was not saved for a final user
2021-08-30 22:48:33 +00:00
type: "custom",
id: this.data.customListId
});
}
PMCORE-3306: remove sendBy filter in draft list remove debugger fix code style fix init filters fix advanced search
2021-09-10 02:56:19 +00:00
}
fix custom cases list
2021-08-27 16:35:06 +00:00
},
computed: {
/**
* Build our ProcessMaker apiClient
*/
ProcessMaker() {
return window.ProcessMaker;
},
fix custom case list view mode
2021-10-05 21:29:50 +00:00
fix custom cases list
2021-08-27 16:35:06 +00:00
},
updated() {},
beforeCreate() {},
methods: {
update
2021-10-06 20:32:05 +00:00
/**
* Get custom headigns for dynamic lists
update
2021-10-06 20:36:58 +00:00
* @param {String} column
* @param {Object} props
* @returns {*}
update
2021-10-06 20:32:05 +00:00
*/
fix custom case list view mode
2021-10-05 21:29:50 +00:00
getCustomHeading(column, props) {
if (props["headings"] && props["headings"][column]) {
return props["headings"][column];
} else {
return column;
}
},
fix custom cases list
2021-08-27 16:35:06 +00:00
/**
* Initialize filters
*/
initFilters() {
let params;
if (this.defaultOption) {
params = utils.getAllUrlParams(this.defaultOption);
if (params && params.openapplicationuid) {
this.$emit("onUpdateFilters", [
{
fieldId: "caseNumber",
filterVar: "caseNumber",
label: "",
options: [],
value: params.openapplicationuid,
autoShow: false,
},
]);
}
}
},
/**
* Open a case when the component was mounted
*/
openDefaultCase() {
let params;
if (this.defaultOption) {
params = utils.getAllUrlParams(this.defaultOption);
if (params && params.app_uid && params.del_index) {
this.openCase({
APP_UID: params.app_uid,
DEL_INDEX: params.del_index,
});
this.$emit("cleanDefaultOption");
PMCORE-3442:FE The PMFCaseLink does not work when the action=sent Error index Corrections
2021-10-22 16:21:04 -04:00
} else if (params && params.openapplicationuid) {
//force to search in the parallel tasks
fix custom cases list
2021-08-27 16:35:06 +00:00
this.onUpdateFilters({
params: [
{
fieldId: "caseNumber",
filterVar: "caseNumber",
label: "",
options: [],
value: params.openapplicationuid,
autoShow: false,
},
],
PMCORE-3195:CLONE - 3.7.0 - [Zendesk - 5630]PMFCaseLink() redirects to Participated folder
2021-10-04 16:28:27 -04:00
refresh: true,
fix custom cases list
2021-08-27 16:35:06 +00:00
});
this.$emit("cleanDefaultOption");
}
}
},
/**
* On row click event handler
* @param {object} event
*/
onRowClick(event) {
let self = this;
self.clickCount += 1;
if (self.clickCount === 1) {
self.singleClickTimer = setTimeout(function() {
self.clickCount = 0;
}, 400);
} else if (self.clickCount === 2) {
clearTimeout(self.singleClickTimer);
self.clickCount = 0;
PMCORE-3438: Paused > Different view to Unpaused a Case when the List or Card View is activated.
2021-10-18 14:02:48 +00:00
if (this.data.pageParent === "paused") {
self.showModalUnpauseCase(event.row);
} else if(this.data.pageParent === "unassigned") {
self.claimCase(event.row);
} else {
self.openCase(event.row);
}
fix custom cases list
2021-08-27 16:35:06 +00:00
}
},
/**
* Get cases todo data
*/
getCasesForVueTable(data) {
let that = this,
dt,
paged,
limit = data.limit,
start = data.page === 1 ? 0 : limit * (data.page - 1),
filters = {},
sort = "",
id = this.data.customListId;
filters = {
paged: paged,
limit: limit,
offset: start,
};
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
if (_.isEmpty(that.filters) && this.data.settings) {
_.forIn(this.data.settings.filters, function(item, key) {
if (filters && item.value) {
filters[item.filterVar] = item.value;
}
});
} else {
_.forIn(this.filters, function(item, key) {
if (filters && item.value) {
filters[item.filterVar] = item.value;
}
});
}
fix custom cases list
2021-08-27 16:35:06 +00:00
sort = that.prepareSortString(data);
if (sort) {
filters["sort"] = sort;
}
return new Promise((resolutionFunc, rejectionFunc) => {
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
api.custom[that.data.pageParent]
fix custom cases list
2021-08-27 16:35:06 +00:00
({
id,
filters,
})
.then((response) => {
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
let tmp,
columns = [],
product,
newItems = [];
that.filterItems = [];
PMCORE-3612
2022-01-05 20:11:33 +00:00
that.headings = {
detail: this.$i18n.t("ID_DETAIL_CASE"),
actions: "",
};
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
response.data.columns.forEach((item) => {
if (item.enableFilter) {
if (that.availableItems[that.itemMap[item.field]]) {
newItems.push(that.availableItems[that.itemMap[item.field]]);
} else {
PMCORE-3703 PMCORE-3703 update
2022-04-13 16:00:36 +00:00
product = this.filterItemFactory(item);
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
if (product) {
newItems.push(product);
}
}
}
PMCORE-3446: usto Case List Labels should be displayed as the labels defined in the Report Table Build 3.7.0-5474
2021-10-25 14:46:55 +00:00
that.headings[item.field] = item.name;
PMCORE-3703-D PMCORE-3703-D update update update 1
2022-04-26 12:33:53 +00:00
columns.push(item.field);
fix custom cases list
2021-08-27 16:35:06 +00:00
});
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
that.filterItems = newItems;
fix custom cases list
2021-08-27 16:35:06 +00:00
dt = that.formatDataResponse(response.data.data);
that.cardColumns = columns;
if (that.isFistTime) {
ÂPMCORE-3324: Column Settings and Task Action Ellipses Icons should be aligned PMCORE_3.7.0 build
2021-09-17 22:02:18 +00:00
that.filters = that.data.settings && that.data.settings.filters ? that.data.settings.filters : {};
that.columns = that.data.settings && that.data.settings.columns ? that.data.settings.columns : that.getTableColumns(columns);
that.settingOptions = that.formatColumnSettings(columns);
fix custom cases list
2021-08-27 16:35:06 +00:00
}
resolutionFunc({
data: dt,
count: response.data.total,
});
})
.catch((e) => {
rejectionFunc(e);
});
});
},
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
/**
* Create a filter item dinamically
* @param {object} item
* @returns {object|boolean}
*/
filterItemFactory(item) {
let product;
if (item.type === "DATETIME") {
PMCORE-3703 PMCORE-3703 update
2022-04-13 16:00:36 +00:00
product= _.cloneDeep(this.customItems["DATETIME"]);
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
} else {
PMCORE-3703 PMCORE-3703 update
2022-04-13 16:00:36 +00:00
product = _.cloneDeep(this.customItems["VARCHAR"]);
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
}
product.title += " " + item.name;
product.id = item.field;
product.optionLabel = item.name;
product.tagPrefix = item.name;
if (product.items && product.items[0]) {
PMCORE-3703-D PMCORE-3703-D update update update 1
2022-04-26 12:33:53 +00:00
product.items[0].id = item.idFilter?item.idFilter : item.field;
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
}
product.placeholder = "";
return product;
},
fix custom cases list
2021-08-27 16:35:06 +00:00
/**
* Prepare sort string to be sended in the service
* @param {object} data
* @returns {string}
*/
prepareSortString(data) {
let sort = "";
if (data.orderBy && this.columMap[data.orderBy]) {
sort = `${this.columMap[data.orderBy]},${
data.ascending === 1 ? "ASC" : "DESC"
}`;
}
return sort;
},
/**
* Format Response API TODO to grid todo and columns
fix Cr notes
2021-08-27 19:15:18 +00:00
* @param {object} response
* @returns {object}
fix custom cases list
2021-08-27 16:35:06 +00:00
*/
formatDataResponse(response) {
let data = [];
_.forEach(response, (v) => {
data.push({
PMCORE-3269: values in custom case list are not filled
2021-09-01 15:43:57 +00:00
...v,
...{
CASE_NUMBER: v.APP_NUMBER,
PMCORE-3362:Relabel Case Title for Case Thead Title in My Cases and Task List for PMCORE_3.7.0 CaseList
2021-09-28 12:19:49 -04:00
THREAD_TITLE: v.DEL_TITLE,
PMCORE-3269: values in custom case list are not filled
2021-09-01 15:43:57 +00:00
PROCESS_NAME: v.PRO_TITLE,
update translations
2021-11-30 17:10:36 +00:00
PROCESS_CATEGORY: v.CATEGORY,
PMCORE-3269: values in custom case list are not filled
2021-09-01 15:43:57 +00:00
TASK: [
{
TITLE: v.TAS_TITLE,
CODE_COLOR: v.TAS_COLOR,
COLOR: v.TAS_COLOR_LABEL,
DELAYED_TITLE:
v.TAS_STATUS === "OVERDUE"
? this.$i18n.t("ID_DELAYED") + ":"
: this.statusTitle[v.TAS_STATUS],
DELAYED_MSG:
v.TAS_STATUS === "OVERDUE" ? v.DELAY : "",
},
],
USER_DATA: this.formatUser(v.SEND_BY_INFO),
USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
userName: v.USR_LASTNAME,
firstName: v.USR_LASTNAME,
lastName: v.USR_LASTNAME,
format: window.config.FORMATS.format || null,
}),
DUE_DATE: v.DEL_TASK_DUE_DATE_LABEL,
DELEGATION_DATE: v.DEL_DELEGATE_DATE_LABEL,
PRIORITY: v.DEL_PRIORITY_LABEL,
DEL_INDEX: v.DEL_INDEX,
APP_UID: v.APP_UID,
PRO_UID: v.PRO_UID,
TAS_UID: v.TAS_UID,
}
fix custom cases list
2021-08-27 16:35:06 +00:00
});
});
return data;
},
/**
* Set the format to show user's information
fix Cr notes
2021-08-27 19:15:18 +00:00
* @return {array} data
* @returns {object}
fix custom cases list
2021-08-27 16:35:06 +00:00
*/
formatUser(data) {
var dataFormat = [],
userDataFormat;
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Correction Style
2021-11-26 11:31:48 -04:00
switch (data.key_name) {
case 'user_tooltip':
userDataFormat = utils.userNameDisplayFormat({
userName: data.user_tooltip.usr_firstname,
firstName: data.user_tooltip.usr_lastname,
lastName: data.user_tooltip.usr_username,
format: window.config.FORMATS.format || null
});
dataFormat.push({
USERNAME_DISPLAY_FORMAT: userDataFormat,
EMAIL: data.user_tooltip.usr_email,
POSITION: data.user_tooltip.usr_position,
AVATAR: userDataFormat !== "" ? window.config.SYS_SERVER_AJAX +
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Corrections miss data
2021-11-22 12:46:07 -04:00
window.config.SYS_URI +
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Correction Style
2021-11-26 11:31:48 -04:00
`users/users_ViewPhotoGrid?pUID=${data.user_tooltip.usr_id}` : "",
UNASSIGNED: userDataFormat !== "" ? true : false,
SHOW_TOOLTIP: true
});
break;
case 'dummy_task':
dataFormat = data.dummy_task.type + ': ' + data.dummy_task.name;
break;
default:
dataFormat = "";
break;
PMCORE-3509:In version 3.7.0 the inbox the send by field displays the undefined username after a script task Corrections miss data
2021-11-22 12:46:07 -04:00
}
fix custom cases list
2021-08-27 16:35:06 +00:00
return dataFormat;
},
/**
* Open selected cases in the inbox
*
* @param {object} item
*/
openCase(item) {
this.$emit("onUpdateDataCase", {
APP_UID: item.APP_UID,
DEL_INDEX: item.DEL_INDEX,
PRO_UID: item.PRO_UID,
TAS_UID: item.TAS_UID,
ACTION: "todo",
});
this.$emit("onUpdatePage", "XCase");
},
/**
* Open case detail
*
* @param {object} item
*/
openCaseDetail(item) {
let that = this;
api.cases.open(_.extend({ ACTION: "todo" }, item)).then(() => {
api.cases
.cases_open(_.extend({ ACTION: "todo" }, item))
.then(() => {
that.$emit("onUpdateDataCase", {
APP_UID: item.APP_UID,
DEL_INDEX: item.DEL_INDEX,
PRO_UID: item.PRO_UID,
TAS_UID: item.TAS_UID,
APP_NUMBER: item.CASE_NUMBER,
ACTION: "todo",
});
that.$emit("onUpdatePage", "case-detail");
});
});
},
onRemoveFilter(data) {},
PMCORE-3306: remove sendBy filter in draft list remove debugger fix code style fix init filters fix advanced search
2021-09-10 02:56:19 +00:00
/**
* Prepare the data to be updated
* @param {object} data
*/
prepareAndUpdate(data) {
let canUpdate = false,
newFilters = [];
data.params.forEach(item => {
const container = {...item};
container.autoShow = false;
if (item.value !== "") {
newFilters.push(container);
canUpdate = true;
}
});
if (data.params.length == 0) {
canUpdate = true;
}
if (canUpdate) {
this.$emit("updateSettings", {
data: newFilters,
key: "filters",
PMCORE-3354: Case List Settings > The change of order is not automatically saved per user restore props fix custom cases list
2021-09-20 14:30:27 +00:00
page: this.data.pageParent,
PMCORE-3306: remove sendBy filter in draft list remove debugger fix code style fix init filters fix advanced search
2021-09-10 02:56:19 +00:00
type: "custom",
id: this.data.customListId
});
}
},
fix custom cases list
2021-08-27 16:35:06 +00:00
onUpdateFilters(data) {
this.filters = data.params;
PMCORE-3306: remove sendBy filter in draft list remove debugger fix code style fix init filters fix advanced search
2021-09-10 02:56:19 +00:00
this.prepareAndUpdate(data);
fix custom cases list
2021-08-27 16:35:06 +00:00
if (data.refresh) {
this.$nextTick(() => {
if (this.typeView === "GRID") {
this.$refs["vueTable"].getData();
}
if (this.typeView === "CARD") {
this.$refs["vueCardView"].getData();
}
if (this.typeView === "LIST") {
this.$refs["vueListView"].getData();
}
});
}
},
/**
* update view in component
*/
updateView(newData) {
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
let newCriteria = [];
fix custom cases list
2021-08-27 16:35:06 +00:00
this.isFistTime = true;
this.typeView = "GRID";
// force to update component id
PMCORE-3306: remove sendBy filter in draft list remove debugger fix code style fix init filters fix advanced search
2021-09-10 02:56:19 +00:00
if (newData) {
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
if(newData.customListId) {
this.data.customListId = newData.customListId;
}
this.dataSubtitle = {
subtitle: newData.pageName,
PMCORE-3284:UI - set the color in the icon for custom case list correction menu documentation CR
2021-09-03 16:07:56 -04:00
icon: newData.pageIcon,
color: newData.color
PMCORE-3267: subtitles does not work
2021-09-01 13:13:43 +00:00
}
fix code style
2021-09-17 22:08:18 +00:00
this.data.settings = newData.settings;
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
this.filters = {};
PMCORE-3438: Paused > Different view to Unpaused a Case when the List or Card View is activated.
2021-10-18 14:02:48 +00:00
this.typeView = newData.settings && newData.settings.view ? newData.settings.view.typeView : this.typeView;
fix custom cases list
2021-08-27 16:35:06 +00:00
}
fix page navigation issue
2021-08-31 00:03:41 +00:00
if (this.typeView === "GRID" && this.$refs["vueTable"]) {
PMCORE-3394: Unassigned > The user can pause a case add a validation
2021-10-13 15:12:45 +00:00
if (newData && newData.settings && newData.settings.orderBy) {
PMCORE-3300: Custom cases list: Enable Search Filter does not work fix code style change service method fix CR notes migrate GET to POST fix card view
2021-09-13 16:05:18 +00:00
this.$refs["vueTable"].setOrder(newData.settings.orderBy.column, newData.settings.orderBy.ascending);
} else {
this.$refs["vueTable"].setOrder(false);
}
fix custom cases list
2021-08-27 16:35:06 +00:00
}
fix page navigation issue
2021-08-31 00:03:41 +00:00
if (this.typeView === "CARD" && this.$refs["vueCardView"]) {
fix custom cases list
2021-08-27 16:35:06 +00:00
this.$refs["vueCardView"].getData();
}
fix page navigation issue
2021-08-31 00:03:41 +00:00
if (this.typeView === "LIST" && this.$refs["vueCardView"]) {
fix custom cases list
2021-08-27 16:35:06 +00:00
this.$refs["vueListView"].getData();
}
},
/**
* Show modal to pause a case
* @param {objec} data
*/
showModalPause(data) {
this.$refs["modal-pause-case"].data = data;
this.$refs["modal-pause-case"].show();
},
/**
* Show modal to reassign a case
* @param {objec} data
*/
showModalReassign(data) {
this.$refs["modal-reassign-case"].data = data;
this.$refs["modal-reassign-case"].show();
},
/**
* Show options in the ellipsis
* @param {objec} data
*/
updateDataEllipsis(data) {
this.showEllipsis = !this.showEllipsis;
if (this.showEllipsis) {
this.dataEllipsis = this.ellipsisItemFactory(data, this.data.pageParent);
}
},
PMCORE-3457: Custom Case List > Draft > message is not displaying and an error appears in console when Case Note button is pressed
2021-10-25 13:49:01 +00:00
/**
* Show the alert message
* @param {string} message - message to be displayen in the body
* @param {string} type - alert type
*/
showAlert(message, type) {
this.dataAlert.message = message;
this.dataAlert.variant = type || "info";
this.dataAlert.dismissCountDown = this.dataAlert.dismissSecs;
},
/**
* Updates the alert dismiss value to update
* dismissCountDown and decrease
* @param {mumber}
*/
countDownChanged(dismissCountDown) {
this.dataAlert.dismissCountDown = dismissCountDown;
},
fix custom cases list
2021-08-27 16:35:06 +00:00
/**
* Claim case
*
* @param {object} item
*/
claimCase(item) {
let that = this;
api.cases.open(_.extend({ ACTION: "unassigned" }, item)).then(() => {
api.cases.cases_open(_.extend({ ACTION: "todo" }, item)).then(() => {
that.$refs["modal-claim-case"].data = item;
that.$refs["modal-claim-case"].show();
});
});
},
showModalUnpauseCase(item) {
this.$refs["modal-unpause-case"].data = item;
this.$refs["modal-unpause-case"].show();
},
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
/**
* Open the case notes modal
* @param {object} data - needed to create the data
*/
openComments(data) {
let that = this;
api.cases.open(_.extend({ ACTION: "todo" }, data)).then(() => {
that.$refs["modal-comments"].dataCase = data;
that.$refs["modal-comments"].show();
});
},
/**
* Post notes event handler
*/
onPostNotes() {
this.$refs["vueTable"].getData();
},
fix custom cases list
2021-08-27 16:35:06 +00:00
/**
* Json factory for ellipsis control item
* @param {object} data
* @param {object} page
* @returns {object}
*/
ellipsisItemFactory (data, page) {
let that = this;
let dataEllipsisMap = {
inbox: {
buttons: {
open: {
name: "open",
icon: "far fa-edit",
fn: function() {
that.openCase(data);
},
},
note: {
name: "case note",
icon: "far fa-comments",
fn: function() {
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
that.openComments(data);
fix custom cases list
2021-08-27 16:35:06 +00:00
},
},
reassign: {
name: "reassign case",
icon: "fas fa-undo",
fn: function() {
that.showModalReassign(data);
},
},
pause: {
name: "pause case",
icon: "far fa-pause-circle",
fn: function() {
that.showModalPause(data);
},
},
},
},
draft: {
buttons: {
open: {
name: "open",
icon: "far fa-edit",
fn: function() {
that.openCase(data);
}
},
note: {
name: "case note",
icon: "far fa-comments",
fn: function() {
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
that.openComments(data);
fix custom cases list
2021-08-27 16:35:06 +00:00
}
},
}
},
paused: {
buttons: {
note: {
name: "case note",
icon: "far fa-comments",
fn: function() {
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
that.openComments(data);
fix custom cases list
2021-08-27 16:35:06 +00:00
}
},
play: {
name: "play case",
icon: "far fa-play-circle",
fn: function() {
that.showModalUnpauseCase(data);
}
},
reassign: {
name: "reassign case",
icon: "fas fa-undo",
fn: function() {
that.showModalReassign(data);
}
}
}
},
unassigned: {
buttons: {
note: {
name: "case note",
icon: "far fa-comments",
fn: function() {
PMCORE-3440: Custom Case List > Add a Case Note from ellipse does not work for each view.
2021-10-18 16:02:11 +00:00
that.openComments(data);
fix custom cases list
2021-08-27 16:35:06 +00:00
}
},
claim: {
name: "claim case",
icon: "fas fa-briefcase",
fn: function() {
that.claimCase(data);
}
}
}
}
};
return dataEllipsisMap[page];
}
},
TEST PMCORE-3358:The Update Order is Lost in the Sorting options of the table lists PMCORE_3.7.0 build Translation CR
2021-09-27 10:20:45 -04:00
/**
* Reset the sort in the table
*/
clearSort() {
if (this.$refs['vueTable']) {
this.$refs['vueTable'].setOrder(false)
this.$emit("updateSettings", {
data: [],
key: "orderBy",
page: that.data.pageParent,
type: "custom",
id: that.data.customListId
});
}
}
fix custom cases list
2021-08-27 16:35:06 +00:00
};
</script>
<style>
.v-container-todo {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 50px;
padding-right: 50px;
}
.VueTables__limit {
display: none;
}
.v-card-text-dark {
color: #343944;
display: inline-block;
}
.v-card-text-highlight {
color: #313541;
display: inline-block;
}
.v-card-text-light {
color: #313541;
display: inline-block;
}
.ellipsis-container {
margin-top: 5em;
PMCORE-3372:'List view' does not have a margin in each border
2021-09-27 17:04:00 -04:00
float: right;
fix custom cases list
2021-08-27 16:35:06 +00:00
}
.v-pm-card-info {
float: right;
}
.vp-inbox-list-actions {
top: 25%;
position: absolute;
}
</style>
Reference in New Issue Copy Permalink