iamfaiz/alerter

There is no license information available for the latest version (0.0.10) of this package.

Maintainers

Details

github.com/iamfaiz/alerter

Source

Issues

Installs: 26

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 0

Open Issues: 0

0.0.10 2015-08-08 18:59 UTC

Requires

Unknown License 28aaaffef0db3cacbdfac04115e87aa6d23a4810

  • Rana Faiz Ahmad <iamfaizahmed123.woop@gmail.com>

This package is not auto-updated.

Last update: 2024-05-11 16:12:45 UTC

README

Installation

Pull in the package using Composer.

composer require iamfaiz/alerter

Then add the service provider in the config/app.php.

'providers' => [
    'Alerter\AlerterServiceProvider'
];

And, for convenience, add a facade alias to this same file at the bottom.

'aliases' => [
    'Alert' => 'Alerter\Alert'
];

Lastly run the following command.

php artisan vendor:publish

This will create config/alerter.php file. This file can be used if you don't want to use the default bs3 (Bootstrap 3) driver for your flash alerts.

Usage

Within your controllers, before you perform a redirect.

public function store()
{
    Alert::success('Successfully added a new task');
    
    return redirect()->back();
}

You can use:

Alert::success($message, $title);
Alert::info($message, $title);
Alert::error($message, $title);

And within your master layout file add this.

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        {{ Alert::render() }}
        @yield('content')
    </body>
</html>

If you are using twitter bootstrap the styling would look great by default.That's because in config/alerter.php the driver is set to 'bs3'. Currently 2 drivers comes straight out of the box (bs3, toastr.js) but obviously you can add more.

Toastr Driver

You can also use toastr alerts. Toastr is a popular javascript plugin. You can read more about it from here and check out the demo from here.

Before you use this driver make sure that you have jquery and toastr's javascript and css files loaded on your master layout.

<!DOCTYPE html>
<html>
    <head>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
    </head>
    <body>
        {{ Alert::render() }}
        @yield('content')
        
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
    </body>
</html>