List Articles

reset add
id title author body
20 Ducimus autem quibusdam dolorum et at qui. Josefina Vel ut nihil esse molestiae vel modi animi aut. Ve...
19 Incidunt delectus provident tempore amet enim adipisci consequuntur. Josefina Quibusdam amet voluptatem qui aliquid doloribus eo...
18 Tenetur quidem mollitia consequatur quam sint. Leif Et in molestias rem ipsum eum quas. Necessitatibus...
17 Saepe error amet qui voluptatibus aut ab quia. Leif Dignissimos commodi non voluptatem delectus illo t...
16 Quasi deserunt aut quis est earum vel voluptas. Freda Rerum architecto error autem harum ut sed sunt. Au...
15 Quae et tenetur molestias eaque quaerat et sunt eos. Freda Nesciunt ea maiores quaerat sit aut expedita id. N...
14 Et molestiae doloribus reprehenderit voluptatem deleniti ratione est ab. Uriel Et consequatur illum aspernatur consequatur. Ut pr...
13 Doloremque rerum accusamus quisquam. Uriel Qui molestiae nobis eos fuga reiciendis. Nam autem...
12 Omnis et accusantium sint sed ullam quas dolores. Dell Facilis quia et exercitationem quis dolorem verita...
11 Adipisci et temporibus sunt veritatis sapiente inventore. Dell Accusamus et eaque impedit nihil omnis minima. Off...
tot.20

module structure


laravel/
├─ app/
│  ├─ Modules/
│  │  ├─ Demo/
│  │  │  ├─ Components/
│  │  │  │  ├─ Articles/
│  │  │  │  │  ├─ views/
│  │  │  │  │  │  ├─ articles_edit.blade.php
│  │  │  │  │  │  ├─ articles_table.blade.php
│  │  │  │  │  │  ├─ articles_view.blade.php
│  │  │  │  │  ├─ ArticlesEdit.php
│  │  │  │  │  ├─ ArticlesTable.php
│  │  │  │  │  ├─ ArticlesView.php
│  │  │  │  ├─ routes.php

route

Components/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

Components/Articles/ArticlesTable.php


<?php

namespace App\Modules\Demo\Components\Articles;

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

class ArticlesTable extends Component
{
    use WithDataTable;
    public $search;
    public $author_id;

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

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

    public function getDataSet()
    {
        $items = Article::ssearch($this->search);

        if ($this->author_id) {
            $items = $items->where('author_id','=',$this->author_id);
        }

        return $items = $items
            ->orderBy($this->sortField,$this->sortAsc ?'asc':'desc')
            ->paginate($this->perPage)
            ;
    }

    public function render()
    {
        $items = $this->getDataSet();
        $authors = Author::all()->pluck('firstname','id')->toArray();



        return view('demo::Articles.views.articles_table',
                    compact('items','authors')
        )->layout('demo::admin');
    }
}

view

Components/Articles/views/articles_table.blade.php


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

        <x-slot name="buttons">
            <a href="{{ route('demo.articles') }}" class="btn btn-outline-dark">reset</a>
            <a href="{{ route('demo.articles.edit') }}" class="btn btn-outline-primary">add</a>
        </x-slot>

        <table class="table">
            <thead>
            <tr>
                <th>
                    <x-rpd::sort model="id" label="id" />
                </th>
                <th>title</th>
                <th>author</th>
                <th>body</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($items as $article)
            <tr>
                <td>
                    <a href="{{ route('demo.articles.view',$article->id) }}">{{ $article->id }}</a>
                </td>
                <td>{{ $article->title }}</td>
                <td>{{ $article->author->firstname }}</td>
                <td>{{ Str::limit($article->body,50) }}</td>
            </tr>
            @endforeach
            </tbody>
        </table>

    </x-rpd::table>
</x-rpd::card>