pagination در livewire
سلام و خسته نباشید به استاد گرامی
استاد 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
]);
}
}
پاسخ ها
قاسم بساکی
سلام خدمت شما دوست عزیزم ، شما دارید از pagination پیشفرض لایووایر استفاده می کنید. یا اینکه در استایل صفحه بگید همه المان ها دارای فونت فارسی خودتون باشن (با استفاده از *) و یا اینکه از کامپوننت pagination شخصی که من قرار دادم استفاده کنید. در قسمت 13 کامل توضیح دادم و فایلش رو هم قرار دادم در گیتهاب :
https://github.com/qasemB/CodeYad-livewireLearn/tree/806bd5cb36d121bc226a6d38ad12fdbb12770861
برای ثبت پاسخ باید خود شوید