👀 This package helps you to add Toast.js notifications to your Laravel app
You can install the package using composer
$ composer require mujhtech/nav-toastr
Then add the service provider to config/app.php
. In Laravel versions 5.5 and beyond, this step can be skipped if package auto-discovery is enabled.
'providers' => [
...
Mujhtech\NavToastr\NavToastrServiceProvider::class
...
];
To install the configuration and assets file run:
$ php artisan navtoastr:install"
Include [app.css] and app.js in your view template:
-
Link to app.css
<link href="src/Toast.css" rel="stylesheet"/>
or@navtoastrCss
-
Link to app.js
<script src="src/Toast.js"></script>
or@navtoastrJs
-
use
navtoastr()
helper function inside your controller to set a toast notification for info, success, warning or error
// Display an info toast with no title
navtoastr()->info('Are you the 6 fingered man?')
as an example:
<?php
namespace App\Http\Controllers;
use App\User;
use App\Http\Requests\PostRequest;
use Illuminate\Database\Eloquent\Model;
class UserController extends Controller
{
public function store(UserRequest $request)
{
$post = User::create($request->only(['username', 'password']));
if ($post instanceof Model) {
navtoastr()->success('Data has been saved successfully!');
return navtoastr()->named('posts.index');
}
navtoastr()->error('An error has occurred please try again later.');
return navtoastr()->back();
}
}
After that add the @navtoastrRender
at the bottom of your view to actualy render the nav-toastr notifications.
<!doctype html>
<html>
<head>
<title>Nav Toastr.js</title>
@navtoastrCss
</head>
<body>
</body>
@navtoastrJs
@navtoastrRender
</html>
// Set a info toast
navtoastr()->info('My name is Muhideen Mujeeb')
// Set a success toast
navtoastr()->success('Have fun storming the castle!')
// Set an error toast
navtoastr()->error('I do not think that word means what you think it means.')
// Set an warning toast
navtoastr()->warning('We do have the Kapua suite available.')
// You can also chain multiple messages together using method chaining
navtoastr()->info('Are you the 6 fingered man?')->success('Have fun storming the castle!')->warning('doritos');
// you could replace @navtoastrRender
by :
navtoastr()->render() or app('nav-toastr')->render()
// you can use navtoastr('')
instead of navtoastr()->success()
function toastr(string $message = null, string $type = 'success', string $title = '', bool $enableCustomButton = false);
so
navtoastr($message)
is equivalent tonavtoastr()->success($message)
navtoastr($message, 'info', true)
is equivalent tonavtoastr()->info($message, true)
navtoastr($message, 'warning', true)
is equivalent tonavtoastr()->warning($message, true)
navtoastr($message, 'error', false)
is equivalent tonavtoastr()->error($message, false)
// config/nav-toastr.php
<?php
return [
'custombuttons' => [
[
'text' => 'Refresh the page',
'reload' => true
],
[
'text' => 'My Website',
'url' => 'https://mujh.tech'
],
[
'text' => 'Twitter',
'url' => 'https://twitter.com/mujhtech'
]
],
];
MIT