Added sort icon configurations

Removed 1 hard coded font awesome icon

Author: rappasoft

CHANGELOG.md

@@ -10,11 +10,16 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 - Arabic translations
 - Ability to add a link to make table rows clickable
+- Added the ability to change the sort icons
 
 ### Updated
 
 - Livewire to 2.x
 
+### Removed
+
+- Removed 1 hard coded font awesome icon
+
 ### Changed
 
 - Publish tags to service provider

README.md

@@ -173,6 +173,9 @@ You can override any of these in your table component:
 | -------- | ------- | ----- |
 | $sortField | id | The initial field to be sorting by |
 | $sortDirection | asc | The initial direction to sort |
+| $sortDefaultClass | text-muted fas fa-sort | The default sort icon |
+| $ascSortClass | fas fa-sort-up | The sort icon when currently sorting ascending |
+| $descSortClass | fas fa-sort-down | The sort icon when currently sorting descending |
 
 #### Pagination
 

resources/views/includes/_columns.blade.php

@@ -15,11 +15,11 @@ class="{{ $this->setTableHeadClass($column->attribute) }}"
                 {{ $column->text }}
 
                 @if ($sortField !== $column->attribute)
-                    <i class="text-muted fas fa-sort"></i>
+                    <i class="{{ $sortDefaultClass }}"></i>
                 @elseif ($sortDirection === 'asc')
-                    <i class="fas fa-sort-up"></i>
+                    <i class="{{ $ascSortClass }}"></i>
                 @else
-                    <i class="fas fa-sort-down"></i>
+                    <i class="{{ $descSortClass }}"></i>
                 @endif
             </span>
         @else

resources/views/includes/_offline.blade.php

@@ -2,7 +2,7 @@
     <div class="row">
         <div class="col-12">
             <div wire:offline class="alert alert-danger">
-                <i class="fa fa-info-circle"></i> @lang('laravel-livewire-tables::strings.offline')
+                @lang('laravel-livewire-tables::strings.offline')
             </div>
         </div>
     </div>

src/Traits/Sorting.php

@@ -25,6 +25,27 @@ trait Sorting
      */
     public $sortDirection = 'asc';
 
+    /**
+     * The default sort icon
+     *
+     * @var string
+     */
+    public $sortDefaultClass = 'text-muted fas fa-sort';
+
+    /**
+     * The sort icon when currently sorting ascending
+     *
+     * @var string
+     */
+    public $ascSortClass = 'fas fa-sort-up';
+
+    /**
+     * The sort icon when currently sorting descending
+     *
+     * @var string
+     */
+    public $descSortClass = 'fas fa-sort-down';
+
     /**
      * @param $attribute
      */