Updated index view blade for NPM webpack usage

Updated index view blade for NPM webpack usage

resources/views/domains/index.blade.php

@@ -1,12 +1,8 @@
-@extends('layouts.index')
 @section('title', 'Domain names')
-@section('css_style')
+<x-app-layout>
-    <x-modal-style></x-modal-style>
+    <x-slot name="header">
-@endsection
-@section('header')
         {{ __('Domains') }}
-@endsection
+    </x-slot>
-@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
@@ -67,4 +63,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">domains</x-slot>
     </x-modal-delete-script>
-@endsection
+</x-app-layout>

resources/views/ips/index.blade.php

@@ -1,19 +1,10 @@
-@section("title", "IP addresses")
+@section('title', 'IP addresses')
-@section('css_links')
-    <link rel="stylesheet" href="{{ asset('css/datatables.bootstrap.min.css') }}">
-@endsection
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
-        {{ __('IP Addresses') }}
+        {{ __('IP addresses') }}
     </x-slot>
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
+            <x-response-alerts></x-response-alerts>
             <x-card class="shadow mt-3">
                 <a href="{{ route('IPs.create') }}" class="btn btn-primary mb-3">Add IP</a>
                 <x-response-alerts></x-response-alerts>
@@ -56,10 +47,14 @@
                 </div>
             </x-card>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
-    <x-datatables-assets></x-datatables-assets>
+    <x-modal-delete-script>
-    <script type="text/javascript">
+        <x-slot name="uri">IPs</x-slot>
-        $(document).ready(function () {
+    </x-modal-delete-script>
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
                 $('#ips-table').DataTable({
                     "pageLength": 15,
                     "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@@ -72,9 +67,8 @@
                         $('.dataTables_info').addClass('mt-2 text-muted ');
                     }
                 });
-        });
+            })
         </script>
-    <x-modal-delete-script>
+    @endsection
-        <x-slot name="uri">IPs</x-slot>
-    </x-modal-delete-script>
 </x-app-layout>
+

resources/views/labels/index.blade.php

@@ -1,19 +1,9 @@
-@section("title", "Labels")
+@section('title', 'Labels')
-@section('css_links')
-    <link rel="stylesheet" href="{{ asset('css/datatables.bootstrap.min.css') }}">
-@endsection
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
         {{ __('Labels') }}
     </x-slot>
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
             <a href="{{ route('labels.create') }}" class="btn btn-primary mb-3">Add a label</a>
             <x-response-alerts></x-response-alerts>
@@ -50,10 +40,14 @@
             </table>
         </x-card>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
-    <x-datatables-assets></x-datatables-assets>
+    <x-modal-delete-script>
-    <script type="text/javascript">
+        <x-slot name="uri">labels</x-slot>
-        $(document).ready(function () {
+    </x-modal-delete-script>
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
                 $('#labels-table').DataTable({
                     "pageLength": 15,
                     "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@@ -66,9 +60,7 @@
                         $('.dataTables_info').addClass('mt-2 text-muted ');
                     }
                 });
-        });
+            })
         </script>
-    <x-modal-delete-script>
+    @endsection
-        <x-slot name="uri">labels</x-slot>
-    </x-modal-delete-script>
 </x-app-layout>

resources/views/locations/index.blade.php

@@ -1,19 +1,9 @@
-@section("title", "Locations")
+@section('title', 'Locations')
-@section('css_links')
-    <link rel="stylesheet" href="{{ asset('css/datatables.bootstrap.min.css') }}">
-@endsection
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
         {{ __('Locations') }}
     </x-slot>
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
             <a href="{{ route('locations.create') }}" class="btn btn-primary mb-3">Add a location</a>
             <x-response-alerts></x-response-alerts>
@@ -49,10 +39,14 @@
             </table>
         </x-card>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
-    <x-datatables-assets></x-datatables-assets>
+    <x-modal-delete-script>
-    <script type="text/javascript">
+        <x-slot name="uri">locations</x-slot>
-        $(document).ready(function () {
+    </x-modal-delete-script>
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
                 $('#locations-table').DataTable({
                     "pageLength": 15,
                     "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@@ -65,9 +59,7 @@
                         $('.dataTables_info').addClass('mt-2 text-muted ');
                     }
                 });
-        });
+            })
         </script>
-    <x-modal-delete-script>
+    @endsection
-        <x-slot name="uri">locations</x-slot>
-    </x-modal-delete-script>
 </x-app-layout>

resources/views/misc/index.blade.php

@@ -1,12 +1,8 @@
-@extends('layouts.index')
 @section('title', 'Misc services')
-@section('css_style')
+<x-app-layout>
-    <x-modal-style></x-modal-style>
+    <x-slot name="header">
-@endsection
-@section('header')
         {{ __('Misc') }}
-@endsection
+    </x-slot>
-@section('content')
     <div class="container" id="app">
         <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
@@ -68,4 +64,4 @@
     <x-modal-delete-script>
         <x-slot name="uri">misc</x-slot>
     </x-modal-delete-script>
-@endsection
+</x-app-layout>

resources/views/os/index.blade.php

