Rapyd Admin

id	title	author	body
3480	Rerum quia et est.	Dayna	Exercitationem quasi sunt rerum. Distinctio odit e...
3479	Labore earum eaque animi aspernatur omnis numquam.	Dayna	Aut ea illum velit corporis beatae eligendi. Quo e...
3478	Nemo quis molestiae officiis nisi cumque possimus quidem necessitatibus.	Onie	Veniam est ut et minima consectetur velit distinct...
3477	Unde dolorem sit similique quia aut iure.	Onie	Autem aspernatur ut tempora unde qui deleniti comm...
3476	Ullam ut et dolores beatae consectetur doloremque magni aut.	Josue	Facilis saepe possimus voluptas dolorum similique...
3475	Dicta aliquid alias omnis libero voluptatem maxime.	Josue	Maxime optio accusamus eveniet. Soluta ex quae vol...
3474	Voluptate rerum suscipit dignissimos cupiditate molestias vel sed.	Eudora	Aut fugit vitae tenetur iure quo dolorum. Deleniti...
3473	Aperiam quis fugiat iure est.	Eudora	Reprehenderit et consequatur quam voluptatem nostr...
3472	Dolor iusto reiciendis consequatur suscipit in cupiditate nihil perferendis.	Madonna	Est in maxime laborum animi. Dicta officiis vitae...
3471	Ut harum ipsa aspernatur.	Madonna	Eum officia et autem iste itaque. Voluptatibus con...

« Previous

tot. 20

module structure

demo-module/
├─ Livewire/
│  ├─ Home.php
│  ├─ ArticlesTable.php
│  ├─ ArticlesView.php
│  └─ ArticlesEdit.php
├─ Views/
│  ├─ home.blade.php
│  ├─ articles_table.blade.php
│  ├─ articles_view.blade.php
│  ├─ articles_edit.blade.php
│  ├─ menu.blade.php
│  └─ frontend_menu.blade.php
├─ Models/               Article.php, Author.php
├─ Database/             Migrations/, Seeders/
├─ config.php            layout, menu entry
├─ routes.php
└─ DemoModuleServiceProvider.php

route

routes.php


Route::get('demo/articles', ArticlesTable::class)
    ->middleware(['web'])
    ->name('demo.articles')
    ->crumbs(fn ($crumbs) => $crumbs->parent('demo')->push('Articles', route('demo.articles')));

component

Livewire/ArticlesTable.php


<?php

namespace App\Modules\Demo\Livewire;

use App\Modules\Demo\Models\Article;
use App\Modules\Demo\Models\Author;
use Livewire\Component;
use Zofe\Rapyd\Traits\WithDataTable;

class ArticlesTable extends Component
{
    use WithDataTable;

    public string $search = '';

    public ?int $author_id = null;

    public function updatedSearch(): void
    {
        $this->resetPage();
    }

    public function updatedAuthorId(): void
    {
        $this->resetPage();
    }

    public function getDataSet()
    {
        return Article::ssearch($this->search)
            ->with('author')
            ->when($this->author_id, fn ($q) => $q->where('author_id', $this->author_id))
            ->orderBy($this->sortField, $this->sortAsc ? 'asc' : 'desc')
            ->paginate($this->perPage);
    }

    public function render()
    {
        return view('demo::articles_table', [
            'items' => $this->getDataSet(),
            'authors' => Author::query()->orderBy('firstname')->pluck('firstname', 'id')->toArray(),
        ])->layout('layout::admin');
    }
}

view

Views/articles_table.blade.php


<x-rpd::card>
    <x-rpd::table title="Articles" :items="$items">
        <x-slot name="filters">
            <x-rpd::input col="col" debounce="350" model="search" placeholder="search..." />
            <x-rpd::select col="col-3" model="author_id" :options="$authors" placeholder="author..." addempty />
        </x-slot>

        <x-slot name="buttons">
            <x-rpd::button route="demo.articles" color="outline-dark" label="Reset" />
            <x-rpd::button route="demo.articles.edit" color="outline-primary" label="Add" />
        </x-slot>

        <table class="table">
            <thead>
            <tr>
                <th><x-rpd::sort model="id" label="id" /></th>
                <th><x-rpd::sort model="title" label="title" /></th>
                <th>author</th>
                <th>body</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @foreach ($items as $article)
                <tr>
                    <td><x-rpd::nav-link :label="$article->id" route="demo.articles.view" :params="$article->id" /></td>
                    <td>{{ $article->title }}</td>
                    <td>{{ $article->author?->firstname }}</td>
                    <td>{{ Str::limit(strip_tags($article->body), 50) }}</td>
                    <td class="text-end"><x-rpd::icon name="edit" route="demo.articles.edit" :params="$article->id" /></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </x-rpd::table>
</x-rpd::card>