PMCORE-3068:UI - add Send By Column to the task Lists
CR
This commit is contained in:
@@ -15,9 +15,18 @@
|
|||||||
:column="column"
|
:column="column"
|
||||||
:headings="options.headings"
|
:headings="options.headings"
|
||||||
></slot>
|
></slot>
|
||||||
|
<slot
|
||||||
|
name="send_by"
|
||||||
|
:item="item"
|
||||||
|
column="send_by"
|
||||||
|
:headings="options.headings"
|
||||||
|
></slot>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="3">
|
<b-col sm="3">
|
||||||
<slot name="actions"></slot>
|
<slot
|
||||||
|
name="actions"
|
||||||
|
:item="item"
|
||||||
|
></slot>
|
||||||
</b-col>
|
</b-col>
|
||||||
</b-row>
|
</b-row>
|
||||||
</vue-card>
|
</vue-card>
|
||||||
@@ -45,12 +54,20 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.filterOptions();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
classBtn(cls) {
|
classBtn(cls) {
|
||||||
return "btn btn-slim btn-force-radius v-btn-header " + cls;
|
return "btn btn-slim btn-force-radius v-btn-header " + cls;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Filter the column send_by
|
||||||
|
*/
|
||||||
|
filterOptions() {
|
||||||
|
this.options.columns = this.options.columns.filter(function(item) {
|
||||||
|
return item !== "send_by";
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
>
|
>
|
||||||
<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-row>
|
||||||
<b-col sm="10">
|
<b-col sm="5">
|
||||||
<slot
|
<slot
|
||||||
v-for="column in options.columns"
|
v-for="column in options.columns"
|
||||||
:name="column"
|
:name="column"
|
||||||
@@ -17,8 +17,19 @@
|
|||||||
ref="containerList"
|
ref="containerList"
|
||||||
></slot>
|
></slot>
|
||||||
</b-col>
|
</b-col>
|
||||||
|
<b-col sm="5">
|
||||||
|
<slot
|
||||||
|
name="send_by"
|
||||||
|
:item="item"
|
||||||
|
column="send_by"
|
||||||
|
:headings="options.headings"
|
||||||
|
></slot>
|
||||||
|
</b-col>
|
||||||
<b-col sm="2">
|
<b-col sm="2">
|
||||||
<slot name="actions"></slot>
|
<slot
|
||||||
|
name="actions"
|
||||||
|
:item="item"
|
||||||
|
></slot>
|
||||||
</b-col>
|
</b-col>
|
||||||
</b-row>
|
</b-row>
|
||||||
</vue-list>
|
</vue-list>
|
||||||
@@ -46,12 +57,20 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.filterOptions();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
classBtn(cls) {
|
classBtn(cls) {
|
||||||
return "btn btn-slim btn-force-radius v-btn-header " + cls;
|
return "btn btn-slim btn-force-radius v-btn-header " + cls;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Filter the column send_by
|
||||||
|
*/
|
||||||
|
filterOptions() {
|
||||||
|
this.options.columns = this.options.columns.filter(function(item) {
|
||||||
|
return item !== "send_by";
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -69,7 +69,7 @@ export default {
|
|||||||
|
|
||||||
.ellipsis {
|
.ellipsis {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 140px;
|
width: auto;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -39,6 +39,9 @@
|
|||||||
<div slot="task" slot-scope="props">
|
<div slot="task" slot-scope="props">
|
||||||
<TaskCell :data="props.row.TASK" />
|
<TaskCell :data="props.row.TASK" />
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props">
|
||||||
|
<CurrentUserCell :data="props.row.USER_DATA" />
|
||||||
|
</div>
|
||||||
<div slot="current_user" slot-scope="props">
|
<div slot="current_user" slot-scope="props">
|
||||||
{{ props.row.USERNAME_DISPLAY_FORMAT }}
|
{{ props.row.USERNAME_DISPLAY_FORMAT }}
|
||||||
</div>
|
</div>
|
||||||
@@ -68,7 +71,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -119,7 +122,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueCardView>
|
</VueCardView>
|
||||||
<VueListView
|
<VueListView
|
||||||
v-if="typeView === 'LIST'"
|
v-if="typeView === 'LIST'"
|
||||||
@@ -134,7 +144,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -185,6 +195,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueListView>
|
</VueListView>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -204,7 +222,7 @@ import defaultMixins from "./defaultMixins";
|
|||||||
import Ellipsis from '../../components/utils/ellipsis.vue';
|
import Ellipsis from '../../components/utils/ellipsis.vue';
|
||||||
import ModalPauseCase from '../modal/ModalPauseCase.vue';
|
import ModalPauseCase from '../modal/ModalPauseCase.vue';
|
||||||
import ModalReassignCase from '../modal/ModalReassignCase.vue';
|
import ModalReassignCase from '../modal/ModalReassignCase.vue';
|
||||||
|
import CurrentUserCell from "../../components/vuetable/CurrentUserCell.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Todo",
|
name: "Todo",
|
||||||
@@ -221,6 +239,7 @@ export default {
|
|||||||
Ellipsis,
|
Ellipsis,
|
||||||
ModalPauseCase,
|
ModalPauseCase,
|
||||||
ModalReassignCase,
|
ModalReassignCase,
|
||||||
|
CurrentUserCell,
|
||||||
},
|
},
|
||||||
props: ["defaultOption", "filters"],
|
props: ["defaultOption", "filters"],
|
||||||
data() {
|
data() {
|
||||||
@@ -239,6 +258,7 @@ export default {
|
|||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"task",
|
"task",
|
||||||
|
"send_by",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
@@ -253,6 +273,7 @@ export default {
|
|||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY"),
|
priority: this.$i18n.t("ID_PRIORITY"),
|
||||||
@@ -454,6 +475,7 @@ export default {
|
|||||||
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : "",
|
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : "",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
USER_DATA: this.formatUser(v.SEND_BY_INFO),
|
||||||
USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
|
USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
|
||||||
userName: v.USR_LASTNAME,
|
userName: v.USR_LASTNAME,
|
||||||
firstName: v.USR_LASTNAME,
|
firstName: v.USR_LASTNAME,
|
||||||
@@ -471,6 +493,30 @@ export default {
|
|||||||
});
|
});
|
||||||
return data;
|
return data;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Set the format to show user's information
|
||||||
|
* @return {array} dataFormat
|
||||||
|
*/
|
||||||
|
formatUser(data) {
|
||||||
|
var dataFormat = [],
|
||||||
|
userDataFormat;
|
||||||
|
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 +
|
||||||
|
window.config.SYS_URI +
|
||||||
|
`users/users_ViewPhotoGrid?pUID=${data.user_tooltip.user_id}` : "",
|
||||||
|
UNASSIGNED: userDataFormat !== "" ? true : false
|
||||||
|
});
|
||||||
|
return dataFormat;
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* Open selected cases in the inbox
|
* Open selected cases in the inbox
|
||||||
*
|
*
|
||||||
|
|||||||
@@ -40,25 +40,25 @@ export default {
|
|||||||
this.openCase(item);
|
this.openCase(item);
|
||||||
},
|
},
|
||||||
headings: {
|
headings: {
|
||||||
detail: "",
|
|
||||||
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY")
|
priority: this.$i18n.t("ID_PRIORITY")
|
||||||
},
|
},
|
||||||
columns: [
|
columns: [
|
||||||
"detail",
|
|
||||||
"case_number",
|
"case_number",
|
||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
"task"
|
"task",
|
||||||
|
"send_by",
|
||||||
],
|
],
|
||||||
requestFunction(data) {
|
requestFunction(data) {
|
||||||
return that.getCases(data);
|
return that.getCases(data);
|
||||||
|
|||||||
@@ -38,6 +38,9 @@
|
|||||||
<div slot="task" slot-scope="props">
|
<div slot="task" slot-scope="props">
|
||||||
<TaskCell :data="props.row.TASK" />
|
<TaskCell :data="props.row.TASK" />
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props">
|
||||||
|
<CurrentUserCell :data="props.row.USER_DATA" />
|
||||||
|
</div>
|
||||||
<div slot="current_user" slot-scope="props">
|
<div slot="current_user" slot-scope="props">
|
||||||
{{ props.row.USERNAME_DISPLAY_FORMAT }}
|
{{ props.row.USERNAME_DISPLAY_FORMAT }}
|
||||||
</div>
|
</div>
|
||||||
@@ -67,7 +70,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -118,7 +121,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueCardView>
|
</VueCardView>
|
||||||
<VueListView
|
<VueListView
|
||||||
v-if="typeView === 'LIST'"
|
v-if="typeView === 'LIST'"
|
||||||
@@ -133,7 +143,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -184,6 +194,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueListView>
|
</VueListView>
|
||||||
<ModalUnpauseCase ref="modal-unpause-case"></ModalUnpauseCase>
|
<ModalUnpauseCase ref="modal-unpause-case"></ModalUnpauseCase>
|
||||||
</div>
|
</div>
|
||||||
@@ -204,6 +222,7 @@ import VueListView from "../../components/dataViews/vueListView/VueListView.vue"
|
|||||||
import defaultMixins from "./defaultMixins";
|
import defaultMixins from "./defaultMixins";
|
||||||
import Ellipsis from '../../components/utils/ellipsis.vue';
|
import Ellipsis from '../../components/utils/ellipsis.vue';
|
||||||
import ModalReassignCase from '../modal/ModalReassignCase.vue';
|
import ModalReassignCase from '../modal/ModalReassignCase.vue';
|
||||||
|
import CurrentUserCell from "../../components/vuetable/CurrentUserCell.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Paused",
|
name: "Paused",
|
||||||
@@ -220,6 +239,7 @@ export default {
|
|||||||
VueCardView,
|
VueCardView,
|
||||||
VueListView,
|
VueListView,
|
||||||
ModalReassignCase,
|
ModalReassignCase,
|
||||||
|
CurrentUserCell,
|
||||||
},
|
},
|
||||||
props: ["defaultOption", "filters"],
|
props: ["defaultOption", "filters"],
|
||||||
data() {
|
data() {
|
||||||
@@ -238,6 +258,7 @@ export default {
|
|||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"task",
|
"task",
|
||||||
|
"send_by",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
@@ -252,6 +273,7 @@ export default {
|
|||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY"),
|
priority: this.$i18n.t("ID_PRIORITY"),
|
||||||
@@ -449,6 +471,7 @@ export default {
|
|||||||
this.$i18n.t("ID_DELAYED") + ":" : this.statusTitle[v.TAS_STATUS],
|
this.$i18n.t("ID_DELAYED") + ":" : this.statusTitle[v.TAS_STATUS],
|
||||||
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : ""
|
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : ""
|
||||||
}],
|
}],
|
||||||
|
USER_DATA: this.formatUser(v.SEND_BY_INFO),
|
||||||
USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
|
USERNAME_DISPLAY_FORMAT: utils.userNameDisplayFormat({
|
||||||
userName: v.USR_LASTNAME,
|
userName: v.USR_LASTNAME,
|
||||||
firstName: v.USR_LASTNAME,
|
firstName: v.USR_LASTNAME,
|
||||||
@@ -466,6 +489,30 @@ export default {
|
|||||||
});
|
});
|
||||||
return data;
|
return data;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Set the format to show user's information
|
||||||
|
* @return {array} dataFormat
|
||||||
|
*/
|
||||||
|
formatUser(data) {
|
||||||
|
var dataFormat = [],
|
||||||
|
userDataFormat;
|
||||||
|
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 +
|
||||||
|
window.config.SYS_URI +
|
||||||
|
`users/users_ViewPhotoGrid?pUID=${data.user_tooltip.user_id}` : "",
|
||||||
|
UNASSIGNED: userDataFormat !== "" ? true : false
|
||||||
|
});
|
||||||
|
return dataFormat;
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* Open selected cases in the inbox
|
* Open selected cases in the inbox
|
||||||
*
|
*
|
||||||
|
|||||||
@@ -39,25 +39,25 @@ export default {
|
|||||||
this.openCase(item);
|
this.openCase(item);
|
||||||
},
|
},
|
||||||
headings: {
|
headings: {
|
||||||
detail: "",
|
|
||||||
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY")
|
priority: this.$i18n.t("ID_PRIORITY")
|
||||||
},
|
},
|
||||||
columns: [
|
columns: [
|
||||||
"detail",
|
|
||||||
"case_number",
|
"case_number",
|
||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
"task"
|
"task",
|
||||||
|
"send_by",
|
||||||
],
|
],
|
||||||
requestFunction(data) {
|
requestFunction(data) {
|
||||||
return that.getCases(data);
|
return that.getCases(data);
|
||||||
|
|||||||
@@ -36,6 +36,9 @@
|
|||||||
<div slot="task" slot-scope="props">
|
<div slot="task" slot-scope="props">
|
||||||
<TaskCell :data="props.row.TASK" />
|
<TaskCell :data="props.row.TASK" />
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props">
|
||||||
|
<CurrentUserCell :data="props.row.USER_DATA" />
|
||||||
|
</div>
|
||||||
<div slot="due_date" slot-scope="props">
|
<div slot="due_date" slot-scope="props">
|
||||||
{{ props.row.DUE_DATE }}
|
{{ props.row.DUE_DATE }}
|
||||||
</div>
|
</div>
|
||||||
@@ -62,7 +65,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -113,6 +116,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueCardView>
|
</VueCardView>
|
||||||
<VueListView
|
<VueListView
|
||||||
v-if="typeView === 'LIST'"
|
v-if="typeView === 'LIST'"
|
||||||
@@ -127,7 +138,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
<b-col sm="12">
|
<b-col sm="12">
|
||||||
<div class="ellipsis-container" @click="updateDataEllipsis(props.row)">
|
<div class="ellipsis-container" @click="updateDataEllipsis(props.item)">
|
||||||
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
<ellipsis ref="ellipsis" v-if="dataEllipsis" :data="dataEllipsis"> </ellipsis>
|
||||||
</div>
|
</div>
|
||||||
</b-col>
|
</b-col>
|
||||||
@@ -178,6 +189,14 @@
|
|||||||
<TaskCell :data="props.item.TASK" />
|
<TaskCell :data="props.item.TASK" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div slot="send_by" slot-scope="props" class="v-card-text">
|
||||||
|
<span class="v-card-text-dark"
|
||||||
|
>{{ props["headings"][props.column] }} :</span
|
||||||
|
>
|
||||||
|
<span class="v-card-text-light">
|
||||||
|
<CurrentUserCell :data="props.item.USER_DATA" />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</VueListView>
|
</VueListView>
|
||||||
<ModalClaimCase ref="modal-claim-case"></ModalClaimCase>
|
<ModalClaimCase ref="modal-claim-case"></ModalClaimCase>
|
||||||
<ModalPauseCase ref="modal-pause-case"></ModalPauseCase>
|
<ModalPauseCase ref="modal-pause-case"></ModalPauseCase>
|
||||||
@@ -199,6 +218,7 @@ import VueCardView from "../../components/dataViews/vueCardView/VueCardView.vue"
|
|||||||
import VueListView from "../../components/dataViews/vueListView/VueListView.vue";
|
import VueListView from "../../components/dataViews/vueListView/VueListView.vue";
|
||||||
import defaultMixins from "./defaultMixins";
|
import defaultMixins from "./defaultMixins";
|
||||||
import ModalPauseCase from '../modal/ModalPauseCase.vue';
|
import ModalPauseCase from '../modal/ModalPauseCase.vue';
|
||||||
|
import CurrentUserCell from "../../components/vuetable/CurrentUserCell.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Unassigned",
|
name: "Unassigned",
|
||||||
@@ -215,6 +235,7 @@ export default {
|
|||||||
VueCardView,
|
VueCardView,
|
||||||
VueListView,
|
VueListView,
|
||||||
ModalPauseCase,
|
ModalPauseCase,
|
||||||
|
CurrentUserCell,
|
||||||
},
|
},
|
||||||
props: ["defaultOption", "filters"],
|
props: ["defaultOption", "filters"],
|
||||||
data() {
|
data() {
|
||||||
@@ -233,6 +254,7 @@ export default {
|
|||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"task",
|
"task",
|
||||||
|
"send_by",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
@@ -246,6 +268,7 @@ export default {
|
|||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY"),
|
priority: this.$i18n.t("ID_PRIORITY"),
|
||||||
@@ -413,6 +436,7 @@ export default {
|
|||||||
this.$i18n.t("ID_DELAYED") + ":" : this.statusTitle[v.TAS_STATUS],
|
this.$i18n.t("ID_DELAYED") + ":" : this.statusTitle[v.TAS_STATUS],
|
||||||
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : ""
|
DELAYED_MSG: v.TAS_STATUS === "OVERDUE" ? v.DELAY : ""
|
||||||
}],
|
}],
|
||||||
|
USER_DATA: this.formatUser(v.SEND_BY_INFO),
|
||||||
DUE_DATE: v.DEL_TASK_DUE_DATE_LABEL,
|
DUE_DATE: v.DEL_TASK_DUE_DATE_LABEL,
|
||||||
DELEGATION_DATE: v.DEL_DELEGATE_DATE_LABEL,
|
DELEGATION_DATE: v.DEL_DELEGATE_DATE_LABEL,
|
||||||
PRIORITY: v.DEL_PRIORITY_LABEL,
|
PRIORITY: v.DEL_PRIORITY_LABEL,
|
||||||
@@ -424,6 +448,30 @@ export default {
|
|||||||
});
|
});
|
||||||
return data;
|
return data;
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* Set the format to show user's information
|
||||||
|
* @return {array} dataFormat
|
||||||
|
*/
|
||||||
|
formatUser(data) {
|
||||||
|
var dataFormat = [],
|
||||||
|
userDataFormat;
|
||||||
|
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 +
|
||||||
|
window.config.SYS_URI +
|
||||||
|
`users/users_ViewPhotoGrid?pUID=${data.user_tooltip.user_id}` : "",
|
||||||
|
UNASSIGNED: userDataFormat !== "" ? true : false
|
||||||
|
});
|
||||||
|
return dataFormat;
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* Claim case
|
* Claim case
|
||||||
*
|
*
|
||||||
|
|||||||
@@ -39,25 +39,25 @@ export default {
|
|||||||
this.openCase(item);
|
this.openCase(item);
|
||||||
},
|
},
|
||||||
headings: {
|
headings: {
|
||||||
detail: "",
|
|
||||||
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
case_number: this.$i18n.t("ID_MYCASE_NUMBER"),
|
||||||
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
case_title: this.$i18n.t("ID_CASE_TITLE"),
|
||||||
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
process_name: this.$i18n.t("ID_PROCESS_NAME"),
|
||||||
task: this.$i18n.t("ID_TASK"),
|
task: this.$i18n.t("ID_TASK"),
|
||||||
|
send_by: this.$i18n.t("ID_SEND_BY"),
|
||||||
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
current_user: this.$i18n.t("ID_CURRENT_USER"),
|
||||||
due_date: this.$i18n.t("ID_DUE_DATE"),
|
due_date: this.$i18n.t("ID_DUE_DATE"),
|
||||||
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
delegation_date: this.$i18n.t("ID_DELEGATION_DATE"),
|
||||||
priority: this.$i18n.t("ID_PRIORITY")
|
priority: this.$i18n.t("ID_PRIORITY")
|
||||||
},
|
},
|
||||||
columns: [
|
columns: [
|
||||||
"detail",
|
|
||||||
"case_number",
|
"case_number",
|
||||||
"case_title",
|
"case_title",
|
||||||
"process_name",
|
"process_name",
|
||||||
"due_date",
|
"due_date",
|
||||||
"delegation_date",
|
"delegation_date",
|
||||||
"priority",
|
"priority",
|
||||||
"task"
|
"task",
|
||||||
|
"send_by",
|
||||||
],
|
],
|
||||||
requestFunction(data) {
|
requestFunction(data) {
|
||||||
return that.getCases(data);
|
return that.getCases(data);
|
||||||
|
|||||||
@@ -24677,6 +24677,12 @@ msgstr "An error has occurred, please verify on which server \"SendMail\" has be
|
|||||||
msgid "send at"
|
msgid "send at"
|
||||||
msgstr "send at"
|
msgstr "send at"
|
||||||
|
|
||||||
|
# TRANSLATION
|
||||||
|
# LABEL/ID_SEND_BY
|
||||||
|
#: LABEL/ID_SEND_BY
|
||||||
|
msgid "Send By"
|
||||||
|
msgstr "Send By"
|
||||||
|
|
||||||
# TRANSLATION
|
# TRANSLATION
|
||||||
# LABEL/ID_SEND_EMAIL_CASE_PARTICIPANTS
|
# LABEL/ID_SEND_EMAIL_CASE_PARTICIPANTS
|
||||||
#: LABEL/ID_SEND_EMAIL_CASE_PARTICIPANTS
|
#: LABEL/ID_SEND_EMAIL_CASE_PARTICIPANTS
|
||||||
|
|||||||
@@ -61027,6 +61027,7 @@ INSERT INTO TRANSLATION (TRN_CATEGORY,TRN_ID,TRN_LANG,TRN_VALUE,TRN_UPDATE_DATE
|
|||||||
( 'LABEL','ID_SENDING_REQUEST_SALES_DEPARTMENT','en','Sending request to ProcessMaker Sales Department, please wait...','2014-09-18') ,
|
( 'LABEL','ID_SENDING_REQUEST_SALES_DEPARTMENT','en','Sending request to ProcessMaker Sales Department, please wait...','2014-09-18') ,
|
||||||
( 'LABEL','ID_SENDMAIL_NOT_INSTALLED','en','An error has occured, please verify on which server "SendMail" has been installed or any other mail service, and if it has been configured correctly.','2014-01-15') ,
|
( 'LABEL','ID_SENDMAIL_NOT_INSTALLED','en','An error has occured, please verify on which server "SendMail" has been installed or any other mail service, and if it has been configured correctly.','2014-01-15') ,
|
||||||
( 'LABEL','ID_SEND_AT','en','send at','2014-01-15') ,
|
( 'LABEL','ID_SEND_AT','en','send at','2014-01-15') ,
|
||||||
|
( 'LABEL','ID_SEND_BY','en','Send By','2021-08-02') ,
|
||||||
( 'LABEL','ID_SEND_EMAIL_CASE_PARTICIPANTS','en','Send Email (Case Participants)','2014-01-15') ,
|
( 'LABEL','ID_SEND_EMAIL_CASE_PARTICIPANTS','en','Send Email (Case Participants)','2014-01-15') ,
|
||||||
( 'LABEL','ID_SEND_EMAIL_TO_PARTICIPANTS','en','Send email to participants','2020-12-01') ,
|
( 'LABEL','ID_SEND_EMAIL_TO_PARTICIPANTS','en','Send email to participants','2020-12-01') ,
|
||||||
( 'LABEL','ID_SENT','en','Participated','2016-07-11') ,
|
( 'LABEL','ID_SENT','en','Participated','2016-07-11') ,
|
||||||
|
|||||||
Reference in New Issue
Block a user