Create user notifications from your kiosk
Adds a notification panel to your Laravel Spark Kiosk, allowing you to send notifications to users.
Spark 4.0 replaced vue-resource for axios. The 2.1 release has been updated to use axios.
If you are upgrading to Spark 4.0 you will need to remove the spark-kiosk-notify.js file and republish the resources.
Please note the path was updated as well.
If you are using Vue 1.x please use the 1.0.5 release. The 2.x release is updated for Vue 2.x
- View notifications
- Update notifications
- Delete notifications
- Send Notification on User's tab
- Select Multiple Users
- Search for users instead of listing? Listing all could be an issue if you have many users.
- Switch to SparkForm?
This package comes with predefined views and routes to use with your existing Spark installation.
In order to install the Spark Kiosk Notifications Package into your Spark application:
1. Add this composer package to your composer.json using the command below
composer require vmitchell85/spark-kiosk-notify
2. Add the following to providers array in
3. Publish the Spark resources (views, VueJS components):
php artisan vendor:publish --provider="vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider"
require('./components/SparkKioskNotify/spark-kiosk-notify'); to your
npm run dev
6. Add the HTML snippets
Place a link to the notifications settings tab:
<!-- Notifications Link --> <li role="presentation"> <a href="#notifications" aria-controls="notifications" role="tab" data-toggle="tab"> <i class="fa fa-fw fa-btn fa-bell"></i>Notifications </a> </li>
<!-- Tab Panels --> section, place the code to load the notifications tab:
<!-- Notifications --> <div role="tabpanel" class="tab-pane" id="notifications"> @include('spark-kiosk-notify::notifications') </div>
7. Try it out
Log into your Spark application and access the new notifications tab located at: