vmitchell85/spark-kiosk-notify

Create user notifications from your kiosk

Spark Kiosk Notify

Adds a notification panel to your Laravel Spark Kiosk, allowing you to send notifications to users., _(*1)

Spark 4.x

Spark 4.0 replaced vue-resource for axios. The 2.1 release has been updated to use axios., _(*2)

If you are upgrading to Spark 4.0 you will need to remove the spark-kiosk-notify.js file and republish the resources., _(*3)

Please note the path was updated as well., _(*4)

Vue 1.x

If you are using Vue 1.x please use the 1.0.5 release. The 2.x release is updated for Vue 2.x, _(*5)

Planned / Desired Features

• 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?

Installation process

This package comes with predefined views and routes to use with your existing Spark installation., _(*6)

In order to install the Spark Kiosk Notifications Package into your Spark application:, _(*7)

1. Add this composer package to your composer.json using the command below, _(*8)

composer require vmitchell85/spark-kiosk-notify, _(*9)

2. Add the following to providers array in config\app.php, _(*10)

vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider::class,, _(*11)

3. Publish the Spark resources (views, VueJS components):, _(*12)

php artisan vendor:publish --provider="vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider", _(*13)

4. Add the javascript components to your bootstrap.js file, _(*14)

Add require('./components/SparkKioskNotify/spark-kiosk-notify'); to your resources/assets/js/components/app.js file., _(*15)

5. Compile the Javascript components, _(*16)

npm run dev, _(*17)

6. Add the HTML snippets, _(*18)

File: resources/views/vendor/spark/kiosk.blade.php, _(*19)

Place a link to the notifications settings tab:, _(*20)

<!-- 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>

Inside the <!-- Tab Panels --> section, place the code to load the notifications tab:, _(*21)

<!-- Notifications -->
<div role="tabpanel" class="tab-pane" id="notifications">
    @include('spark-kiosk-notify::notifications')
</div>

7. Try it out, _(*22)

Log into your Spark application and access the new notifications tab located at:, _(*23)

http://your-spark.url/spark/kiosk#/notifications, _(*24)