From a1f3f19ec83f2f60add8b8288d1149b53f6843a5 Mon Sep 17 00:00:00 2001 From: David Lebee Date: Thu, 29 Jul 2021 16:51:36 -0400 Subject: [PATCH] v11 backdrop and ignore click. --- projects/poweredsoft/ngx-bootstrap/package.json | 2 +- .../command-modal/directives/command-modal.directive.ts | 6 +++++- .../directives/form-group-command-modal.directive.ts | 8 +++++++- 3 files changed, 13 insertions(+), 3 deletions(-) diff --git a/projects/poweredsoft/ngx-bootstrap/package.json b/projects/poweredsoft/ngx-bootstrap/package.json index fdb6917..fc82ccc 100644 --- a/projects/poweredsoft/ngx-bootstrap/package.json +++ b/projects/poweredsoft/ngx-bootstrap/package.json @@ -1,6 +1,6 @@ { "name": "@poweredsoft/ngx-bootstrap", - "version": "0.0.10", + "version": "0.0.11", "description": "an internal use libary for handling data souces grid filtering sorting, add commands etc", "keywords": [ "angular", diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/directives/command-modal.directive.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/directives/command-modal.directive.ts index 09c9069..57d5a5e 100644 --- a/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/directives/command-modal.directive.ts +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/command-modal/directives/command-modal.directive.ts @@ -23,6 +23,8 @@ export class CommandModalDirective { @Input() btnClass:string; @Input() modalSize: string; @Input() disableValidationSummary: boolean; + @Input() backdrop: boolean; + @Input() ignoreBackdropClick: boolean; @Output() success: EventEmitter = new EventEmitter(); @@ -48,7 +50,9 @@ export class CommandModalDirective { this.modalService.show(CommandModalComponent, { animated: this.animated === undefined ? true : this.animated, class: this.modalSize, - initialState + initialState, + backdrop: this.backdrop === undefined ? true : this.backdrop, + ignoreBackdropClick: this.ignoreBackdropClick === undefined ? false : this.ignoreBackdropClick }); }, error => { diff --git a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/directives/form-group-command-modal.directive.ts b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/directives/form-group-command-modal.directive.ts index e9be622..05df693 100644 --- a/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/directives/form-group-command-modal.directive.ts +++ b/projects/poweredsoft/ngx-bootstrap/src/lib/form-group-command-modal/directives/form-group-command-modal.directive.ts @@ -29,10 +29,14 @@ export class FormGroupCommandModalDirective { @Input() refreshOnSuccess: boolean; @Input() commandText: string; @Input() cancelText: string; + @Input() backdrop: boolean; + @Input() ignoreBackdropClick: boolean; + @Output() formCreate: EventEmitter = new EventEmitter(); @Output() success: EventEmitter = new EventEmitter(); + constructor(private modalService: BsModalService) { } @HostListener('click') @@ -70,7 +74,9 @@ export class FormGroupCommandModalDirective { this.modalService.show(FormGroupCommandModalComponent, { animated: this.animated === undefined ? true : this.animated, - initialState + initialState, + backdrop: this.backdrop === undefined ? true : this.backdrop, + ignoreBackdropClick: this.ignoreBackdropClick === undefined ? false : this.ignoreBackdropClick }); }, error => {