Update rows for translations

rappasoft · rappasoft · commit eae413c942a1 · 2021-04-28T11:32:54.000-04:00
Add ability to change empty message
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,7 +6,13 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 ### Added
 
-- Added option for single column sorting only
+- Added option for single column sorting only.
+- Ability to change empty message per table.
+- Added en.json lang file.
+
+### Changed
+
+- Modified views to support localization better where necessary (republish views).
 
 ## [1.3.1] - 2021-04-26
 
diff --git a/resources/lang/en.json b/resources/lang/en.json
@@ -0,0 +1,21 @@
+{
+    "You have selected": "You have selected",
+    "rows, do you want to select all": "rows, do you want to select all",
+    "Select All": "Select All",
+    "You are currently selecting all": "You are currently selecting all",
+    "rows": "rows",
+    "Unselect All": "Unselect All",
+    "Applied Sorting": "Applied Sorting",
+    "Remove sort option": "Remove sort option",
+    "Clear": "Clear",
+    "Bulk Actions": "Bulk Actions",
+    "Filters": "Filters",
+    "Applied Filters": "Applied Filters",
+    "Remove filter option": "Remove filter option",
+    "Search": "Search",
+    "Showing": "Showing",
+    "results": "results",
+    "You are not connected to the internet.": "You are not connected to the internet.",
+    "to": "to",
+    "of": "of"
+}
diff --git a/resources/views/bootstrap-4/includes/bulk-actions.blade.php b/resources/views/bootstrap-4/includes/bulk-actions.blade.php
@@ -1,7 +1,7 @@
 @if (count($bulkActions))
     <div class="dropdown mb-3 mb-md-0 d-block d-md-inline">
         <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="bulkActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            {{ __('Bulk Actions') }}
+            @lang('Bulk Actions')
         </button>
 
         <div class="dropdown-menu dropdown-menu-right w-100" aria-labelledby="bulkActions">
diff --git a/resources/views/bootstrap-4/includes/filters.blade.php b/resources/views/bootstrap-4/includes/filters.blade.php
@@ -1,7 +1,7 @@
 @if ($filtersView || count($customFilters))
     <div class="btn-group d-block d-md-inline">
         <button type="button" class="btn dropdown-toggle d-block w-100 d-md-inline" data-toggle="dropdown">
-            {{ __('Filters') }}
+            @lang('Filters')
 
             @if (count(array_filter($filters)) && !(count(array_filter($filters)) === 1 && isset($filters['search'])))
                 <span class="badge badge-info">
diff --git a/resources/views/bootstrap-4/includes/pagination.blade.php b/resources/views/bootstrap-4/includes/pagination.blade.php
@@ -5,17 +5,21 @@
         </div>
 
         <div class="col-12 col-md-6 text-center text-md-right text-muted">
-            @lang('Showing :first to :last out of :total results', [
-                'first' => $rows->count() ? $rows->firstItem() : 0,
-                'last' => $rows->count() ? $rows->lastItem() : 0,
-                'total' => $rows->total()
-            ])
+            @lang('Showing')
+            <strong>{{ $rows->count() ? $rows->firstItem() : 0 }}</strong>
+            @lang('to')
+            <strong>{{ $rows->count() ? $rows->lastItem() : 0 }}</strong>
+            @lang('of')
+            <strong>{{ $rows->total() }}</strong>
+            @lang('results')
         </div>
     </div>
 @else
     <div class="row">
         <div class="col-12 text-muted">
-            {!! __('Showing <strong>:count</strong> results', ['count' => $rows->count()]) !!}
+            @lang('Showing')
+            <strong>{{ $rows->count() }}</strong>
+            @lang('results')
         </div>
     </div>
 @endif
diff --git a/resources/views/bootstrap-4/includes/table.blade.php b/resources/views/bootstrap-4/includes/table.blade.php
@@ -30,7 +30,12 @@
                 <x-livewire-tables::bs4.table.cell colspan="{{ count($bulkActions) ? count($columns) + 1 : count($columns) }}">
                     @unless ($selectAll)
                         <div>
