responsive tables

app/Http/Livewire/Tables/BitcoinEventTable.php

@@ -56,7 +56,8 @@ class BitcoinEventTable extends DataTableComponent
                   ->format(
                       fn($value, $row, Column $column) => view('columns.bitcoin_events.country')->withRow($row)
                   )
-                  ->sortable(),
+                  ->sortable()
+                  ->collapseOnMobile(),
             Column::make(__('Title'), 'title')
                   ->format(
                       fn($value, $row, Column $column) => view('columns.bitcoin_events.title')->withRow($row)
@@ -69,13 +70,16 @@ class BitcoinEventTable extends DataTableComponent
             Column::make(__('To'), 'to')
                   ->format(
                       fn($value, $row, Column $column) => $value->asDateTime()
-                  ),
+                  )
-            Column::make(__('Venue'), 'venue.name'),
+                  ->collapseOnMobile(),
+            Column::make(__('Venue'), 'venue.name')
+                  ->collapseOnMobile(),
             Column::make(__('Link'), 'link')
                   ->format(
                       fn($value, $row, Column $column) => view('columns.bitcoin_events.link')->withRow($row)
                   )
-                  ->sortable(),
+                  ->sortable()
+                  ->collapseOnMobile(),
         ];
     }
 

app/Http/Livewire/Tables/CourseTable.php

@@ -64,7 +64,8 @@ class CourseTable extends DataTableComponent
             Column::make("Tags")
                   ->label(
                       fn($row, Column $column) => view('columns.courses.tags')->withRow($row)
-                  ),
+                  )
+                  ->collapseOnMobile(),
             Column::make("Termine")
                   ->label(
                       fn($row, Column $column) => '<strong>'.$row->course_events_count.'</strong>'

app/Http/Livewire/Tables/MeetupEventTable.php

@@ -62,12 +62,14 @@ class MeetupEventTable extends DataTableComponent
                   ->sortable(),
             Column::make(__('Location'), 'location')
                   ->searchable(fn($builder, $term) => $builder->where('location', 'ilike', '%'.$term.'%'))
-                  ->sortable(),
+                  ->sortable()
+                  ->collapseOnMobile(),
             Column::make(__('Start'), 'start')
                   ->format(
                       fn($value, $row, Column $column) => $value->asDateTime()
                   )
-                  ->sortable(),
+                  ->sortable()
+                  ->collapseOnMobile(),
             Column::make(__('Link'), 'link')
                   ->format(
                       fn($value, $row, Column $column) => view('columns.meetup_events.link')->withRow($row)

app/Http/Livewire/Tables/MeetupTable.php

@@ -61,7 +61,8 @@ class MeetupTable extends DataTableComponent
             Column::make(__('Links'),)
                   ->label(
                       fn($row, Column $column) => view('columns.meetups.action')->withRow($row)
-                  ),
+                  )
+                  ->collapseOnMobile(),
         ];
     }
 

app/Nova/Language.php

@@ -0,0 +1,118 @@
+<?php
+
+namespace App\Nova;
+
+use App\Notifications\ModelCreatedNotification;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Http\Request;
+use Laravel\Nova\Fields\HasMany;
+use Laravel\Nova\Fields\ID;
+use Laravel\Nova\Fields\MultiSelect;
+use Laravel\Nova\Fields\Number;
+use Laravel\Nova\Fields\Text;
+use Laravel\Nova\Http\Requests\NovaRequest;
+
+class Language extends Resource
+{
+    /**
+     * The model the resource corresponds to.
+     * @var string
+     */
+    public static $model = \JoeDixon\Translation\Language::class;
+
+    /**
+     * The single value that should be used to represent the resource when being displayed.
+     * @var string
+     */
+    public static $title = 'name';
+
+    /**
+     * The columns that should be searched.
+     * @var array
+     */
+    public static $search = [
+        'id',
+        'name',
+        'language',
+    ];
+
+    public static function afterCreate(NovaRequest $request, Model $model)
+    {
+        \App\Models\User::find(1)
+                        ->notify(new ModelCreatedNotification($model, str($request->getRequestUri())
+                            ->after('/nova-api/')
+                            ->before('?')
+                            ->toString()));
+    }
+
+    public function subtitle()
+    {
+        return __('Code: :code', ['code' => $this->code]);
+    }
+
+    /**
+     * Get the fields displayed by the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return array
+     */
+    public function fields(Request $request)
+    {
+        return [
+            ID::make()
+              ->sortable(),
+
+            Text::make(__('Name'), 'name')
+                ->rules('required', 'string'),
+        ];
+    }
+
+    /**
+     * Get the cards available for the request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return array
+     */
+    public function cards(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the filters available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return array
+     */
+    public function filters(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the lenses available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return array
+     */
+    public function lenses(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the actions available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     *
+     * @return array
+     */
+    public function actions(Request $request)
+    {
+        return [];
+    }
+}

resources/views/livewire/bitcoin-event/bitcoin-event-table.blade.php

@@ -5,7 +5,7 @@
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
             <div class="flex items-start">
-                <div class="w-1/2">
+                <div class="w-full sm:w-1/2">
 
                     <link rel="stylesheet" type="text/css"
                           href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
                         <div x-ref="calendar"></div>
                     </div>
                 </div>
-                <div class="w-1/2">
+                <div class="hidden sm:w-1/2">
                     <div
                         wire:ignore
                         class="w-full flex justify-center"

resources/views/livewire/meetup/meetup-event-table.blade.php

@@ -5,7 +5,7 @@
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
             <div class="flex items-start">
-                <div class="w-1/2">
+                <div class="w-full sm:w-1/2">
 
                     <link rel="stylesheet" type="text/css"
                           href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
                         <div x-ref="calendar"></div>
                     </div>
                 </div>
-                <div class="w-1/2">
+                <div class="hidden sm:w-1/2">
                     @php
                         $focus = '';
                         $map = $country->code . '_merc';

resources/views/livewire/meetup/meetup-table.blade.php

@@ -55,7 +55,7 @@
                     }
                 }"
             >
-                <div id="map" style="width: 100%; height: 400px"></div>
+                <div id="map" style="width: 100%;" class="h-[200px] sm:h-[400px] my-4 sm:my-0"></div>
             </div>
         </div>
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">

resources/views/livewire/meetup/world-map.blade.php

@@ -48,7 +48,7 @@
                     }
                 }"
             >
-                <div id="mapworld" style="width: 100%; height: 800px"></div>
+                <div id="mapworld" style="width: 100%;" class="h-[200px] sm:h-[400px]"></div>
             </div>
         </div>
     </section>

resources/views/livewire/school/event-table.blade.php

@@ -5,7 +5,7 @@
     <section class="w-full mb-12">
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
             <div class="flex items-start">
-                <div class="w-1/2">
+                <div class="w-full sm:w-1/2">
 
                     <link rel="stylesheet" type="text/css"
                           href="https://unpkg.com/js-year-calendar@latest/dist/js-year-calendar.min.css"/>
@@ -78,7 +78,7 @@
                         <div x-ref="calendar"></div>
                     </div>
                 </div>
-                <div class="w-1/2">
+                <div class="hidden sm:w-1/2">
                     <div
                         wire:ignore
                         class="w-full flex justify-center"