pagination در livewire

سوال شده توسط: محمد مهدی عابدینی اردستانی

تاریخ ثبت: ۱۴۰۰/۰۴/۲۶

بازدید: 1,344

پاسخ: 1

تگ: Laravel


سلام و خسته نباشید به استاد گرامی 

استاد pagination من می خوام با اعداد فارسی باشه و زمانی که برای اولین بار همه css  ها و فونت ها را باگذاری می کنم درست نشون می ده ولی زمانی که صفحه را عوض می کنم فونت صفحه به اعداد اینگلیسی تغییر پیدا میکنه در این مورد باید چی کار کنم درست شه .

 

//---------app.blade.php
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    @livewireStyles
    //all stylesheet in a file 
@include('layouts.share.stylesheet')

</head>
<body>

{{$slot}}


//all scripts in a file
@include('layouts.share.script')
@livewireScripts


<script>
    window.livewire.on('handleShowAlertJs',function (){
        alert('test run ');
    })
</script>
</body>


</html>
//----------------------
//----------------------tasks.blade.php
<div class="main-div">
    <style></style>
    <div class="container">
        {{--        <div class="w-50">{{$user->name}}</div>--}}
        <div class="action_content mt-2">
            <button class="btn {{$editId?'btn-outline-primary':'btn-outline-success'}}  rounded-circle mx-1"
                    @if($editId) wire:click="updateTask" @else wire:click="addNewTask" @endif>
                {{$editId?'ویرایش':'ثبت'}}
            </button>
            <input type="text" class="form-control" wire:model="new_task">
        </div>

        @foreach($tasks as $task)
            <div class="row  border-1  rounded-1 border-primary">
                <div class="col-sm-6">
                    {{$task->task}}
                </div>
                <div class="col-sm-1">
                    <button class="btn btn-sm btn-outline-danger rounded-circle" wire:click="removeTask({{$task->id}})">
                        <i class="fa fa-trash"></i>
                    </button>
                </div>
                <div class="col-sm-1">
                    <button class="btn btn-sm btn-outline-primary rounded-circle" wire:click="gotoEdit({{$task->id}})">
                        <i class="fa fa-edit"></i>
                    </button>
                </div>
            </div>
        @endforeach
        {{$tasks->links()}}
    </div>

</div>
//-------------------
//-------------------app/http/livewire/Task.php
<?php

namespace App\Http\Livewire;

use App\Models\Task;
use App\Models\User;
use Livewire\Component;
use Livewire\WithPagination;

class TasksCompo extends Component
{
    use WithPagination;
    public $user;
    public $new_task;
    public $tasks_arr;
    public $taskToEdit;
    public $editId = 0;

    public function updateTask()
    {
        if ($this->editId) {
            $task = Task::query()->find($this->editId);
            $task->task = $this->new_task;
            $task->save();
            $this->tasks_arr = Task::query()->where('user_id', $this->user->id)->get();
            $this->editId = 0;
        }
    }

    public function gotoEdit($id)
    {
        $task = Task::query()->find($id);
        $this->new_task = $task->task;
        $this->editId = $task->id;
    }

    public function removeTask($taskId)
    {
        Task::query()->where('id', $taskId)->delete();
        $this->tasks_arr = $this->tasks_arr->where('id', '!=', $taskId);
    }


    public function addNewTask()
    {
        $newTask = new Task();
        $newTask->user_id = 1;
        $newTask->task = $this->new_task;
        $newTask->save();
//        $this->tasks_arr = Task::query()->where('user_id', $this->user->id)->get();

    }

    protected $paginationTheme="bootstrap";

    public function render()
    {
        $tasks = Task::query()->paginate(4);
        return view('livewire.tasks-compo', [
            'tasks' => $tasks
        ]);
    }
}
پاسخ ها
user

قاسم بساکی

سلام خدمت شما دوست عزیزم ، شما دارید از pagination پیشفرض لایووایر استفاده می کنید. یا اینکه در استایل صفحه بگید همه المان ها دارای فونت فارسی خودتون باشن (با استفاده از *) و یا اینکه از کامپوننت pagination شخصی که من قرار دادم استفاده کنید. در قسمت 13 کامل توضیح دادم و فایلش رو هم قرار دادم در گیتهاب :

https://github.com/qasemB/CodeYad-livewireLearn/tree/806bd5cb36d121bc226a6d38ad12fdbb12770861

برای ثبت پاسخ باید خود شوید

محبوب ترین مقالات