Skip to content

A More Flexible Flash Notifications for Laravel

License

Notifications You must be signed in to change notification settings

VimKanzoGH/laravel-notify

 
 

Repository files navigation

Build Status Total Downloads Latest Stable Version License

Introduction

Laravel Notify is a package that lets you add custom notifications to your Laravel >= 8 projects.

A diverse range of notification design is available.

Note This fork is intended to solve a common problem of the original Laravel Notify code polluting user code space.

Dependencies

Installation

{
   "repositories": {
        "laravel-notify": {
            "type": "vcs",
            "url": "https://github.com/damms005/laravel-notify"
        }
    }
}
  • Require package using Composer
composer require mckenziearts/laravel-notify
  • Publish the configuration file and assets by running:

Note The --force option is completely optional

php artisan vendor:publish --provider="Mckenziearts\Notify\LaravelNotifyServiceProvider" --force
  • Finally, include this package's blade views as part of files Tailwind should build styles for, by updating the content property of your app's Tailwind config file tailwind.config.js:
module.exports = {
  content: [
    ...
    ./vendor/mckenziearts/laravel-notify/resources/views/**/*.blade.php",
  ],
}

Usage

  1. Ensure Alpine is loaded on any page where you want to use this Laravel Notify package. You can use the official CDN to quickly include Alpine:
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
  1. Add scripts links with @notifyJs
  2. Include notify partial to your master layout:
<x:notify-messages />
  1. Use notify() helper function inside your controller to set a toast notification for info, success, warning or error

Example

Frontend blade:

<!doctype html>
<html>
    <head>
        <title>Laravel Notify</title>
    </head>
    <body>
        ...
        <x:notify-messages />
        @notifyJs
    </body>
</html>

In a controller, before you perform a redirect, call the notify method with a message.

public function store()
{
    notify()->success('Laravel Notify is awesome!');

    return Redirect::home();
}

Types of notifications

Laravel Notify actually display 5 types of notifications

  1. toast notification, (The default notification for Laravel Notify)
notify()->success('Welcome to Laravel Notify ⚡️') or notify()->success('Welcome to Laravel Notify ⚡️', 'My custom title')
  1. connectify notification, example of basic usage
connectify('success', 'Connection Found', 'Success Message Here')
  1. drakify (😎) notification, displays an alert only
drakify('success') // for success alert
or
drakify('error') // for error alert
  1. smilify notification, displays a simple custom toast notification using the smiley (😊) emoticon
smilify('success', 'You are successfully reconnected')
  1. emotify notification, displays a simple custom toast notification using a vector emoticon
emotify('success', 'You are awesome, your data was successfully created')

Preset Notifications

If you have a specific notification that is used across multiple different places in your system, you can define it as a preset notification in your config file. This makes it easier to maintain commonly used notifications in one place. Read how to define preset messages in the Config section below.

As an example, to use a preset notification you have defined called 'common-notification', use the following:

notify()->preset('common-notification')

You can override any of the values that are set in the config if you need to. For example, this could be useful if you have a common notification across, but you want to change the icon in one particular place that it's used without having to manually write out a new notification.

To do this, simply pass in an array that has the key of the attribute that you want to override and the value you want to override it with.

As an example, we could override the 'title' of our 'common-notification' by using the following:

notify()->preset('common-notification', ['title' => 'This is the overridden title'])

Config

Config file are located at config/notify.php after publishing provider element.

Some awesome stuff. To active dark mode update the theme config, or add global variable NOTIFY_THEME on your .env file

'theme' => env('NOTIFY_THEME', 'dark'),

You can define preset notifications in the config file using the following structure:

'preset-messages' => [
    'user-updated' => [
        'message' => 'The user has been updated successfully.',
        'type'    => 'success',
        'model'   => 'connect',
        'title'   => 'User Updated',
    ],
    'user-deleted' => [
        'message' => 'The user has been deleted successfully.',
        'type'    => 'success',
        'model'   => 'connect',
        'title'   => 'User Deleted',
    ],
],

The example above shows the config for two preset notifications: 'user-updated' and 'user-deleted'.

Change log

Please see the changelog for more information on what has changed recently.

Contributing

Please see contributing.md for details and a todolist.

Security

If you discover any security related issues, please email author email instead of using the issue tracker.

Credits

Donate ❤️

If you use and enjoy Laravel Notify you can encourage the author by

Donors list:

  1. Charlie J - (10,00 $ USD) - Donation made with love by Charlie from United Kingdom - 9 October 2020

License

license. Please see the license file for more information.

About

A More Flexible Flash Notifications for Laravel

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Blade 42.1%
  • JavaScript 30.7%
  • CSS 21.7%
  • PHP 5.5%