ir-alert v1.2.1

ir-alert

Angular 6 alert component

Usage

1. Install from npm:

npm install ir-alert --save

2. Import IrAlertModule to app.module.ts:

import { IrAlertModule } from 'ir-alert';
@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        IrAlertModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

3. Import IrAlertService to component that you want to use the alert:

import { IrAlertService } from 'ir-alert';

4. Use the alert service:

constructor(public alert: IrAlertService) {
    this.alert.showAlert({
        title: 'IrAlert',
        message: 'Hello World!'
    });
}

Parameters

IrAlertConfig

You can use MatDialogConfig for IrAlertConfig with these two extra configs:

IrAlertButton

sample:

[
    {
        text: 'Yes',
        handler: () => {
            console.log('You pressed "Yes"');
        }
    },
    {
        text: 'No',
        handler: () => {
            console.log('You pressed "No"');
        }
    }
]

IrAlertInput

IrAlertRadioGroup:

Sample

constructor(public alert: IrAlertService) {
    this.alert.showAlert({
        title: 'IrAlert',
        message: 'Hello World!'
    }, [
        {
            text: 'Yes',
            handler: (values) => {
                console.log(values);
            }
        },
        {
            text: 'No',
            handler: () => {
                console.log('You pressed "No"');
            }
        }
    ], [
        {
            type: 'text',
            name: 'name',
            placeholder: 'Name'
        },
        {
            type: 'text',
            name: 'lastname',
            placeholder: 'LastName'
        }
    ]);
}