vmitchell85 / spark-kiosk-notify
从您的展台创建用户通知
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