A simple Growl-like alert service for Angular.js apps
npm install officebot-alertsThis module is a simple Growl-like alert system that uses the Office Bot build-system. It doesn't really provide anything you couldn't find in another package, but the code base is clean and easy to use and doesn't do any weird, magical things that make other packages hard to predict and control (like auto-injecting directives into the DOM)
The first step is to include the library into your Angular application. We use Browserify to bundle our application together, so our application usually looks something like this:
``
var angular = require('angular');
angular
.module('application-root', [
require('officebot-alerts')
]);
`
If you are including this code directly from your HTML, be sure to use the files in /dist.
`
The first step is to add the alerts-pane to your view (ideally in your index.html file):
`
After that, using this module is really simple. You just need to bring in the officebotAlerts service and then use the following methods inside of your controller:
`
.controller(function YourController(officebotAlerts) {
//Use officebotAlerts here!
});
`
Creates a notification that uses Bootstrap's info style
`
@param {string} title
@param {string} message
@param {number=} timeout
Creates a notification that uses Bootstrap's warning style
`
@param {string} title
@param {string} message
@param {number=} timeout
Creates a notification that uses Bootstrap's danger style
`
@param {string} title
@param {string} message
@param {number=} timeout
Creates a notification that uses Bootstrap's danger style, for code clarify, use .error for error handling
`
@param {string} title
@param {string} message
@param {number=} timeout
Creates a notification that uses Bootstrap's success style
`
@param {string} title
@param {string} message
@param {number=} timeout
This function is used to create custom alerts, and is the function that all of the other functions call internally. Setting timeout to 0 will prevent the alert from auto-closing. AlertClass is the name of a css class you would like attached to alert when it is injected into the DOM.
`
@param {string} title
@param {string} message
@param {string} alertClass
@param {number=} timeout
This module uses LESS for styling. You can either bring the less file into your build project (like we do), or you can use the precompiled CSS in the /dist/css` folder
* Write unit tests
MIT