docs(resources): modifyListComponent, modifyFormComponent and modifyD…

…etailComponent methods
DissNik · Aug 14, 2024 · 9662e65 · 9662e65
1 parent 4053240
commit 9662e65
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 0 deletions.
diff --git a/resources/views/pages/en/resources/index.blade.php b/resources/views/pages/en/resources/index.blade.php
@@ -11,6 +11,7 @@
             ['url' => '#redirects', 'label' => 'Redirects'],
             ['url' => '#active_actions', 'label' => 'Active actions'],
             ['url' => '#actions', 'label' => 'Buttons'],
+            ['url' => '#modification', 'label' => 'Modification'],
             ['url' => '#components', 'label' => 'Components'],
             ['url' => '#boot', 'label' => 'Boot'],
         ]
@@ -336,6 +337,43 @@ public function actions(): array
 }
 </x-code>
 
+<x-sub-title id="modification">Modification</x-sub-title>
+
+<x-p>
+    To modify the main <strong>IndexPage</strong>, <strong>FormPage</strong> or <strong>DetailPage</strong> component
+    pages from a resource, you can override the corresponding <code>modifyListComponent()</code>,
+    <code>modifyFormComponent()</code> and <code>modifyDetailComponent()</code> methods.
+</x-p>
+
+<x-code language="php">
+public function modifyListComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyListComponent($component)->customAttributes([
+        'data-my-attr' => 'value'
+    ]);
+}
+</x-code>
+
+<x-code language="php">
+public function modifyFormComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyFormComponent($component)->fields([
+        FlexibleRender::make('Top'),
+        ...parent::modifyFormComponent($component)->getFields()->toArray(),
+        FlexibleRender::make('Bottom'),
+    ])->submit('Go');
+}
+</x-code>
+
+<x-code language="php">
+public function modifyDetailComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyDetailComponent($component)->customAttributes([
+        'data-my-attr' => 'value'
+    ]);
+}
+</x-code>
+
 <x-sub-title id="components">Components</x-sub-title>
 
 <x-p>

diff --git a/resources/views/pages/ru/resources/index.blade.php b/resources/views/pages/ru/resources/index.blade.php
@@ -11,6 +11,7 @@
             ['url' => '#redirects', 'label' => 'Редиректы'],
             ['url' => '#active_actions', 'label' => 'Активные действия'],
             ['url' => '#actions', 'label' => 'Кнопки'],
+            ['url' => '#modification', 'label' => 'Модификация'],
             ['url' => '#components', 'label' => 'Компоненты'],
             ['url' => '#boot', 'label' => 'Boot'],
         ]
@@ -336,6 +337,43 @@ public function actions(): array
 }
 </x-code>
 
+<x-sub-title id="modification">Модификация</x-sub-title>
+
+<x-p>
+    Для модификации основного компонента <strong>IndexPage</strong>, <strong>FormPage</strong> или <strong>DetailPage</strong>
+    страницы из ресурса можно переопределить соответствующие методы <code>modifyListComponent()</code>,
+    <code>modifyFormComponent()</code> и <code>modifyDetailComponent()</code>.
+</x-p>
+
+<x-code language="php">
+public function modifyListComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyListComponent($component)->customAttributes([
+        'data-my-attr' => 'value'
+    ]);
+}
+</x-code>
+
+<x-code language="php">
+public function modifyFormComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyFormComponent($component)->fields([
+        FlexibleRender::make('Top'),
+        ...parent::modifyFormComponent($component)->getFields()->toArray(),
+        FlexibleRender::make('Bottom'),
+    ])->submit('Go');
+}
+</x-code>
+
+<x-code language="php">
+public function modifyDetailComponent(MoonShineRenderable $component): MoonShineRenderable
+{
+    return parent::modifyDetailComponent($component)->customAttributes([
+        'data-my-attr' => 'value'
+    ]);
+}
+</x-code>
+
 <x-sub-title id="components">Компоненты</x-sub-title>
 
 <x-p>