افزودن اعلان ها با کتابخانه ToastrJS در لاراول – لایووایر – به روز رسانی شد.

کتابخانه ToastrJS یک کتابخانه جاوا اسکریپت مفید برای نمایش اعلان ها به کار می رود و در این مقاله می خواهیم به چگونگی ایجاد و نمایش آن در لاراول – لایووایر بپردازیم.

کتابخانه ToastrJS در گیت هاب دانلود کنید.

دو فایل toastr.min.js و toastr.min.css در پروژه لاراول – لایووایر فراخوانی کنید.

کد جاوا اسکریپت زیر را در جایی از پروژه قرار دهید:

<script>
    document.addEventListener('DOMContentLoaded', function() {
        window.addEventListener('toastr:success', event => {
            toastr.success(event.detail.message);
        });
        window.addEventListener('toastr:warning', event => {
            toastr.warning(event.detail.message);
        });
        window.addEventListener('toastr:info', event => {
            toastr.info(event.detail.message);
        });
        toastr.options = {
            "progressBar": true,
            "positionClass": "toast-top-left",
        };
    });
</script>

کد زیر را در کنترلر لایووایر لاراول قرار دهید:

$this->dispatch('toastr:success', message: 'کاربر مورد نظر با موفقیت ایجاد شد');

نکته : در قسمت toastr:success می توانید مقدار آن به سه رنگ success, warning, info برای تغییر رنگ اعلان تغییر دهید.

موفق باشید 🙂