vmitchell85/spark-kiosk-notify

从您的展台创建用户通知

v2.1 2017-05-02 11:26 UTC

This package is auto-updated.

Last update: 2024-08-29 04:14:33 UTC


README

为您的Laravel Spark展台添加通知面板,允许您向用户发送通知。

Spark 4.x

Spark 4.0已用axios替换了vue-resource。2.1版本已更新为使用axios。

如果您正在升级到Spark 4.0,则需要删除spark-kiosk-notify.js文件并重新发布资源。

请注意路径也已更新。

Vue 1.x

如果您正在使用Vue 1.x,请使用1.0.5版本。2.x版本已更新以支持Vue 2.x。

计划/期望功能

  • 查看通知
  • 更新通知
  • 删除通知
  • 在用户选项卡上发送通知
  • 选择多个用户
  • 搜索用户而不是列出?如果您有大量用户,列出所有用户可能是一个问题。
  • 切换到SparkForm?

安装过程

此包包含预定义的视图和路由,可用于您的现有Spark安装。

要将Spark Kiosk Notifications Package安装到您的Spark应用程序中

1. 使用以下命令将此Composer包添加到您的composer.json文件中

composer require vmitchell85/spark-kiosk-notify

2. 在config\app.php中的providers数组中添加以下内容

vmitchell85\SparkKioskNotify\SparkKioskNotifyServiceProvider::class,

3. 发布Spark资源(视图,VueJS组件)

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

4. 将JavaScript组件添加到您的bootstrap.js文件中

require('./components/SparkKioskNotify/spark-kiosk-notify');添加到您的resources/assets/js/components/app.js文件中。

5. 编译JavaScript组件

npm run dev

6. 添加HTML片段

文件:resources/views/vendor/spark/kiosk.blade.php

放置一个指向通知设置选项卡的链接

<!-- 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 -->部分中,放置加载通知选项卡的代码

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

7. 尝试使用它

登录到您的Spark应用程序,并访问位于

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