0.0.3 • Published 8 years ago
ng2-pnotify v0.0.3
ng2-pnotify
A service wrapping PNotify for ng2.
Install
npm i -s ng2-pnotify
Usage
First, bootstrap the service globally:
import { PNotifySettings } from 'ng2-pnotify';
bootstrap(App, [
provide(PNotifySettings, { useValue: { styling: 'bootstrap3' } }) // defaults to 'brighttheme'
]);Next, inject it into a component:
import { PNotifyService } from 'ng2-pnotify';
@Component({
providers: [PNotifyService],
template: `<button (click)="notify()">click</button>`
})
export class MyComponent {
static get parameters() {
return [[PNotifyService]];
}
constructor(pnotify) {
this.pnotify = pnotify;
}
notify() {
this.pnotify.info({ text: 'hello!' });
}
}Options
| Name | Default | Description |
|---|---|---|
| styling | 'brighttheme' | The theme for pnotify to use. Valid settings are 'brighttheme', 'jqueryui', 'fontawesome', 'bootstrap3' - you must have the corresponding CSS for each of these. |
Functions
| Name | Description |
|---|---|
| success | Creates a success dialog. |
| notice | Creates a notice dialog. |
| error | Creates an error dialog. |
| info | Creates an info dialog. |
| pnotify | Creates a custom dialog. |
| desktop | Requests permission to use desktop mode. |
TODO
Wrappers for more functions, like prompts, modals, confirms.