- Added search form component

Signed-off-by: Arushad Ahmed <dash-8x@hotmail.com>

Author: dash8x

config/config.php

@@ -42,6 +42,7 @@
             'inline-input-class' => 'col-sm-9 col-lg-10',
             'inline-entry-label-class' => 'col-sm-6 col-md-4',
             'inline-entry-class' => 'col-sm-6 col-md-8',
+            'search-icon' => 'fa-search',
         ],
 
         'material-admin-26' => [
@@ -59,6 +60,7 @@
             'inline-input-class' => 'col-sm-9 col-lg-10',
             'inline-entry-label-class' => 'col-sm-6 col-md-4',
             'inline-entry-class' => 'col-sm-6 col-md-8',
+            'search-icon' => 'zmdi-search',
         ]
     ],
 

lang/dv/strings.php

@@ -23,5 +23,6 @@
     'image_hint' => 'ރަނގަޅުވާނީ :widthpx x :heightpx.',
     'text_list_separator' => '، ',
     'text_list_separator_last_glue' => ' އަދި ',
-    'map_search_string' => 'ހޯދާ...'
+    'map_search_string' => 'ހޯދާ...',
+    'search_form_placeholder' => 'ހޯދާ...'
 ];

lang/en/strings.php

@@ -23,5 +23,6 @@
     'image_hint' => 'Recommended :widthpx x :heightpx.',
     'text_list_separator' => ', ',
     'text_list_separator_last_glue' => ' and ',
-    'map_search_string' => 'Search...'
+    'map_search_string' => 'Search...',
+    'search_form_placeholder' => 'Search...'
 ];

resources/views/bootstrap-5/search-form.blade.php

@@ -0,0 +1,8 @@
+<x-forms::form :action="route($route, $params)" class="search" :method="$method" :framework="$framework" :files="$files">
+    <x-forms::text
+        :name="$name"
+        :placeholder="$placeholder ?: trans('search_form_placeholder')"
+        :show-label="false"
+        :framework="$framework"
+    />
+</x-forms::form>

resources/views/material-admin-26/search-form.blade.php

@@ -0,0 +1,12 @@
+<x-forms::form :action="route($route, $params)" class="search" :method="$method" :framework="$framework" :files="$files">
+    <div class="search__inner">
+        <x-forms::text
+            :name="$name"
+            :placeholder="$placeholder ?: trans('search_form_placeholder')"
+            class="search__text"
+            :show-label="false"
+            :framework="$framework"
+        />
+        <i class="{{ $icon }} search__helper" data-ma-action="search-close"></i>
+    </div>
+</x-forms::form>

src/Views/Components/SearchForm.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace Javaabu\Forms\Views\Components;
+
+class SearchForm extends Form
+{
+    protected string $view = 'search-form';
+
+    public string $icon;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct(
+        public string $name = 'search',
+        public string $route = '',
+        public array $params = [],
+        public string $placeholder = '',
+        string $icon = '',
+        string $method = 'GET',
+        $model = null,
+        bool $files = false,
+        string $framework = ''
+    ) {
+        if (! $model) {
+            $model = request()->query();
+        }
+
+        parent::__construct($method, $model, $files, $framework);
+
+        $this->icon = $icon ?: $this->getFrameworkIcon($this->frameworkConfig('search-icon'));
+    }
+}

tests/Feature/SearchFormTest.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace Javaabu\Forms\Tests\Feature;
+
+use Javaabu\Forms\Tests\TestCase;
+
+class SearchFormTest extends TestCase
+{
+    /** @test */
+    public function it_can_render_a_material_admin_26_search_form()
+    {
+        $this->setFrameworkMaterialAdmin26();
+
+        $this->registerTestRoute('search-form');
+        $this->registerTestRoute('pagination');
+
+        $this->visit('/search-form?search=hello')
+            ->seeElement('form.search[action="http://localhost/pagination"]')
+            ->seeElement('input[name="search"][value="hello"]');
+    }
+
+    /** @test */
+    public function it_can_render_a_bootstrap_5_search_form()
+    {
+        $this->setFrameworkBootstrap5();
+
+        $this->registerTestRoute('search-form');
+        $this->registerTestRoute('pagination');
+
+        $this->visit('/search-form?search=hello')
+            ->seeElement('form[action="http://localhost/pagination"]')
+            ->seeElement('input[name="search"][value="hello"]');
+    }
+}

tests/TestCase.php

@@ -90,7 +90,7 @@ protected function setFrameworkMaterialAdmin26(): self
     protected function registerTestRoute($uri, callable $post = null): self
     {
         Route::middleware('web')->group(function () use ($uri, $post) {
-            Route::view($uri, $uri);
+            Route::view($uri, $uri)->name($uri);
 
             if ($post) {
                 Route::post($uri, $post);

tests/TestSupport/views/search-form.blade.php

@@ -0,0 +1,3 @@
+<x-forms::search-form
+    route="pagination"
+    :placeholder="__('Search for test...')" />