@@ -1,19 +1,9 @@
-@section("title", "Operating systems")
+@section('title', 'Operating systems')
-@section('css_links')
-    <link rel="stylesheet" href="{{ asset('css/datatables.bootstrap.min.css') }}">
-@endsection
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
         {{ __('Operating systems') }}
     </x-slot>
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
             <a href="{{ route('os.create') }}" class="btn btn-primary mb-3">Add an OS</a>
             <x-response-alerts></x-response-alerts>
@@ -46,10 +36,14 @@
             </table>
         </x-card>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
-    <x-datatables-assets></x-datatables-assets>
+    <x-modal-delete-script>
-    <script type="text/javascript">
+        <x-slot name="uri">os</x-slot>
-        $(document).ready(function () {
+    </x-modal-delete-script>
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
                 $('#os-table').DataTable({
                     "pageLength": 15,
                     "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@@ -62,9 +56,7 @@
                         $('.dataTables_info').addClass('mt-2 text-muted ');
                     }
                 });
-        });
+            })
         </script>
-    <x-modal-delete-script>
+    @endsection
-        <x-slot name="uri">os</x-slot>
-    </x-modal-delete-script>
 </x-app-layout>

resources/views/providers/index.blade.php

@@ -1,19 +1,9 @@
 @section("title", "Providers")
-@section('css_links')
-    <link rel="stylesheet" href="{{ asset('css/datatables.bootstrap.min.css') }}">
-@endsection
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
         {{ __('Providers') }}
     </x-slot>
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <x-card class="shadow mt-3">
             <a href="{{ route('providers.create') }}" class="btn btn-primary mb-3">Add a provider</a>
             <x-response-alerts></x-response-alerts>
@@ -49,9 +39,10 @@
             </table>
         </x-card>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
-    <x-datatables-assets></x-datatables-assets>
     <script type="text/javascript">
+        window.addEventListener('load', function () {
             $(document).ready(function () {
                 $('#providers-table').DataTable({
                     "pageLength": 15,
@@ -66,6 +57,7 @@
                     }
                 });
             });
+        })
     </script>
     <x-modal-delete-script>
         <x-slot name="uri">providers</x-slot>

resources/views/reseller/index.blade.php

@@ -1,14 +1,9 @@
-@extends('layouts.index')
 @section('title', 'Resellers')
-@section('css_style')
+<x-app-layout>
-    <x-modal-style></x-modal-style>
+    <x-slot name="header">
-@endsection
-@section('header')
         {{ __('Reseller') }}
-@endsection
+    </x-slot>
-@section('content')
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
             <div class="card-body">
                 <a href="{{ route('reseller.create') }}" class="btn btn-primary mb-3">Add a reseller</a>
@@ -68,8 +63,9 @@
             </div>
         </div>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
     <x-modal-delete-script>
         <x-slot name="uri">reseller</x-slot>
     </x-modal-delete-script>
-@endsection
+</x-app-layout>

resources/views/seedboxes/index.blade.php

@@ -1,14 +1,9 @@
-@extends('layouts.index')
 @section('title', 'Seed boxes')
-@section('css_style')
+<x-app-layout>
-    <x-modal-style></x-modal-style>
+    <x-slot name="header">
-@endsection
-@section('header')
         {{ __('Seed boxes') }}
-@endsection
+    </x-slot>
-@section('content')
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
             <div class="card-body">
                 <a href="{{ route('seedboxes.create') }}" class="btn btn-primary mb-3">Add a seed box</a>
@@ -90,8 +85,9 @@
             </div>
         </div>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
     <x-modal-delete-script>
         <x-slot name="uri">seedboxes</x-slot>
     </x-modal-delete-script>
-@endsection
+</x-app-layout>

resources/views/shared/index.blade.php

@@ -1,14 +1,9 @@
-@extends('layouts.index')
 @section('title', 'Shared hosting')
-@section('css_style')
+<x-app-layout>
-    <x-modal-style></x-modal-style>
+    <x-slot name="header">
-@endsection
-@section('header')
         {{ __('Shared') }}
-@endsection
+    </x-slot>
-@section('content')
     <div class="container" id="app">
-        <x-delete-confirm-modal></x-delete-confirm-modal>
         <div class="card shadow mt-3">
             <div class="card-body">
                 <a href="{{ route('shared.create') }}" class="btn btn-primary mb-3">Add shared hosting</a>
@@ -70,8 +65,9 @@
             </div>
         </div>
         <x-details-footer></x-details-footer>
+        <x-delete-confirm-modal></x-delete-confirm-modal>
     </div>
     <x-modal-delete-script>
         <x-slot name="uri">shared</x-slot>
     </x-modal-delete-script>
-@endsection
+</x-app-layout>

resources/views/yabs/index.blade.php

@@ -1,10 +1,4 @@
-@section("title", "YABS results")
+@section('title', 'YABS results')
-@section('style')
-    <x-modal-style></x-modal-style>
-@endsection
-@section('scripts')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
-@endsection
 <x-app-layout>
     <x-slot name="header">
         {{ __('YABS') }}