1. Go to this page and download the library: Download relaticle/flowforge library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
// In app/Providers/Filament/AdminPanelProvider.php
public function panel(Panel $panel): Panel
{
return $panel
// ... other configuration
->pages([
// ... other pages
App\Filament\Pages\TasksBoardPage::class,
]);
}
public function getSubject(): Builder
{
return Task::query();
}
public function mount(): void
{
$this
->titleField('title'); // Required: Field used for card titles
->columnField('status') // Required: Field that determines column placement
->columns([ // Required: Define your columns
'todo' => 'To Do',
'in_progress' => 'In Progress',
'completed' => 'Completed',
])
}
namespace App\Filament\Pages;
use App\Models\Task;
use Illuminate\Database\Eloquent\Builder;
use Relaticle\Flowforge\Filament\Pages\KanbanBoardPage;
class TasksBoardPage extends KanbanBoardPage
{
protected static ?string $navigationIcon = 'heroicon-o-view-columns';
public function getSubject(): Builder
{
return Task::query();
}
public function mount(): void
{
$this
->titleField('title');
->columnField('status')
->columns([
'todo' => 'To Do',
'in_progress' => 'In Progress',
'completed' => 'Completed',
])
}
}
use Filament\Actions\Action;
use Filament\Forms;
public function createAction(Action $action): Action
{
return $action
->iconButton()
->icon('heroicon-o-plus')
->modalHeading('Create Task')
->modalWidth('xl')
->form(function (Forms\Form $form) {
return $form->schema([
Forms\Components\TextInput::make('title')
->
use Filament\Actions\Action;
use Filament\Forms;
public function editAction(Action $action): Action
{
return $action
->modalHeading('Edit Task')
->modalWidth('xl')
->form(function (Forms\Form $form) {
return $form->schema([
Forms\Components\TextInput::make('title')
-> 'in_progress' => 'In Progress',
'completed' => 'Completed',
])
->