/spark-kiosk-notify

Adds a notification panel to your Laravel Spark Kiosk, allowing you to send notifications to users.

Primary LanguageHTMLMIT LicenseMIT

Spark Kiosk Notify

Adds a notification panel to your Laravel Spark Kiosk, allowing you to send notifications to users.

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.

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 config\app.php

vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider::class,

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

php artisan vendor:publish --provider="vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider"

4. Add the javascript components to your bootstrap.js file

Add require('./SparkKioskNotify/spark-kiosk-notify.js'); to your resources/assets/js/components/bootstrap.js file.

5. Compile the Javascript components

gulp

6. Add the HTML snippets

File: resources/views/vendor/spark/kiosk.blade.php

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>

Inside the <!-- 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:

http://your-spark.url/spark/kiosk#/notifications