https://github.com/maxigimenez/angular-atomic-notify
Atomic growl notifications for angular.js applications
https://github.com/maxigimenez/angular-atomic-notify
Last synced: about 1 year ago
JSON representation
Atomic growl notifications for angular.js applications
- Host: GitHub
- URL: https://github.com/maxigimenez/angular-atomic-notify
- Owner: maxigimenez
- License: mit
- Created: 2015-04-07T21:42:29.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2016-02-12T14:10:54.000Z (over 10 years ago)
- Last Synced: 2025-06-10T05:03:50.783Z (about 1 year ago)
- Language: JavaScript
- Homepage: http://maxigimenez.github.io/angular-atomic-notify/
- Size: 69.3 KB
- Stars: 146
- Watchers: 7
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
angular-atomic-notify
=====================
> An AngularJS module to display notifications
## Dependencies
We are using this libraries for the sample, note that jQuery is used for `angular.element` and font awesome for the icons, but you can use another one.
- [**Font Awesome**](http://fortawesome.github.io/Font-Awesome/)
- [**jQuery**](https://jquery.com/)
## Demo
**- [Online demo](http://maxigimenez.github.io/angular-atomic-notify/)**
## Install
Install using bower
```bash
bower install angular-atomic-notify
```
## Usage
### Include in your project
First include the css and js of the project:
```HTML
```
Include the module into your own application:
```JavaScript
angular.module('sample', ['atomic-notify']);
```
Add the directive to your project:
```HTML
```
**Also you can customize 100% the template with your own HTML:**
```HTML
```
### Methods
```JavaScript
atomicNotifyService.info(message, delay);
atomicNotifyService.error(message, delay);
atomicNotifyService.success(message, delay);
atomicNotifyService.warning(message, delay);
```
using `atomicNotify.custom` you can specifc the icon that you want to use in the notification:
```JavaScript
atomicNotifyService.custom(type, message, iconClass, delay);
```
### Provider
```JavaScript
.config(['atomicNotifyProvider', function(atomicNotifyProvider){
atomicNotifyProvider.setDefaultDelay(5000);
atomicNotifyProvider.useIconOnNotification(true);
}])
```
## License
[MIT](LICENSE.md)