Merge pull request #175 from CloudInn/edit-view-options

fix pop up design, refresh listing on clicking close button

Author: thelinuxer

projects/crud/package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "ng-crud-ui",
-    "version": "5.11.4",
+    "version": "5.11.5",
     "dependencies": {
         "tslib": "^2.0.0"
     },

projects/crud/package.json

@@ -29,4 +29,8 @@ mat-icon{
 .grey {
   color: #606060;
   font-size: 30px;
+}
+
+::ng-deep .edit-view-popup .mat-dialog-container {
+  overflow: hidden;
 }

projects/crud/src/lib/components/iframe-modal/iframe-modal.component.css

@@ -25,6 +25,6 @@ export class IframeModalComponent implements OnInit {
   }
 
   closeDialog() {
-    this.iframeDialog.close();
+    this.iframeDialog.close(true);
   }
 }

projects/crud/src/lib/components/iframe-modal/iframe-modal.component.ts

@@ -220,15 +220,20 @@ export class ListingComponent implements OnInit, AfterViewInit {
 
     openEditView(id: number): void {
         if (this.viewConfig.iframeMode === IFrameMode.POP_UP) {
-            const src = `${this.viewConfig.external_link.link}` + `${id}/?` + `${this.viewConfig.external_link.params.join('&')}`;
+            const src = `${this.viewConfig.external_link.link}` + `${id}/?ispopup=1&` + `${this.viewConfig.external_link.params.join('&')}`;
             this.dialog.open(IframeModalComponent, {
                 height: '95vh',
                 width: '100vw',
+                panelClass: 'edit-view-popup',
                 data: {
                     'src': `${src}`,
                     'title': this.viewConfig?.title,
                     'color': 'grey'
                 }
+            }).afterClosed().subscribe((res)=> {
+                if(res) {
+                    window.postMessage("refreshForm", "*");
+                }
             });
         } else {
             this.router.navigate([id], { relativeTo: this.activeRoute });

projects/crud/src/lib/components/listing/listing.component.ts

@@ -113,6 +113,7 @@ export class ModelFormComponent implements OnInit, OnDestroy {
                     this.editForm(this.id);
                 }
             } else if (typeof message.data === 'string' && message.data?.includes('refreshForm')) {
+                this.dialog.closeAll();
                 this._submitSearchFormWithFilters();
             }
         });