0.2.1 • Published 5 years ago
rg-ng-confirm v0.2.1
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