Merge pull request #2938 from bahadirsofuoglu/confirmdialog-hide-call…

…back ConfirmDialog: Hide callback added
primefaces · Sep 8, 2022 · 6822ec0 · 6822ec0
2 parents 445a715 + 25443fc
commit 6822ec0
Show file tree

Hide file tree

Showing 4 changed files with 67 additions and 2 deletions.
diff --git a/src/components/confirmationoptions/ConfirmationOptions.d.ts b/src/components/confirmationoptions/ConfirmationOptions.d.ts
@@ -39,6 +39,10 @@ export interface ConfirmationOptions {
      * Callback to execute when action is rejected.
      */
     reject?: () => void;
+    /**
+     * Callback to execute when dialog is hidden.
+     */
+    onHide?: () => void;
     /**
      * Label of the accept button. Defaults to PrimeVue Locale configuration.
      */

diff --git a/src/components/confirmdialog/ConfirmDialog.vue b/src/components/confirmdialog/ConfirmDialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <CDialog v-model:visible="visible" :modal="true" :header="header" :blockScroll="blockScroll" :position="position" class="p-confirm-dialog" :breakpoints="breakpoints" :closeOnEscape="closeOnEscape">
+    <CDialog v-model:visible="visible" :modal="true" :header="header" :blockScroll="blockScroll" :position="position" class="p-confirm-dialog" :breakpoints="breakpoints" :closeOnEscape="closeOnEscape" @update:visible="onHide">
         <template v-if="!$slots.message">
             <i :class="iconClass" />
             <span class="p-confirm-dialog-message">{{ message }}</span>
@@ -13,9 +13,9 @@
 </template>
 
 <script>
+import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
 import Dialog from 'primevue/dialog';
-import Button from 'primevue/button';
 
 export default {
     name: 'ConfirmDialog',
@@ -71,6 +71,13 @@ export default {
                 this.confirmation.reject();
             }
 
+            this.visible = false;
+        },
+        onHide() {
+            if (this.confirmation.onHide) {
+                this.confirmation.onHide();
+            }
+
             this.visible = false;
         }
     },

diff --git a/src/views/confirmdialog/ConfirmDialogDemo.vue b/src/views/confirmdialog/ConfirmDialogDemo.vue
@@ -67,6 +67,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
+                },
+                onHide: () => {
+                    this.$toast.add({ severity: 'error', summary: 'Hide', detail: 'You have hidden', life: 3000 });
                 }
             });
         },
@@ -81,6 +84,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
+                },
+                onHide: () => {
+                    this.$toast.add({ severity: 'error', summary: 'Hide', detail: 'You have hidden', life: 3000 });
                 }
             });
         },
@@ -96,6 +102,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
+                },
+                onHide: () => {
+                    this.$toast.add({ severity: 'error', summary: 'Hide', detail: 'You have hidden', life: 3000 });
                 }
             });
         },
@@ -112,6 +121,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });
+                },
+                onHide: () => {
+                    this.$toast.add({ severity: 'error', summary: 'Hide', detail: 'You have hidden', life: 3000 });
                 }
             });
         }

diff --git a/src/views/confirmdialog/ConfirmDialogDoc.vue b/src/views/confirmdialog/ConfirmDialogDoc.vue
@@ -49,6 +49,9 @@ export default {
                 },
                 reject: () => {
                     //callback to execute when user rejects the action
+                },
+                onHide: () => {
+                    //Callback to execute when dialog is hidden
                 }
             });
         },
@@ -75,6 +78,9 @@ export default defineComponent({
             },
             reject: () => {
                 //callback to execute when user rejects the action
+            },
+            onHide: () => {
+                //Callback to execute when dialog is hidden
             }
         });
     }
@@ -387,6 +393,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         },
@@ -401,6 +410,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         },
@@ -416,6 +428,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         },
@@ -432,6 +447,9 @@ export default {
                 },
                 reject: () => {
                     this.$toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         }
@@ -506,6 +524,9 @@ export default defineComponent({
                 },
                 reject: () => {
                     toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         }
@@ -521,6 +542,9 @@ export default defineComponent({
                 },
                 reject: () => {
                     toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         }
@@ -537,6 +561,9 @@ export default defineComponent({
                 },
                 reject: () => {
                     toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         }
@@ -554,6 +581,9 @@ export default defineComponent({
                 },
                 reject: () => {
                     this.$toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                },
+                onHide: () => {
+                    this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                 }
             });
         }
@@ -631,6 +661,9 @@ export default defineComponent({
                         },
                         reject: () => {
                             toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                        },
+                        onHide: () => {
+                            this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                         }
                     });
                 }
@@ -646,6 +679,9 @@ export default defineComponent({
                         },
                         reject: () => {
                             toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                        },
+                        onHide: () => {
+                            this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                         }
                     });
                 }
@@ -662,6 +698,9 @@ export default defineComponent({
                         },
                         reject: () => {
                             toast.add({severity:'error', summary:'Rejected', detail:'You have rejected', life: 3000});
+                        },
+                        onHide: () => {
+                            this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                         }
                     });
                 }
@@ -679,6 +718,9 @@ export default defineComponent({
                         },
                         reject: () => {
                             this.$toast.add({severity:'error',         summary:'Rejected', detail:'You have rejected',         life: 3000});
+                        },
+                        onHide: () => {
+                            this.$toast.add({severity:'error', summary:'Hide', detail:'You have hidden', life: 3000});
                         }
                     });
                 }