Skip to content
Atomic growl notifications for angular.js applications
Branch: master
Clone or download
maxigimenez Merge pull request #13 from Hakier/master
changed atomicNotify to atomicNotifyService (which is correct) in Methods desc
Latest commit 2d2190a Feb 12, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Array injection on directive Feb 3, 2016
sample Version 1.0.0 Apr 8, 2015
src
.gitignore Version 1.0.0 Apr 8, 2015
.jshintrc Version 1.0.0 Apr 8, 2015
Gruntfile.js Version 1.0.0 Apr 8, 2015
LICENSE.md Version 1.0.0 Apr 8, 2015
README.md changed atomicNotify to atomicNotifyService (which is correct) in Met… Feb 8, 2016
bower.json Array injection on directive Feb 3, 2016
package.json Array injection on directive Feb 3, 2016

README.md

angular-atomic-notify

An AngularJS module to display notifications

Sample

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.

Demo

- Online demo

Install

Install using bower

bower install angular-atomic-notify

Usage

Include in your project

First include the css and js of the project:

<link rel="stylesheet" type="text/css" href="src/angular-atomic-notify.css">
<script type="text/javascript" src="src/angular-atomic-notify.js"></script>

Include the module into your own application:

angular.module('sample', ['atomic-notify']);

Add the directive to your project:

<ng-atomic-notify></ng-atomic-notify>

Also you can customize 100% the template with your own HTML:

<ng-atomic-notify custom-template="custom.html"></ng-atomic-notify>

Methods

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:

atomicNotifyService.custom(type, message, iconClass, delay);

Provider

.config(['atomicNotifyProvider', function(atomicNotifyProvider){
   	atomicNotifyProvider.setDefaultDelay(5000);
	atomicNotifyProvider.useIconOnNotification(true);
}])

License

MIT

You can’t perform that action at this time.