List Articles

reset add
id title author body
20 Blanditiis unde facilis minima quis. Jerome Quia blanditiis facilis qui omnis. Perspiciatis am...
19 Quia ut consequuntur provident nulla. Jerome Et qui et enim voluptatem nihil. Asperiores ex min...
18 Rerum praesentium pariatur hic molestias quisquam sunt. Robyn Voluptatem quaerat dignissimos id temporibus quasi...
17 Ut quo cumque at adipisci nihil. Robyn Consequatur voluptatem earum accusamus magni rerum...
16 Vel cum iusto nisi sit. Obie Et dolores eius excepturi a possimus soluta. Harum...
15 Aut ut corporis doloremque provident cumque rerum unde ea. Obie Laudantium quas quo voluptate. Ratione adipisci do...
14 Quo officia voluptas laboriosam ut velit. Otho Repudiandae nulla et laudantium eligendi quisquam...
13 Maxime aperiam sit voluptas quaerat amet velit nesciunt magnam. Otho Ut voluptas qui velit incidunt illo sit iste. Quo...
12 Laudantium earum rem amet. Rhea Dolores iste qui sed voluptatem eum doloremque. La...
11 Illum nostrum voluptas modi deserunt at. Rhea Aliquam saepe est id tenetur. Quod id eligendi vol...
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>