From 7861dd0fb811bcf1da0c2ee834ccacfbafd3ae9d Mon Sep 17 00:00:00 2001 From: fabio Date: Tue, 31 Aug 2021 16:14:49 -0400 Subject: [PATCH] PMCORE-3261:Ellipsis does not hidden after execute an action --- .../assets/js/components/utils/ellipsis.vue | 34 ++++++++++++++++--- resources/assets/js/home/Draft/Draft.vue | 6 ++-- resources/assets/js/home/Inbox/Inbox.vue | 6 ++-- resources/assets/js/home/Paused/Paused.vue | 6 ++-- .../assets/js/home/Unassigned/Unassigned.vue | 6 ++-- .../assets/js/home/modal/ModalClaimCase.vue | 10 ++++++ .../assets/js/home/modal/ModalPauseCase.vue | 12 +++++-- .../js/home/modal/ModalReassignCase.vue | 11 +++++- .../assets/js/home/modal/ModalUnpauseCase.vue | 9 ++++- 9 files changed, 79 insertions(+), 21 deletions(-) diff --git a/resources/assets/js/components/utils/ellipsis.vue b/resources/assets/js/components/utils/ellipsis.vue index 2af551553..b54935cc3 100644 --- a/resources/assets/js/components/utils/ellipsis.vue +++ b/resources/assets/js/components/utils/ellipsis.vue @@ -50,11 +50,23 @@ export default { * Show the action buttons by row */ showActionButtons() { - var i; + var i, + elelemts; this.showActions = !this.showActions; if (this.showActions) { - for (i = 0; i < this.$parent.$parent.$parent.$children.length -1 ; i++){ - this.$parent.$parent.$parent.$children[i].$el.style.opacity = 0.15 + if (this.$parent.Row !== undefined) { + for (i = 0; i < this.$parent.$parent.$parent.$children.length -1 ; i++){ + this.$parent.$parent.$parent.$children[i].$el.style.opacity = 0.15 + } + } else if (this.$parent.item !== undefined) { + if (this.$parent.$parent.$parent.$refs.vueListView !== undefined) { + elelemts = this.$parent.$el.getElementsByClassName('col-sm-5'); + elelemts[0].style.opacity = 0.4; + elelemts[1].style.opacity = 0.4; + } + if (this.$parent.$parent.$parent.$refs.vueCardView !== undefined) { + this.$parent.$el.getElementsByClassName('col-sm-9')[0].style.opacity = 0.2 + } } } else { this.hideActionButtons(); @@ -64,11 +76,23 @@ export default { * Hide action buttons */ hideActionButtons() { - var i; + var i, + elelemts; this.showActions = false; - for (i = 0; i < this.$parent.$parent.$parent.$children.length -1 ; i++){ + if (this.$parent.Row !== undefined) { + for (i = 0; i < this.$parent.$parent.$parent.$children.length -1 ; i++){ this.$parent.$parent.$parent.$children[i].$el.style.opacity = 1 } + } else if (this.$parent.item !== undefined) { + if (this.$parent.$parent.$parent.$refs.vueListView !== undefined) { + elelemts = this.$parent.$el.getElementsByClassName('col-sm-5'); + elelemts[0].style.opacity = 1; + elelemts[1].style.opacity = 1; + } + if (this.$parent.$parent.$parent.$refs.vueCardView !== undefined) { + this.$parent.$el.getElementsByClassName('col-sm-9')[0].style.opacity = 1; + } + } }, } } diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue index d0ed0ee19..5ef6b2fe9 100644 --- a/resources/assets/js/home/Draft/Draft.vue +++ b/resources/assets/js/home/Draft/Draft.vue @@ -44,7 +44,7 @@
{{ props.row.PRIORITY }}
- +
@@ -62,7 +62,7 @@
- +
@@ -128,7 +128,7 @@
- +
diff --git a/resources/assets/js/home/Inbox/Inbox.vue b/resources/assets/js/home/Inbox/Inbox.vue index 665856e55..ad6743867 100644 --- a/resources/assets/js/home/Inbox/Inbox.vue +++ b/resources/assets/js/home/Inbox/Inbox.vue @@ -59,7 +59,7 @@
{{ props.row.PRIORITY }}
- +
@@ -77,7 +77,7 @@
- +
@@ -150,7 +150,7 @@
- +
diff --git a/resources/assets/js/home/Paused/Paused.vue b/resources/assets/js/home/Paused/Paused.vue index 25e8e9de0..c19daa7cf 100644 --- a/resources/assets/js/home/Paused/Paused.vue +++ b/resources/assets/js/home/Paused/Paused.vue @@ -58,7 +58,7 @@
{{ props.row.PRIORITY }}
- +
@@ -76,7 +76,7 @@
- +
@@ -149,7 +149,7 @@
- +
diff --git a/resources/assets/js/home/Unassigned/Unassigned.vue b/resources/assets/js/home/Unassigned/Unassigned.vue index 1ae7b95b0..d856e93d7 100644 --- a/resources/assets/js/home/Unassigned/Unassigned.vue +++ b/resources/assets/js/home/Unassigned/Unassigned.vue @@ -53,7 +53,7 @@
{{ props.row.PRIORITY }}
- +
@@ -71,7 +71,7 @@
- +
@@ -144,7 +144,7 @@
- +
diff --git a/resources/assets/js/home/modal/ModalClaimCase.vue b/resources/assets/js/home/modal/ModalClaimCase.vue index 805e320d2..4025f8118 100644 --- a/resources/assets/js/home/modal/ModalClaimCase.vue +++ b/resources/assets/js/home/modal/ModalClaimCase.vue @@ -59,6 +59,16 @@ export default { api.cases.claim(this.data).then((response) => { if (response.status === 200) { that.$refs["modal-claim-case"].hide(); + that.$parent.$refs['ellipsis-' + that.data.TAS_UID].hideActionButtons() + if (that.$parent.$refs["vueTable"] !== undefined) { + that.$parent.$refs["vueTable"].getData(); + } + if (that.$parent.$refs["vueListView"] !== undefined) { + that.$parent.$refs["vueListView"].getData(); + } + if (that.$parent.$refs["vueCardView"] !== undefined) { + that.$parent.$refs["vueCardView"].getData(); + } //TODO Trigger onUpdateDataCase eventBus.$emit("home-update-datacase", { APP_UID: this.data.APP_UID, diff --git a/resources/assets/js/home/modal/ModalPauseCase.vue b/resources/assets/js/home/modal/ModalPauseCase.vue index d950d3f55..0c057fa42 100644 --- a/resources/assets/js/home/modal/ModalPauseCase.vue +++ b/resources/assets/js/home/modal/ModalPauseCase.vue @@ -147,11 +147,19 @@ export default { this.data.unpausedTime = this.pauseData.unpauseTime; this.data.nofitfyUser = this.pauseData.nofitfyUser; this.data.reasonPause = this.pauseData.reasonPause; - api.cases.pauseCase(this.data).then((response) => { if (response.statusText == "OK") { that.$refs["modal-pause-case"].hide(); - that.$parent.$refs["vueTable"].getData(); + that.$parent.$refs['ellipsis-' + that.data.TAS_UID].hideActionButtons() + if (that.$parent.$refs["vueTable"] !== undefined) { + that.$parent.$refs["vueTable"].getData(); + } + if (that.$parent.$refs["vueListView"] !== undefined) { + that.$parent.$refs["vueListView"].getData(); + } + if (that.$parent.$refs["vueCardView"] !== undefined) { + that.$parent.$refs["vueCardView"].getData(); + } } }); }, diff --git a/resources/assets/js/home/modal/ModalReassignCase.vue b/resources/assets/js/home/modal/ModalReassignCase.vue index 45f2473eb..f47be7e72 100644 --- a/resources/assets/js/home/modal/ModalReassignCase.vue +++ b/resources/assets/js/home/modal/ModalReassignCase.vue @@ -122,7 +122,16 @@ export default { api.cases.reassingCase(this.data).then((response) => { if (response.statusText == "OK") { that.$refs["modal-reassign-case"].hide(); - that.$parent.$refs["vueTable"].getData(); + that.$parent.$refs['ellipsis-' + that.data.TAS_UID].hideActionButtons() + if (that.$parent.$refs["vueTable"] !== undefined) { + that.$parent.$refs["vueTable"].getData(); + } + if (that.$parent.$refs["vueListView"] !== undefined) { + that.$parent.$refs["vueListView"].getData(); + } + if (that.$parent.$refs["vueCardView"] !== undefined) { + that.$parent.$refs["vueCardView"].getData(); + } } }); }, diff --git a/resources/assets/js/home/modal/ModalUnpauseCase.vue b/resources/assets/js/home/modal/ModalUnpauseCase.vue index a74db61b8..cd0895cad 100644 --- a/resources/assets/js/home/modal/ModalUnpauseCase.vue +++ b/resources/assets/js/home/modal/ModalUnpauseCase.vue @@ -55,9 +55,16 @@ export default { api.cases.unpause(this.data).then((response) => { if (response.statusText == "OK") { that.$refs["modal-unpause-case"].hide(); - if (that.$parent.$refs["vueTable"]) { // TODO this component should be return a event to parent to code in the parent + that.$parent.$refs['ellipsis-' + that.data.TAS_UID].hideActionButtons() + if (that.$parent.$refs["vueTable"] !== undefined) { that.$parent.$refs["vueTable"].getData(); } + if (that.$parent.$refs["vueListView"] !== undefined) { + that.$parent.$refs["vueListView"].getData(); + } + if (that.$parent.$refs["vueCardView"] !== undefined) { + that.$parent.$refs["vueCardView"].getData(); + } } }); },