add lang component and remove filament-translatable

this will provide better UI and UX
lara-zeus · Mar 11, 2024 · b805dd4 · b805dd4
1 parent d0e4cad
commit b805dd4
Show file tree

Hide file tree

Showing 8 changed files with 166 additions and 121 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/resources/views/forms/Components/multi-lang.blade.php b/resources/views/forms/Components/multi-lang.blade.php
@@ -0,0 +1,50 @@
+@php
+    $statePath = $getStatePath();
+    $id = $getId();
+    $label = $getLabel();
+@endphp
+
+<div class="fi-contained rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
+    <div x-data="{ activeTab: 'tab-ar' }">
+        <x-filament::tabs class="!py-1 !px-2 !flex-none !m-0" :contained="true">
+            <div class="w-full flex items-center justify-between gap-10">
+                <x-filament::tabs.item icon="ri-translate" class="!px-2 !py-0.5">
+                    <span class="!text-sm !text-primary-600">
+                        {{ $label }}
+                    </span>
+                </x-filament::tabs.item>
+
+                <div class="flex">
+                    @foreach(config('app.locales') as $lang => $info)
+                        <x-filament::tabs.item
+                            class="!px-2 !py-0.5"
+                            alpine-active="activeTab === 'tab-{{ $lang }}'"
+                            x-on:click="activeTab = 'tab-{{ $lang }}'"
+                        >
+                            {{ $lang }}
+                        </x-filament::tabs.item>
+                    @endforeach
+                </div>
+            </div>
+        </x-filament::tabs>
+
+        @foreach(config('app.locales') as $lang => $info)
+            <div x-show="activeTab === 'tab-{{ $lang }}'" class="p-2">
+                <x-filament::input.wrapper :valid="! $errors->has($statePath)">
+                    <x-filament::input
+                        wire:model="{{ $statePath }}.{{ $lang }}"
+                       :attributes="
+                            \Filament\Support\prepare_inherited_attributes($getExtraInputAttributeBag())
+                                ->merge([
+                                    'id' => $id.$lang,
+                                    'placeholder' => $getPlaceholder(),
+                                    'required' => $isRequired(),
+                                    'type' => 'text',
+                                ], escape: false)
+                        "
+                    />
+                </x-filament::input.wrapper>
+            </div>
+        @endforeach
+    </div>
+</div>
diff --git a/src/Filament/ChaosResource.php b/src/Filament/ChaosResource.php
@@ -2,15 +2,12 @@
 
 namespace LaraZeus\Chaos\Filament;
 
-use Filament\Resources\Concerns\Translatable;
 use Filament\Resources\Resource;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\SoftDeletingScope;
 
 class ChaosResource extends Resource
 {
-    use Translatable;
-
     protected static ?string $navigationIcon = 'tabler-point-filled';
 
     public static function langFile(): string

diff --git a/src/Filament/ChaosResource/ChaosTables.php b/src/Filament/ChaosResource/ChaosTables.php
@@ -79,7 +79,7 @@ public static function make(
                     ->label(__('zeus-chaos::core.deleted_at'))
                     ->dateTime()
                     ->searchable(false)
-                    ->toggleable(isToggledHiddenByDefault: true)
+                    ->toggleable(isToggledHiddenByDefault: true),
             ])
             ->actions([
                 Tables\Actions\ActionGroup::make([

diff --git a/src/Filament/ChaosResource/Pages/ChaosCreateRecord.php b/src/Filament/ChaosResource/Pages/ChaosCreateRecord.php
@@ -2,18 +2,14 @@
 
 namespace LaraZeus\Chaos\Filament\ChaosResource\Pages;
 
-use Filament\Actions\LocaleSwitcher;
 use Filament\Resources\Pages\CreateRecord;
 
 class ChaosCreateRecord extends CreateRecord
 {
-    use CreateRecord\Concerns\Translatable;
-
     protected function getHeaderActions(): array
     {
         return [
             ...parent::getHeaderActions(),
-            LocaleSwitcher::make(),
         ];
     }
 }
diff --git a/src/Filament/ChaosResource/Pages/ChaosEditRecord.php b/src/Filament/ChaosResource/Pages/ChaosEditRecord.php
@@ -3,18 +3,14 @@
 namespace LaraZeus\Chaos\Filament\ChaosResource\Pages;
 
 use Filament\Actions;
-use Filament\Actions\LocaleSwitcher;
 use Filament\Resources\Pages\EditRecord;
 
 class ChaosEditRecord extends EditRecord
 {
-    use EditRecord\Concerns\Translatable;
-
     protected function getHeaderActions(): array
     {
         return [
             ...parent::getHeaderActions(),
-            LocaleSwitcher::make(),
             Actions\ViewAction::make()->visible(static::getResource()::hasPage('view')),
             Actions\DeleteAction::make(),
         ];

diff --git a/src/Filament/ChaosResource/Pages/ChaosListRecords.php b/src/Filament/ChaosResource/Pages/ChaosListRecords.php
@@ -3,18 +3,14 @@
 namespace LaraZeus\Chaos\Filament\ChaosResource\Pages;
 
 use Filament\Actions;
-use Filament\Actions\LocaleSwitcher;
 use Filament\Resources\Pages\ListRecords;
 
 class ChaosListRecords extends ListRecords
 {
-    use ListRecords\Concerns\Translatable;
-
     protected function getHeaderActions(): array
     {
         return [
             ...parent::getHeaderActions(),
-            LocaleSwitcher::make(),
             Actions\CreateAction::make()->visible(static::getResource()::hasPage('create')),
         ];
     }

diff --git a/src/Forms/Components/MultiLang.php b/src/Forms/Components/MultiLang.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace LaraZeus\Chaos\Forms\Components;
+
+use Filament\Forms\Components\TextInput;
+
+class MultiLang extends TextInput
+{
+    protected string $view = 'zeus-chaos::forms.components.multi-lang';
+}