afrizalmy/laratoast-jquery

toast jquery for laravel

Maintainers

Details

github.com/afrizal423/laratoast-jquery

Source

Issues

Documentation

Installs: 14

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 3

Forks: 0

Open Issues: 0

Type:package

v1.0.4 2021-12-30 17:13 UTC

Requires

  • php: >=7.0

MIT e31ce284dac7746428cea5f9f02a113dc4170f58

  • Afrizal <afrizalyasin423.woop@gmail.com>

phpnotificationlaraveltoast

This package is auto-updated.

Last update: 2024-10-29 05:59:48 UTC

README

Latest Stable Version Total Downloads Latest Unstable Version License

laratoast

This is a laravel notification wrapper build with https://kamranahmed.info/toast library.

Install

Using Composer

composer require afrizalmy/laratoast-jquery

Then add the service provider to config/app.php. In Laravel versions 5.5 and above, this step can be skipped if package auto-discovery is enabled.

'providers' => [
    ...
    Afrizalmy\Laratoast\LaratoastServiceProvider::class
    ...
];

As optional if you want to modify the default configuration, you can publish the configuration file:

php artisan vendor:publish --provider='Afrizalmy\Laratoast\LaratoastServiceProvider'

Usage:

Include jQuery and your notification plugin assets in your view template:

  1. Add your styles links tag or @laratoast_css
  2. Add your scripts links tags or @laratoast_js
  3. Add @laratoast_render to render your notification
  4. add @laratoast_jquery if you don't have jquery
  5. use laratoast() helper function inside your controller to set a toast notification for info, success, warning or error
// Display an info toast
laratoast()->info("Are you married?","Information","bottom-right");

as an example:

<?php

namespace App\Http\Controllers;

use App\Post;
use App\Http\Requests\PostRequest;
use Illuminate\Database\Eloquent\Model;

class PostController extends Controller
{
    public function store(PostRequest $request)
    {
        $post = Post::create($request->only(['title', 'body']));

        if ($post instanceof Model) {
            laratoast()->success("Data has been saved successfully!","Success","bottom-right",['textAlign'=>'left']);

            return redirect()->route('posts.index');
        }
        laratoast()->error("An error has occurred please try again later.","Error!","bottom-center");

        return back();
    }
}

After that add the @laratoast_render at the bottom of your view to actualy render the laratoast notifications.

<!doctype html>
<html>
    <head>
        <title>afrizalmy/laratoast-jquery</title>
        @laratoast_jquery <!-- if you don't have jquery -->
        @laratoast_css
    </head>
    <body>
        
    </body>
    @laratoast_js
    @laratoast_render
</html>

Options

// laratoast()->success("Message","Title","position", "options"); 
laratoast()->success("Success notification test","Success","bottom-left"); 
// laratoast()->error("Message","Title","position", "options"); 
laratoast()->error("Error notification test","Error","bottom-right",['textAlign'=>'center']);
// laratoast()->warning("Message","Title","position", "options");       
laratoast()->warning("Warning notification test","Warning","bottom-center",['textAlign'=>'right']); 
// laratoast()->info("Message","Title","position", "options"); 
laratoast()->info("Info notification test","Info","top-left",['textAlign'=>'left']);

you can see the options in the config/laratoast file

Donation

https://saweria.co/afrizalmy