wip: no-items component update and modal component creation

Author: athphane

composer.json

@@ -1,5 +1,6 @@
 {
     "name": "javaabu/forms",
+    "version": "v1.99.0",
     "description": "Laravel Blade components for form elements",
     "homepage": "https://github.com/Javaabu/forms",
     "license": "MIT",

config/config.php

@@ -28,7 +28,7 @@
 
     'frameworks' => [
         'bootstrap-5' => [
-            'icon-prefix' => 'fa',
+            'icon-prefix' => 'fa-regular',
             'date-icon' => 'fa-calendar',
             'datetime-icon' => 'fa-calendar',
             'time-icon' => 'fa-clock',
@@ -43,6 +43,7 @@
             'inline-entry-label-class' => 'col-sm-6 col-md-4',
             'inline-entry-class' => 'col-sm-6 col-md-8',
             'search-icon' => 'fa-search',
+            'no-items-icon' => 'fa-file',
         ],
 
         'material-admin-26' => [

resources/views/bootstrap-5/no-items.blade.php

@@ -3,20 +3,20 @@
         <div class="col-md-6">
             <div class="card">
                 <div class="card-body text-center">
-                    <i class="{{ $icon ?? 'zmdi zmdi-file' }} main-icon mb-4"></i>
+                    <i class="{{ $icon }} main-icon mb-4"></i>
                     <p class="lead mb-4">
-                        {{ __('It\'s a bit lonely here.') }}<br/>
-                        {{ __('Let\'s create some new :model_type.', ['model_type' => $modelType ?? __('items') ]) }}
+                        @if($title){{ $title }} <br/> @endif
+                        {{ $message  }}
                     </p>
-                    @can('create', $model)
+                    @if($showCreate)
                         @if($slot->isNotEmpty())
                             {{ $slot }}
                         @else
-                            <a href="{{ $createAction ?? '#' }}" class="btn btn-lg btn-primary btn-icon-text btn-raised">
-                                <i class="zmdi zmdi-plus"></i> {{ __('Create New') }}
+                            <a href="{{ $createAction }}" class="btn btn-lg btn-primary btn-icon-text btn-raised">
+                                <i class="fal fa-plus me-2"></i> {{ __('Create New') }}
                             </a>
                         @endif
-                    @endcan
+                    @endif
                 </div>
             </div>
         </div>

src/Views/Components/Modal.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace Javaabu\Forms\Views\Components;
+
+class Modal extends Component
+{
+    protected string $view = 'modal';
+
+    public string $title;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct(
+        string $title = '',
+        string $framework = ''
+    ) {
+        parent::__construct($framework);
+
+        $this->title = $title;
+    }
+}

src/Views/Components/NoItems.php

@@ -6,28 +6,46 @@ class NoItems extends Component
 {
     protected string $view = 'no-items';
 
-    public string|object $model;
+    public null|string|object $model;
     public string $createAction;
-    public string $modelType;
+    public ?string $modelType = null;
     public string $icon;
+    public bool $showCreate;
+    public string $title;
+    public string $message;
 
     /**
      * Create a new component instance.
      *
      * @return void
      */
     public function __construct(
-        string|object $model,
-        string $createAction,
-        string $modelType,
-        string $icon,
-        string $framework = '',
-    ) {
+        string             $createAction = '#',
+        null|string|object $model = null,
+        string             $icon = '',
+        ?string            $modelType = null,
+        ?bool              $showCreate = null,
+        ?string            $title = null,
+        ?string            $message = null,
+        string             $framework = '',
+    )
+    {
         parent::__construct($framework);
 
         $this->model = $model;
         $this->createAction = $createAction;
         $this->modelType = $modelType;
-        $this->icon = $icon;
+
+        $this->icon = $icon ?: $this->getFrameworkIcon($this->frameworkConfig('no-items-icon'));
+        $this->showCreate = is_null($showCreate)
+            ? ($this->model && auth()->user() ? auth()->user()->can('create', $this->model) : false)
+            : $showCreate;
+
+        $this->title = is_null($title)
+            ? __('It\'s a bit lonely here.')
+            : $title;
+        $this->message = is_null($message)
+            ? __('Let\'s create some new :model_type.', ['model_type' => $this->modelType ?? __('items')])
+            : $message;
     }
 }

tests/Feature/NoItemsTest.php

@@ -23,11 +23,12 @@ public function it_can_generated_bulk_actions_for_material_admin_26()
     /** @test */
     public function it_can_generated_bulk_actions_for_bootstrap_5()
     {
+        $this->withoutExceptionHandling();
         $this->setFrameworkBootstrap5();
         $this->registerTestRoute('no-items');
 
         $this->visit('/no-items')
             ->see('Let\'s create some new activities')
-            ->seeElement('.zmdi.zmdi-file');
+            ->seeElement('.fa-regular.fa-file');
     }
 }