وبلاگ

افزودن اعلان ها با کتابخانه 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 می توانید پیام دلخواه برای نمایش ایجاد کنید.