new commit

vendor/jeroennoten/laravel-adminlte/resources/views/components/tool/datatable.blade.php

@@ -0,0 +1,78 @@
+{{-- Table --}}
+
+<div class="table-responsive">
+
+<table id="{{ $id }}" style="width:100%" {{ $attributes->merge(['class' => $makeTableClass()]) }}>
+
+    {{-- Table head --}}
+    <thead @isset($headTheme) class="thead-{{ $headTheme }}" @endisset>
+        <tr>
+            @foreach($heads as $th)
+                <th @isset($th['classes']) class="{{ $th['classes'] }}" @endisset
+                    @isset($th['width']) style="width:{{ $th['width'] }}%" @endisset
+                    @isset($th['no-export']) dt-no-export @endisset>
+                    {{ is_array($th) ? ($th['label'] ?? '') : $th }}
+                </th>
+            @endforeach
+        </tr>
+    </thead>
+
+    {{-- Table body --}}
+    <tbody>{{ $slot }}</tbody>
+
+    {{-- Table footer --}}
+    @isset($withFooter)
+        <tfoot @isset($footerTheme) class="thead-{{ $footerTheme }}" @endisset>
+            <tr>
+                @foreach($heads as $th)
+                    <th>{{ is_array($th) ? ($th['label'] ?? '') : $th }}</th>
+                @endforeach
+            </tr>
+        </tfoot>
+    @endisset
+
+</table>
+
+</div>
+
+{{-- Add plugin initialization and configuration code --}}
+
+@push('js')
+<script>
+
+    $(() => {
+        $('#{{ $id }}').DataTable( @json($config) );
+    })
+
+</script>
+@endpush
+
+{{-- Add CSS styling for beautify option --}}
+
+@isset($beautify)
+    @push('css')
+    <style type="text/css">
+        #{{ $id }} tr td,  #{{ $id }} tr th {
+            vertical-align: middle;
+            text-align: center;
+        }
+    </style>
+    @endpush
+@endisset
+
+{{-- Improve CSS styling when using responsive extension --}}
+
+@if(! empty($config['responsive']))
+    @once
+    @push('css')
+    <style type="text/css">
+        .dataTable .child .dtr-details {
+            width: 100%;
+        }
+        .dataTable .child .dtr-data {
+            float: right;
+        }
+    </style>
+    @endpush
+    @endonce
+@endif

vendor/jeroennoten/laravel-adminlte/resources/views/components/tool/modal.blade.php

@@ -0,0 +1,36 @@
+<div {{ $attributes->merge(['class' => $makeModalClass(), 'id' => $id]) }}
+     @isset($staticBackdrop) data-backdrop="static" data-keyboard="false" @endisset>
+
+    <div class="{{ $makeModalDialogClass() }}">
+    <div class="modal-content">
+
+        {{--Modal header --}}
+        <div class="{{ $makeModalHeaderClass() }}">
+            <h4 class="modal-title">
+                @isset($icon)<i class="{{ $icon }} mr-2"></i>@endisset
+                @isset($title){{ $title }}@endisset
+            </h4>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+            </button>
+        </div>
+
+        {{-- Modal body --}}
+        @if(! $slot->isEmpty())
+            <div class="modal-body">{{ $slot }}</div>
+        @endif
+
+        {{-- Modal footer --}}
+        <div class="modal-footer">
+            @isset($footerSlot)
+                {{ $footerSlot }}
+            @else
+                <x-adminlte-button class="{{ $makeCloseButtonClass }}"
+                    data-dismiss="modal" label="Close"/>
+            @endisset
+        </div>
+
+    </div>
+    </div>
+
+</div>