better demo of datatables component

app/Http/Controllers/Admin/IconCrudController.php

@@ -25,13 +25,19 @@ public function setup()
     protected function setupListOperation()
     {
         $this->crud->addColumns(['name', 'icon']);
-        $this->crud->addFilter([ // dropdown filter
-            'name' => 'my_filter',
-            'type' => 'text',
-            'label'=> 'Icon',
+
+        $this->crud->addFilter([
+            'type'  => 'date_range',
+            'name'  => 'created_at',
+            'label' => 'Created At',
         ], null, function ($value) {
+            $value = json_decode($value, true);
+
             // if the filter is active
-            $this->crud->addClause('where', 'icon', 'LIKE', "%$value%");
+            if ($value) {
+                $this->crud->addClause('where', 'created_at', '>=', $value['from']);
+                $this->crud->addClause('where', 'created_at', '<=', $value['to']);
+            }
         });
     }
 

app/Http/Controllers/Admin/MonsterCrudController.php

@@ -285,18 +285,22 @@ public function setupShowOperation()
             'type'       => 'datatable',
             'controller' => 'App\Http\Controllers\Admin\IconCrudController',
             'name'       => 'icon_crud',
+            'section'    => 'after_content',
+            'content'    => [
+                'header' => 'Icons for this monster',
+            ],
             'wrapper'    => ['class'=> 'mb-3'],
         ]);
 
-        $this->crud->setOperationSetting('tabsEnabled', true);
-        $this->setupListOperation();
-
-        $this->crud->set('show.contentClass', 'col-md-12');
-        $this->crud->addColumn([
+        Widget::add([
             'type'       => 'datatable',
-            'name'       => 'products_datatable',
-            'label'      => 'Products (Datatable)',
             'controller' => 'App\Http\Controllers\Admin\ProductCrudController',
+            'name'       => 'products_datatable',
+            'section'    => 'after_content',
+            'content'    => [
+                'header' => 'Products for this monster',
+            ],
+            'wrapper'    => ['class'=> 'mb-3'],
             'configure'  => function ($crud, $entry = null) {
                 // Customize which columns to show
                 $crud->removeAllColumns();
@@ -322,11 +326,11 @@ public function setupShowOperation()
                 }
             },
         ]);
-        $this->crud->addColumn([
-            'type'       => 'datatable',
-            'name'       => 'icon_crud',
-            'controller' => 'App\Http\Controllers\Admin\IconCrudController',
-        ]);
+
+        $this->crud->setOperationSetting('tabsEnabled', true);
+        $this->setupListOperation();
+
+        $this->crud->set('show.contentClass', 'col-md-12');
 
         $this->crud->addColumn([   // EasyMDE
             'name'    => 'easymde',

app/Http/Controllers/Admin/PetShop/InvoiceCrudController.php

@@ -66,6 +66,24 @@ protected function setupListOperation()
         CRUD::column('due_date');
         CRUD::column('total');
 
+        CRUD::filter('series')
+            ->type('dropdown')
+            ->values(\App\Models\PetShop\Invoice::select('series')->distinct()->pluck('series', 'series')->toArray())
+            ->label('Series')
+            ->placeholder('Search by series')
+            ->whenActive(function ($value) {
+                CRUD::addClause('where', 'series', '=', $value);
+            });
+
+        CRUD::filter('issuance_date')
+            ->type('date_range')
+            ->label('Issuance Date')
+            ->placeholder('Search by issuance date')
+            ->whenActive(function ($value) {
+                $dates = json_decode($value);
+                CRUD::addClause('whereBetween', 'issuance_date', [$dates->from, $dates->to]);
+            });
+
         $this->runCustomViews();
     }
 

app/Http/Controllers/Admin/PetShop/OwnerCrudController.php

@@ -130,11 +130,11 @@ protected function setupShowOperation()
                 // 'subheader' => 'This is a list of all pets owned by this owner.',
             ],
             // MUST-DO: How the fuck do I make this only show related pets?!?!
-            // 'configure' => function ($crud, $entry = null) {
+            // 'configure' => function ($crud, $parent) {
             //     // only show the pets of this owner (owner is an n-n relationship)
-            //     if ($entry) {
-            //         $crud->addClause('whereHas', 'owners', function ($query) use ($entry) {
-            //             $query->where('id', $entry->id);
+            //     if ($parent) {
+            //         $crud->addClause('whereHas', 'owners', function ($query) use ($parent) {
+            //             $query->where('id', $parent->id);
             //         });
             //     }
             // },
@@ -153,16 +153,12 @@ protected function setupShowOperation()
                 'header' => 'Invoices for this owner',
             ],
             // MUST-DO: How the fuck do I make this only show related pets?!?!
-            'configure' => function ($crud, $entry = null) {
-                // only show the pets of this owner (owner is an n-n relationship)
-                if ($entry) {
-                    $crud->addClause('where', 'owner_id', $entry->id);
-                }
-            },
-            // SHOULD-DO: maybe we do something like this?!
-            // 'query' => function ($query, $entry) {
-            //     return $query->where('owner_id', $entry->id);
-            // }
+            // 'configure' => function ($crud, $parent) {
+            //     // only show the pets of this owner (owner is an n-n relationship)
+            //     if ($parent) {
+            //         $crud->addClause('where', 'owner_id', $$parent->id);
+            //     }
+            // },
         ]);
     }
 }