Articles

Articles

Id Title Author Body
25880
Et ex blanditiis consequuntur. Lorena Nulla facilis aut vero consectetur tenetur. Nihil...
25879
Quae corporis eius accusantium id accusantium quod vel nihil. Lorena Rerum non dolorum et quas placeat. Est dolorem fug...
25878
Dolores omnis aut voluptatem adipisci optio enim quis. Shanna Animi similique sit et possimus molestias harum. T...
25877
Ad consequatur aliquid id consectetur incidunt. Shanna Quam debitis est reprehenderit eligendi dolorem ma...
25876
Quidem minima et perspiciatis id. Gina Eos quod dignissimos laudantium alias. Quod error...
25875
Voluptates commodi earum rerum perspiciatis sint. Gina Ab consectetur eum doloremque est sunt ut. Enim ev...
25874
Error quia minus omnis esse. Devin Commodi voluptatem ratione doloremque et et doloru...
25873
Sunt saepe quae non quasi illo ut veritatis animi. Devin Sit laboriosam est voluptas vel quibusdam voluptas...
25872
Deleniti recusandae sit ut id molestias occaecati aut. Rebeca Quia aut enim ea praesentium cupiditate fugit. Con...
25871
Quia sed sint aliquam quidem officiis unde repellendus. Rebeca Nulla aut pariatur dolorem est ipsum. Dolor archit...
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_lang('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>

Support
How can I help you today?