Notification Toastr Laravel orchiddev.ir

افزودن اعلان ها با کتابخانه Toastr در لاراول

توستر یک کتابخانه جاوا اسکریپت برای اعلان های غیر مسدود کننده است و نیازمند jQuery می باشد. با این کتابخانه می توانید اعلان های ساده در لاراول ایجاد کنید.

۱. برای دانلود کتابخانه توستر به گیت هاب مراجعه کنید:

گیت هاب

 

۲. فایل های کتابخانه توستر را فراخوانی کنید:

 

<link rel="stylesheet" href="{{ asset('css/toastr.min.css') }}">
<script src="{{ asset('js/toastr.min.js') }}"></script>

<script>
        @if(Session::has('message'))
            var type = "{{ Session::get('alert-type','info') }}"
            switch(type){
                case 'info':
                    toastr.info(" {{ Session::get('message') }} ");
                break;

                case 'success':
                    toastr.success(" {{ Session::get('message') }} ");
                break;

                case 'warning':
                    toastr.warning(" {{ Session::get('message') }} ");
                break;

                case 'error':
                    toastr.error(" {{ Session::get('message') }} ");
                break; 
            }
        @endif 
</script>

 

۳. کد زیر را در کنترلر وارد کنید:

 

$notification = array(
    'message' => 'دسته مورد نظر با موفقیت ایجاد شد.',
    'alert-type' => 'success'
);

return redirect()->route('/')->with($notification);

 

عملکرد کد بالا وقتی که در لاراول مثلا در قسمت دسته ها عملیات ایجاد دسته انجام می دهید و اگر عملیات آن به موفقیت همراه باشد, اعلان سبز رنگ در کنار گوشه بالای سایت (دسته مورد نظر با موفقیت ایجاد شد.) نمایش خواهد داد.

 

اعلان ها به رنگ های آبی , سبز,  قرمز,  نارنجی وجود دارد.

 

در قسمت alert-type می توانید info, success, warning, error صدا بزنید و قسمت message می توانید پیام دلخواه برای نمایش ایجاد کنید.

21/12/26 67 بازدید 0 18

, , , , , , , ,
ایجاد دکمه خروج از کاربر (Logout User) در لاراول
67 بازدید 0
آموزش ایجاد وضعیت کاربر آنلاین / آفلاین در لاراول
201 بازدید 2

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *