rg-ng-confirm

Angular 7 Confirmation Modal using ng-bootstrap's modal

Thanks to https://github.com/ybrodsky, and his version https://www.npmjs.com/package/ng-confirmation-modal

Installation

npm install --save angular-confirm-modal

 import { AngularConfirmModalModule } from 'angular-confirm-modal';


 imports: [
  AngularConfirmModalModule.forRoot({
   //optional global config

   //confirmBtnClass: 'btn btn-success',
   //confirmBtnText: 'Confirm',
   //cancelBtnClass: 'btn btn-danger',
   //cancelBtnText: 'Cancel',
   //modalSize: 'lg',
   //modalClass: 'some-modal-class'
  })
 ]

Usage

 <a
  angularConfirmModal
  [title]="'Confirm'"
  [message]="'Are you sure kiddo?'"
  [options]="options"
  (onConfirm)="confirmed()"
  (onCancel)="cancelled()"
 >
  Delete some very important stuff
 </a>

 options: any = {
 	confirmBtnClass: 'btn btn-success',      //DEFAULT VALUE
  confirmBtnText: 'Confirm',      				//DEFAULT VALUE
  cancelBtnClass: 'btn btn-danger',      //DEFAULT VALUE
  cancelBtnText: 'Cancel',      				//DEFAULT VALUE
  modalSize: 'lg',      							 //DEFAULT VALUE
  modalClass: ''      								//DEFAULT VALUE
 }

 confirmed() {
  console.log('confirmed');
 }

 cancelled() {
  console.log('cancelled');
 }

Todo

Done in a rush because couldn't find anything alike, so:

• Add options to set classes and stuff
• Make some tests
• Set some global configs for messages and texts and classes and w/e
• Have the way of setting config reviewed because I just went with my gut