Awlert

Awesome Alerts for Ionic 1.x

Table of Contents

• Demo
• Setup
• Usage
• Example
• Changelog

---

Demo

• Ionic View

  • You can download on Ionic View using the appId: 7f2e70fa

• Clone repository

  • Clone this repo and in /demo folder, then run ionic serve:

---

Setup

Install

`bower install awlert`

Import JS/CSS Files

    <link rel="stylesheet" href="lib/awlert/dist/css/awlert.css">
    <script src="lib/awlert/dist/js/awlert.min.js"></script>

Inject awlert module

    angular.module('myApp', ['ionic', 'awlert'])

---

Usage

awlert

You will use that service for create alerts in your controller.

awlert has 3 methods with the same params (message, duration).

Ps. If you use duration = -1, the awlert will not leave.

Method	Color
error	assertive
neutral	positive
success	balanced

Click event

You can handle with click event, you can see in this example.

---

Examples

Basic Example

    awlert.neutral('Awesome neutral message for your user', 1000);
    awlert.error('Awesome error message for your user', 2000);
    awlert.success('Awesome success message for your user', 1000);

Click Example

    var neutralAwlert = awlert.neutral('User need click to remove it', -1);

    neutralAwlert.$on('awlert:click', function(evt, aw){
        //Do awesome stuffs

        //Then, for close use:
         aw.remove();
         // or
         // neutralAwlert.remove();
    });

Changelog

v1.0.1

• Add support to message with
  for breakline

---

Help this project

If you have some problem or want to suggest more features, please, create an issue for report. You would like to help us? fork it and send a pull request!!!

If you want contact me:

• jouderianjr@gmail.com
• @jouderianjr