bug responsive

app/DataTables/IssueDataTable.php

@@ -55,6 +55,7 @@ class IssueDataTable extends DataTable
     ->setTableId($this->dataTableVariable)
     ->columns($this->getColumns())
     // ->minifiedAjax()
+    ->responsive()
     ->language(asset('plugins/datatables/Italian.json'))
     ->dom(count($buttons)==0?'rtip':'Brtip')
     ->orderBy(0, 'desc')
@@ -70,7 +71,7 @@ class IssueDataTable extends DataTable
     protected function getColumns()
     {
       return [
-        Column::make('id')->title('#'),
+        Column::make('id')->title('#')->responsivePriority(1),
         Column::make('project.name')->title('Cliente'),
         Column::make('created_on')->title('Data')->data('created_on_label'),
         Column::make('subject')->title('Oggetto'),
@@ -80,6 +81,7 @@ class IssueDataTable extends DataTable
         ->printable(false)
         ->width('10%')
         ->title(' ')
+        ->responsivePriority(2)
         ->addClass('text-right'),
       ];
     }

resources/views/layouts/navigation.blade.php

@@ -51,7 +51,7 @@
             <x-dropdown-link :href="route('user.profilo')">
               Profilo
             </x-dropdown-link>
-            
+
             <!-- Authentication -->
             <form method="POST" action="{{ route('logout') }}">
               @csrf
@@ -84,29 +84,50 @@
 
 <!-- Responsive Navigation Menu -->
 <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
-  <div class="pt-2 pb-3 space-y-1">
-    <x-responsive-nav-link :href="route('login')" :active="request()->routeIs('dashboard')">
-      {{ __('Dashboard') }}
-    </x-responsive-nav-link>
-  </div>
+    <div class="pt-2 pb-3 space-y-1">
+        <x-responsive-nav-link :href="route('home')" :active="request()->routeIs('home')">
+            <i class="fas fa-home"></i> Home
+        </x-responsive-nav-link>
 
-  <!-- Responsive Settings Options -->
-  <div class="pt-4 pb-1 border-t border-gray-200">
-    <div class="flex items-center px-4">
-      <div class="flex-shrink-0">
-        <svg class="h-10 w-10 fill-current text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
-        </svg>
-      </div>
+        <x-responsive-nav-link :href="route('issue.index')" :active="request()->routeIs('issue.index')">
+            <i class="fas fa-ticket-alt"></i> Issues
+        </x-responsive-nav-link>
 
-      <div class="ml-3">
-        <div class="font-medium text-base text-gray-800">A</div>
-        <div class="font-medium text-sm text-gray-500">B</div>
-      </div>
+        <x-responsive-nav-link :href="route('azienda.index')" :active="request()->routeIs('azienda.index')">
+            <i class="fas fa-industry"></i> Aziende
+        </x-responsive-nav-link>
+
+        <x-responsive-nav-link :href="route('config.index')" :active="request()->routeIs('config.index')">
+            <i class="fas fa-cog"></i> Configurazione
+        </x-responsive-nav-link>
     </div>
 
-    <div class="mt-3 space-y-1">
+    <!-- Responsive Settings Options -->
+    <div class="pt-4 pb-1 border-t border-gray-200">
+        <div class="flex items-center px-4">
+            <div class="flex-shrink-0">
+                <svg class="h-10 w-10 fill-current text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
+                </svg>
+            </div>
+
+            <div class="ml-3">
+                <div class="font-medium text-base text-gray-800">{{ session('redmine_user')->firstname }} {{ session('redmine_user')->lastname }}</div>
+            </div>
+        </div>
+
+        <div class="mt-3 space-y-1">
+            <!-- Authentication -->
+            <form method="POST" action="{{ route('logout') }}">
+                @csrf
+
+                <x-responsive-nav-link :href="route('logout')"
+                        onclick="event.preventDefault();
+                                    this.closest('form').submit();">
+                    {{ __('Log out') }}
+                </x-responsive-nav-link>
+            </form>
+        </div>
     </div>
-  </div>
 </div>
 </nav>