2017 © Pedro Peláez
 

library laragrowl

Flash Notifications with jGrowl for Laravel

image

samkitano/laragrowl

Flash Notifications with jGrowl for Laravel

  • Sunday, June 12, 2016
  • by SamKitano
  • Repository
  • 1 Watchers
  • 0 Stars
  • 87 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 1 Forks
  • 0 Open issues
  • 2 Versions
  • 4 % Grown

The README.md

Laravel Flash Messages with jGrowl

Latest Version on Packagist Software License Build Status Total Downloads, (*1)

All the awesomeness and functionality of jGrowl made simple, for your Laravel project., (*2)

jGrowl is "an unobtrusive notification system for web applications", by Stan Lemon. If you are not acquainted with this marvelous notification system, I encourage you to pay a visit and read the documentation., (*3)

I find this notification system to be primus inter pares. Very well documented and mantained, "unobtrusive" as advertised, lightweight, flexible, and easy to use. Since I constantly use it, particularly in the Admin sections of my projects, I wrote Laragrowl to easily include it in my Laravel apps., (*4)

The main goal of Laragrowl, rather than fully exploit jGrowl's capabilities, is to provide an out-of-the-box, easy-to-use, consistent notification system within Laravel. I believe this is fully achieved with single-liners like Laragrowl::success('Your model has been updated');., (*5)

Furthermore, with Laravel's awesome ability to use Aliases for the facades, you can even "rename" Laragrowl into something like Notify or Inform. I.e. Inform::error('Validation Failed'). Whatever suits your taste., (*6)

Requirements

-Laravel >= 5.2.X
-PHP >= 5.6
-jQuery >= 1.9.0

Installation

1 - Require with Composer: composer require samkitano/laragrowl, (*7)

2 - Include the service provider in the 'providers' array within config/app.php., (*8)

'providers' => [
    Kitano\Laragrowl\LaragrowlServiceProvider::class,
];

3 - Scroll down config/app.php and add an alias of your convenience (i.e. 'Notify') for the facade:, (*9)

'aliases' => [
    'Notify' => Kitano\Laragrowl\Laragrowl::class,
];

3 - At this point, you must decide whether to a) download jGrowl; b) use a CDN; or c) publish the included version of jGrowl (1.4.5), (*10)

a) Download jGrowl, copy the files to a directory of your convenience and include them in your template:, (*11)

<!DOCTYPE html>
<html>
    <head>
        ...
        <link href="path_to_your_downloaded_jGrowl_css_files" rel="stylesheet" type="text/css"/>
        ...
    </head>

    <body>
        ...
        <!-- Place jQuery Here -->
        <script src="path_to_your_downloaded_jGrowl_js_files"></script>
        ...
    </body>
</html>

b) Using a CDN:, (*12)

<!DOCTYPE html>
<html>
    <head>
      ...
      <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css" />
      <!-- Place Your Theme Here -->
      ...
    </head>

    <body>
        ...
        <!-- Place jQuery Here -->
        <script src="https//cdnjs.cloudflare.com/ajax/libs/jquery-jgrowl/1.4.1/jquery.jgrowl.min.js"></script>
        ...
    </body>
</html>

If you decide to download, or to use a CDN, you'll have to provide your own styling for the notifications. A basic theme is included in this package in src\assets\css\jquery.jgrowl.theme.css Feel free to use it "as is", or as a boilerplate to suit your own needs., (*13)

c) Publish included jGrowl version:, (*14)

php artisan vendor:publish --provider="Kitano\Laragrowl\LaragrowlServiceProvider" --tag=assets

4 - Include the CSS files within your master template <head> section, and the core jGrowl script file right before the closing </body> tag., (*15)

<!DOCTYPE html>
<html>
    <head>
        <title>Laragrowl</title>
        <link href="{{ url('vendor/css/jquery.jgrowl.min.css') }}" rel="stylesheet" type="text/css">
        <link href="{{ url('vendor/css/jquery.jgrowl.theme.min.css') }}" rel="stylesheet" type="text/css">
    <head>

    <body>
        <script src="your.jquery.version.js"></script>
        <script src="{{ url('vendor/js/jquery.jgrowl.min.js') }}"></script>
    </body>

</html>

5 - Publish the message view:, (*16)

php artisan vendor:publish --provider="Kitano\Laragrowl\LaragrowlServiceProvider" --tag=views

6 - Include the view after the jGrowl <script> tag in your master template:, (*17)

    <body>
        <script src="your.jquery.version"></script>
        <script src="{{ url('vendor/js/jquery.jgrowl.min.js) }}"></script>

        @include('vendor.laragrowl.message')
    </body>

REMEMBER: jGrowl is a jQuery plugin, so you MUST have jQuery loaded before your jGrowl source., (*18)

If you are comfortable with elixir, and/or you like to master your own assets, you know what to do next., (*19)

By all means, feel free to modify the provided view resources\vendor\laragrowl\message.blade.php to fit your own requirements., (*20)

Usage

Where? Where you'd usually place a Session::flash('important message')., (*21)

How? You can either use the facade Laragrowl::message or the alias you have provided (if so):, (*22)

// Examples
public function store()
{
    ...

    // PICK YOUR FLAVOUR

    // With an Alias, like "Notify"
    Notify::message('Your stuff has been stored.', 'success');

    // With the Facade
    Laragrowl::message('Your stuff has been stored', 'success');

    // Using available methods to declare the message type
    Laragrowl::default('Your stuff has been stored');
    Laragrowl::success('Your stuff has been stored');
    Laragrowl::error('Your stuff was NOT stored');
    Laragrowl::warning('Your form contains errors, check fields');
    Laragrowl::info('You have a neww message');

    ...
}

Methods

Method Arguments Description Example
::message message, type, header, sticky, life, group Displays a notification according to parameters. If type is not provided, theme will be "default". Laragrowl::message('Welcome, User!', 'default', 'HI THERE')
::default message, header, sticky Displays a "default" themed notification. Laragrowl::default('Welcome, User!');
::info message, header, sticky Displays an "info" themed notification. Ideal for quickly provide an informational message. Laragrowl::info('Please fill out this form')
::success message, header, sticky Displays a "success" themed notification. Ideal for quickly provide a success message. Laragrowl::success('Data Saved!', 'SUCCESS!')
::warning message, header, sticky Displays a "warning" themed notification. Ideal for quickly provide a warning message. Laragrowl::warning('FYI: Third party service is not available at this time.', 'HEY!')
::error message, header, sticky Displays an "error" themed notification. Ideal for quickly provide an error message. Laragrowl::error('Validation Failed! Please correct form erros', 'ERROR', 'sticky')

Arguments

Argument Type Default value Description
message String The message to display.
type String 'success' The default theme for messages. Available: 'default', 'info', 'success', 'warning' and 'error'.
header String '' The message prefix, i.e. 'Error'.
sticky Boolean or String False Weather or not the message will display forever until closed.
life Integer or String 6000 Lifetime of a non-sticky message, in milisseconds.
group String '' An extra CSS selector useful to group messages.

License

Laragrowl is open-sourced software licensed under the MIT license., (*23)

The Versions

12/06 2016

dev-master

9999999-dev

Flash Notifications with jGrowl for Laravel

  Sources   Download

MIT

The Requires

 

The Development Requires

by Sam Kitano

laravel notifications jgrowl

12/06 2016

v1.0

1.0.0.0

Flash Notifications with jGrowl for Laravel

  Sources   Download

MIT

The Requires

 

The Development Requires

by Sam Kitano

laravel notifications jgrowl