confrariaweb/laravel-jkanban

为 Laravel 设计的 kanban 组件

安装: 46

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 1

开放问题: 0

语言:HTML

类型:

dev-master 2020-03-09 20:23 UTC

This package is not auto-updated.

Last update: 2024-10-03 09:42:50 UTC


README

为 Laravel 提供的 kanban 包

https://github.com/riktar/jkanban

安装

composer require confrariaweb/laravel-jkanban

如何使用

首先需要创建一个 URL,用于返回预期的 JSON 数据,以填充 "boards"。请参阅 "Jkanban" 文档。

完成后,下一步是调用如下控制器中的服务:

    $kanban = resolve('KanbanBuildService');
    $setData['route'] = route('api.users.jkanban', ['api_token' => auth()->user()->api_token]);
    $setData['dropEl'] = 'var user_id = $(el).data(\'eid\');
    var step_slug = target.parentElement.getAttribute(\'data-id\');
    $.post("' . route('users.update.step', ['api_token' => auth()->user()->api_token]) . '",
    {
        user_id: user_id,
        step_slug: step_slug
    },
    function (data, status) {
        //console.log(data);
    })';
    $setData['click'] = 'var user_id = $(el).data(\'eid\');
    window.location.replace("' . url()->to('meridien/users')  . '/" + user_id);';
    $kanban->setData($setData);
    $data['kanban'] = $kanban;
    return view('users.kanban', $data);

如上所示,您还可以注入 JavaScript 代码片段以实现 kanban 操作,这些注入如下:

  • click - 当点击任何 board 的项目时调用的回调
  • dragEl - 当拖动任何 board 的项目时调用的回调
  • dragendEl - 当停止拖动任何 board 的项目时调用的回调
  • dropEl - 当任何 board 的项目被拖放到 board 上时调用的回调
  • dragBoard - 当停止拖动任何 board 时调用的回调
  • dragendBoard - 当停止拖动任何 board 时调用的回调
  • buttonClick - 当点击 board 的按钮时调用的回调

#视图

之后,只需在视图中调用组装 kanban 的方法,如下所示:

/*kanban.blade.php*/
{{ $kanban->mount() }}

许可证

Laravel 框架是开源软件,许可协议为 MIT 协议