Membuat Alert Message yang lebih menarik di Laravel

Hallo teman-teman ONPHPID

Bagaimana membuat Alert Message yang lebih menarik di Laravel? Kali ini ONPHPID akan memberikan sebuah referensi packages yang dapat kita gunakan. Packages ini dapat kita gunakan untuk mempercantik Alert Message di website yang kita buat. Kebetulan packages ini hasil belajar sendiri dalam membuat sebuah packages sederhana.

Sebelum kita menggunakan packages ini, diasumsikan bahwa teman-teman telah memiliki sebuah project Laravel yang akan digunakan.

Installasi Packages

Sebelum menggunakan packages ini, kita harus men-download-nya. Teman-teman bisa mengunjungi https://github.com/kenhyuwa/flash-me untuk lebih detailnya. Pada project kita, jalankan perintah composer untuk men-download packages, yaitu

composer require ken/flash-me

setelah selesai jangan lupa publish file yang di butuhkan dengan cara

php artisan vendor:publish --tag="FLashMe"

maka akan ada file baru hasil copy dari packages di direktori config/ dengan nama flash_me.php dan di resources/lang/en/ dengan nama yang sama. Di config/flash_me.php merupakan configurasi file css dan js yang kita gunakan. Kita bisa menggunakan file yang berada di local server kita, atau mengambil dari server lain. Teman-teman bisa merubahnya.

config/flash_me.php

[gists]https://gist.github.com/wichaksono/7ad19a80fb3572da6869878828a2e6ab[/gists]

 

secara default, packages ini mengambil css dan js dari cloudflare.

resources/lang/en/flash_me.php

[gists]https://gist.github.com/wichaksono/25d783d4199206d4805625589d9098d8[/gists]

 

pada file flash_me.php yang berada di direktori resources/lang/en merupakan contoh. Teman-teman bisa merubah pesan yang akan dikirim ke blade dengan merubahnya di file ini.

Jika setting sudah, selanjutnya kita buat route baru yang akan kita gunakan untuk mencoba packages ini.

Tambahkan sebuah route baru di file web.php yang berada di routes/.

[gists]https://gist.github.com/wichaksono/515bb56bf33a4855adf89c468375a8b0[/gists]

Teman-teman bisa lihat, terdapat function flashMe()->success();, function ini merupakan session yang akan kita kirim ke blade/view. Maka kita perlu melakukan perubahan di file welcome.blade.php yang berada di resources/views/ dengan menambahkan code di bawah ini tepat di atas tag penutup body.

[gists]https://gist.github.com/wichaksono/0369e8a6050e8470a73c7f2ce2ceb00c[/gists]

function flashMe()->ok() berfungsi untuk mengecek apakah ada session dengan nama flashMe yang dikirim dari route atau controller. Jika ada, maka akan menjalankan function {!! flashMe_flash() !!}. Jika teman-teman ingin melihat apakah ada session dengan nama flashMe, teman-teman bisa melakukan dump. Caranya seperti ini

[gists]https://gist.github.com/wichaksono/5e27aa4bb22bbd66427dbb3b157f880a[/gists]

Hasil dumpdump

maka teman-teman akan melihat terdapat session dengan nama flashMe, session itulah yang akan kita get di blade.

Jika sudah silakan akses localhost:8000/flash-me. Tapi jangan lupa untuk menghapus code dd(session()->all());, maka akan diredirect ke '/' dengan message dari flashMe seperti gambar di bawah ini:

flash-me

Pada tutorial ini menggunakan Laravel 5.5. Jika teman-teman menggunakan Laravel versi di bawah 5.5, jangan lupa untuk menambahkan class service provider di config/app.php

[gists]https://gist.github.com/wichaksono/c7ab2614f75f24a9c407b35174ec4689[/gists]

Pada packages ini tersedia 4 function yang bisa digunakan, yaitu

flashMe()->success();

flashMe()->info();

flashMe()->warning();

flashMe()->error();

Bagaimana jika kita menggunakan controller? Misal kita ingin mengirim flash setelah berhasil insert data. Kita bisa mengirimnya seperti di bawah ini

[gists]https://gist.github.com/wichaksono/b5a35c1bef6679b3386532a1d6675571[/gists]

Baca Juga: Bagaimana Cara Membuat dan Menggunakan Helper Pada Laravel

Sekian dulu tutorial Membuat Alert Message yang lebih menarik di Laravel. Jika ada hal yang kurang jelas atau ingin ditanyakan dapat kalian sampaikan melalui kolom komentar. JANGAN LUPA like FANSPAGE ONPHPID untuk update informasi dan Subscribe Channel ONPHPID Tutorial. Terima Kasih dan Selamat Belajar…

Scroll to Top
Scroll to Top