-                            <span>{!! __('You have selected <strong>:count</strong> rows, do you want to select all <strong>:total</strong>?', ['count' => $rows->count(), 'total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You have selected')
+                                <strong>{{ $rows->count() }}</strong>
+                                @lang('rows, do you want to select all')
+                                <strong>{{ number_format($rows->total()) }}</strong>?
+                            </span>
 
                             <button
                                 wire:click="selectAll"
@@ -42,7 +47,11 @@ class="btn btn-primary btn-sm"
                         </div>
                     @else
                         <div>
-                            <span>{!! __('You are currently selecting all <strong>:total</strong> rows.', ['total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You are currently selecting all')
+                                <strong>{{ number_format($rows->total()) }}</strong>
+                                @lang('rows').
+                            </span>
 
                             <button
                                 wire:click="resetBulk"
@@ -79,7 +88,7 @@ class="btn btn-primary btn-sm"
         @empty
             <x-livewire-tables::bs4.table.row>
                 <x-livewire-tables::bs4.table.cell colspan="{{ count($bulkActions) ? count($columns) + 1 : count($columns) }}">
-                    @lang('No items found. Try narrowing your search.')
+                    @lang($emptyMessage)
                 </x-livewire-tables::bs4.table.cell>
             </x-livewire-tables::bs4.table.row>
         @endforelse
diff --git a/resources/views/bootstrap-5/includes/bulk-actions.blade.php b/resources/views/bootstrap-5/includes/bulk-actions.blade.php
@@ -1,7 +1,7 @@
 @if (count($bulkActions))
     <div class="dropdown mb-3 mb-md-0 d-block d-md-inline">
         <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="bulkActions" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            {{ __('Bulk Actions') }}
+            @lang('Bulk Actions')
         </button>
 
         <div class="dropdown-menu dropdown-menu-end w-100" aria-labelledby="bulkActions">
diff --git a/resources/views/bootstrap-5/includes/filters.blade.php b/resources/views/bootstrap-5/includes/filters.blade.php
@@ -1,7 +1,7 @@
 @if ($filtersView || count($customFilters))
     <div class="btn-group d-block d-md-inline">
         <button type="button" class="btn dropdown-toggle d-block w-100 d-md-inline" data-bs-toggle="dropdown">
-            {{ __('Filters') }}
+            @lang('Filters')
 
             @if (count(array_filter($filters)) && !(count(array_filter($filters)) === 1 && isset($filters['search'])))
                 <span class="badge bg-info">
diff --git a/resources/views/bootstrap-5/includes/pagination.blade.php b/resources/views/bootstrap-5/includes/pagination.blade.php
@@ -5,17 +5,21 @@
         </div>
 
         <div class="col-12 col-md-6 text-center text-md-end text-muted">
-            @lang('Showing :first to :last out of :total results', [
-                'first' => $rows->count() ? $rows->firstItem() : 0,
-                'last' => $rows->count() ? $rows->lastItem() : 0,
-                'total' => $rows->total()
-            ])
+            @lang('Showing')
+            <strong>{{ $rows->count() ? $rows->firstItem() : 0 }}</strong>
+            @lang('to')
+            <strong>{{ $rows->count() ? $rows->lastItem() : 0 }}</strong>
+            @lang('of')
+            <strong>{{ $rows->total() }}</strong>
+            @lang('results')
         </div>
     </div>
 @else
     <div class="row">
         <div class="col-12 text-muted">
-            {!! __('Showing <strong>:count</strong> results', ['count' => $rows->count()]) !!}
+            @lang('Showing')
+            <strong>{{ $rows->count() }}</strong>
+            @lang('results')
         </div>
     </div>
 @endif
diff --git a/resources/views/bootstrap-5/includes/table.blade.php b/resources/views/bootstrap-5/includes/table.blade.php
@@ -31,7 +31,12 @@ class="form-check-input"
                 <x-livewire-tables::bs5.table.cell colspan="{{ count($bulkActions) ? count($columns) + 1 : count($columns) }}">
                     @unless ($selectAll)
                         <div>
-                            <span>{!! __('You have selected <strong>:count</strong> rows, do you want to select all <strong>:total</strong>?', ['count' => $rows->count(), 'total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You have selected')
+                                <strong>{{ $rows->count() }}</strong>
+                                @lang('rows, do you want to select all')
+                                <strong>{{ number_format($rows->total()) }}</strong>?
+                            </span>
 
                             <button
                                 wire:click="selectAll"
@@ -43,7 +48,11 @@ class="btn btn-primary btn-sm"
                         </div>
                     @else
                         <div>
-                            <span>{!! __('You are currently selecting all <strong>:total</strong> rows.', ['total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You are currently selecting all')
+                                <strong>{{ number_format($rows->total()) }}</strong>
+                                @lang('rows').
+                            </span>
 
                             <button
                                 wire:click="resetBulk"
@@ -81,7 +90,7 @@ class="form-check-input"
         @empty
             <x-livewire-tables::bs5.table.row>
                 <x-livewire-tables::bs5.table.cell colspan="{{ count($bulkActions) ? count($columns) + 1 : count($columns) }}">
-                    @lang('No items found. Try narrowing your search.')
+                    @lang($emptyMessage)
                 </x-livewire-tables::bs5.table.cell>
             </x-livewire-tables::bs5.table.row>
         @endforelse
diff --git a/resources/views/tailwind/includes/bulk-actions.blade.php b/resources/views/tailwind/includes/bulk-actions.blade.php
@@ -17,7 +17,7 @@ class="inline-flex justify-center w-full rounded-md border border-gray-300 px-4
                         x-bind:aria-expanded="open"
                         aria-expanded="true"
                     >
-                        {{ __('Bulk Actions') }}
+                        @lang('Bulk Actions')
 
                         <svg class="-mr-1 ml-2 h-5 w-5" x-description="Heroicon name: chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                             <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
diff --git a/resources/views/tailwind/includes/pagination.blade.php b/resources/views/tailwind/includes/pagination.blade.php
@@ -2,6 +2,10 @@
     @if ($paginationEnabled && $showPerPage && $rows->lastPage() > 1)
         {{ $rows->links() }}
     @else
-        <p class="text-sm text-gray-700 leading-5">{!! __('Showing <span class="font-medium">:count</span> results', ['count' => $rows->count()]) !!}</p>
+        <p class="text-sm text-gray-700 leading-5">
+            @lang('Showing')
+            <span class="font-medium">{{ $rows->count() }}</span>
+            @lang('results')
+        </p>
     @endif
 </div>
diff --git a/resources/views/tailwind/includes/table.blade.php b/resources/views/tailwind/includes/table.blade.php
@@ -33,7 +33,12 @@ class="rounded-md shadow-sm border-gray-300 block transition duration-150 ease-i
                 <x-livewire-tables::table.cell :colspan="count($bulkActions) ? count($columns) + 1 : count($columns)">
                     @unless ($selectAll)
                         <div>
-                            <span>{!! __('You have selected <strong>:count</strong> rows, do you want to select all <strong>:total</strong>?', ['count' => $rows->count(), 'total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You have selected')
+                                <strong>{{ $rows->count() }}</strong>
+                                @lang('rows, do you want to select all')
+                                <strong>{{ number_format($rows->total()) }}</strong>?
+                            </span>
 
                             <button
                                 wire:click="selectAll"
@@ -45,7 +50,11 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
                         </div>
                     @else
                         <div>
-                            <span>{!! __('You are currently selecting all <strong>:total</strong> rows.', ['total' => number_format($rows->total())]) !!}</span>
+                            <span>
+                                @lang('You are currently selecting all')
+                                <strong>{{ number_format($rows->total()) }}</strong>
+                                @lang('rows').
+                            </span>
 
                             <button
                                 wire:click="resetBulk"
@@ -91,7 +100,7 @@ class="rounded-md shadow-sm border-gray-300 block transition duration-150 ease-i
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" />
                         </svg>
 
-                        <span class="font-medium py-8 text-gray-400 text-xl">@lang('No items found. Try narrowing your search.')</span>
+                        <span class="font-medium py-8 text-gray-400 text-xl">@lang($emptyMessage)</span>
                     </div>
                 </x-livewire-tables::table.cell>
             </x-livewire-tables::table.row>
diff --git a/src/DataTableComponent.php b/src/DataTableComponent.php
@@ -49,7 +49,14 @@ abstract class DataTableComponent extends Component
      *
      * @var bool
      */
-    public $offlineIndicator = true;
+    public bool $offlineIndicator = true;
+
+    /**
+     * The message to show when there are no results from a search or query
+     *
+     * @var string
+     */
+    public string $emptyMessage = 'No items found. Try narrowing your search.';
 
     /**
      * Name of the page parameter for pagination
diff --git a/src/LaravelLivewireTablesServiceProvider.php b/src/LaravelLivewireTablesServiceProvider.php
@@ -42,6 +42,7 @@ public function configurePackage(Package $package): void
         $package
             ->name('laravel-livewire-tables')
             ->hasConfigFile()
-            ->hasViews();
+            ->hasViews()
+            ->hasTranslations();
     }
 }
