Laravel Toastr Notifications যুক্ত করুন আপনার এপ্লিকেশনে

laravel toastr notifications
Spread the love

এ পোস্টে,আমরা কিভাবে লারাভেলের flash() হেল্পার ফাংশনটি আমাদের এপ্লিকেশনে laravel toastr notifications দেখানোর জন্যে ব্যবহার করতে পারি তা দেখব।

যখন ইউজার আপনার ওয়েবসাইট ভিজিট করবে তখন লগিন বা রেজিষ্ট্রেশন করলে একটা নোটিফিকেশন মেসেজ এর মাধ্যমে তার কার্যক্রম সম্পন্ন হয়েছে এটা জানানো প্রয়োজন পরে আর তা UX দৃষ্টিকোন থেকে সৌন্দর্য সৃষ্টির জন্যে এই laravel toastr notifications ব্যবহার করা হই।

লারাভেল flash() হেল্পার এর সাহায্যে নোটিফিকেশন মেসেজ সেট করে যা HTTP রিকুয়েষ্ট এ থাকে এবং পরে তা ডিলেট করে দেই।নিচের পদ্ধতিতে আপনি একটি সেশনে নোটিফিকেশন সংরক্ষণ করতে পারেন।

$request->session()->flash('success', 'Post created successfully.');

তারপর নিচের মেথডের মাধ্যমে সেশন ডাটা এক্সেস করতে পারবেন এবং ইউজারদের দেখাতে পারবেন।

{!! session('success') !!}

উপরের পদ্ধতি এর পরিবর্তে আমি toastr js laravel ব্যবহার করি মেসেজ দেখানোর জন্যে। Toastr হচ্ছে একটি জাভাস্ক্রিপ্ট লাইব্রেরি নোটিফিকেশন মেসেজ দেখানোর জন্যে। নিচের লিংক এ আপনি ডেমো দেখতে পারেন

https://codeseven.github.io/toastr/demo.html

 

Laravel toastr example:

প্রথমেই Toastr js লাইব্রেরি যুক্ত করতে হবে আমাদের লারাভেল blade ভিউতে। নিচের দুটো পদ্ধতিতে এটা করতে পারেবেন।

১. css এবং js এর CDN ফাইল যুক্ত করা

২. গিটহাব Toastr Repository থেকে css এবং js ফাইল ডাউনলোড করে

আমি প্রথম পদ্ধতিতে CDN ব্যবহার করে করেছি। নিচের দুটো লিংক ফাইল আমাদের master.blade.php বা app.blade.php এর <head></head> এ যুক্ত করতে হবে।

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css">

নিচের জাভাস্ক্রিপ্ট কোডটুকু আমাদের master.blade.php বা app.blade.app( আপনি যেই মেইন ফাইল এ জাভাস্ক্রিপ্ট রাখেন সেখানে লিখবেন) এর লেআউট নিচে যুক্ত করবো

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

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

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

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

আমাদের Toastr js laravel যুক্ত করা শেষ এখন দেখবো কিভাবে আমরা কন্ট্রোলার এর সাহায্যে laravel toastr notifications দেখাতে পারি। যেখানে দেখাতে চান সেখানে নিচের মত করে কোড লিখুন।

return Redirect::to('/')->with([ 'alert- type' => 'success','message' => 'Post successfully created']);

এখন আপনি সুন্দর নোটিফিকেশন দেখাতে পারবেন Toastr এর মাধ্যমে। আপনি alert-type এ info,success,warning বা error ব্যবহার করে কালারফুল নোটিফিকেশন দেখাতে পারবেন।

Laravel toastr example

লারাভেল মাল্টি অথ এর জন্যে নিচের টিউটিরিয়াল টি দেখতে পারেন

লারাভেল ৬ মাল্টি অথেন্টিকেশন

Leave a Reply

Your email address will not be published. Required fields are marked *