laravelhungary / announcement
A simple way of announcements with Laravel
Requires
- illuminate/support: ~5.0
- predis/predis: ^1.1
Requires (Dev)
- phpunit/phpunit: ~4.5
This package is auto-updated.
Last update: 2024-10-17 14:08:28 UTC
README
Laravel Announcement
A package that simplifies the management of site-wide announcements. With "Laravel Announcement" you can display auto-expiring announcements.
Installation
1- composer require laravelhungary/announcement
- plz note that the package use
predis/predis
for all of its operation.
2- Add the followings to config/app.php
'providers' => [ ... LaravelHungary\Announcement\PackageServiceProvider::class, ], 'aliases' => [ ... 'Announce' => LaravelHungary\Announcement\Facades\Announce::class, ]
3- run php artisan vendor:publish
and you will get
/config/announcement.php /views/vendor/announcement/alert.blade.php /Events/NewAnnouncement.php /components/Announcement-bootstrap.vue /components/Announcement-sweetalert.vue
4- That's it.
if you need to broadcast the announcements through something like web-sockets please check Event Broadcasting
Usage
Normal
Create Announcement
Announce::create($title, $message, $type, $ttl);
Params
title
a short message.
For example: Breaking news!
message
A bit longer message.
For example: Our servers are under a DDoS attack. We are trying hard to mitigate it.
type
Type of the announcement.
For example: success,info,danger,warning (or anything you would like to use) , Default is: info
ttl
When should the announcement expire. [Time to live] in seconds.
Default is: 60 seconds
Display of Announcements
put {!! Announce::display() !!}
anywhere you want your announcement to be visible.
===
Broadcasting
Create Announcement
Announce::broadcast($title, $message, $type, $ttl, $transition, $channel_name);
Params
-
title
,message
,type
,ttl
same as the normal announcement -
transition
what is animation type you want.
For example: fade , bounce, etc... Check Vue Transition , Default is: fade
channel_name
change it to override the config value "dont forget to also change it in the component file"
Default is: public-announcement-channel
Display of Announcements
- note that the package doesnt care what driver you use
pusher
orsocket.io
, it will just work 🍺. - we also use VueJs 2, but if you want to use something else then ignore the below and you are free to build your own.
1- put Vue.component('my-announcement', require('./components/Announcement-bootstrap.vue'));
into your app.js file
2- put <my-announcement></my-announcement>
anywhere you want this announcement to show up. For example: your layout.blade.php file
if you want to use something like
Animate.css
follow Custom Transition Classes