Updated index view blade for NPM webpack usage

Updated index view blade for NPM webpack usage
This commit is contained in:
cp6 2022-11-13 15:53:05 +11:00
parent 84902191e5
commit 68f1d331f9
11 changed files with 167 additions and 231 deletions

View File

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

View File

@ -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-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('IP Addresses') }} {{ __('IP addresses') }}
</x-slot> </x-slot>
<div class="container" id="app"> <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"> <x-card class="shadow mt-3">
<a href="{{ route('IPs.create') }}" class="btn btn-primary mb-3">Add IP</a> <a href="{{ route('IPs.create') }}" class="btn btn-primary mb-3">Add IP</a>
<x-response-alerts></x-response-alerts> <x-response-alerts></x-response-alerts>
@ -56,10 +47,14 @@
</div> </div>
</x-card> </x-card>
<x-details-footer></x-details-footer> <x-details-footer></x-details-footer>
<x-delete-confirm-modal></x-delete-confirm-modal>
</div> </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({ $('#ips-table').DataTable({
"pageLength": 15, "pageLength": 15,
"lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100], "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@ -72,9 +67,8 @@
$('.dataTables_info').addClass('mt-2 text-muted '); $('.dataTables_info').addClass('mt-2 text-muted ');
} }
}); });
}); })
</script> </script>
<x-modal-delete-script> @endsection
<x-slot name="uri">IPs</x-slot>
</x-modal-delete-script>
</x-app-layout> </x-app-layout>

View File

@ -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-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('Labels') }} {{ __('Labels') }}
</x-slot> </x-slot>
<div class="container" id="app"> <div class="container" id="app">
<x-delete-confirm-modal></x-delete-confirm-modal>
<x-card class="shadow mt-3"> <x-card class="shadow mt-3">
<a href="{{ route('labels.create') }}" class="btn btn-primary mb-3">Add a label</a> <a href="{{ route('labels.create') }}" class="btn btn-primary mb-3">Add a label</a>
<x-response-alerts></x-response-alerts> <x-response-alerts></x-response-alerts>
@ -50,10 +40,14 @@
</table> </table>
</x-card> </x-card>
<x-details-footer></x-details-footer> <x-details-footer></x-details-footer>
<x-delete-confirm-modal></x-delete-confirm-modal>
</div> </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({ $('#labels-table').DataTable({
"pageLength": 15, "pageLength": 15,
"lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100], "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@ -66,9 +60,7 @@
$('.dataTables_info').addClass('mt-2 text-muted '); $('.dataTables_info').addClass('mt-2 text-muted ');
} }
}); });
}); })
</script> </script>
<x-modal-delete-script> @endsection
<x-slot name="uri">labels</x-slot>
</x-modal-delete-script>
</x-app-layout> </x-app-layout>

View File

@ -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-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('Locations') }} {{ __('Locations') }}
</x-slot> </x-slot>
<div class="container" id="app"> <div class="container" id="app">
<x-delete-confirm-modal></x-delete-confirm-modal>
<x-card class="shadow mt-3"> <x-card class="shadow mt-3">
<a href="{{ route('locations.create') }}" class="btn btn-primary mb-3">Add a location</a> <a href="{{ route('locations.create') }}" class="btn btn-primary mb-3">Add a location</a>
<x-response-alerts></x-response-alerts> <x-response-alerts></x-response-alerts>
@ -49,10 +39,14 @@
</table> </table>
</x-card> </x-card>
<x-details-footer></x-details-footer> <x-details-footer></x-details-footer>
<x-delete-confirm-modal></x-delete-confirm-modal>
</div> </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({ $('#locations-table').DataTable({
"pageLength": 15, "pageLength": 15,
"lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100], "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@ -65,9 +59,7 @@
$('.dataTables_info').addClass('mt-2 text-muted '); $('.dataTables_info').addClass('mt-2 text-muted ');
} }
}); });
}); })
</script> </script>
<x-modal-delete-script> @endsection
<x-slot name="uri">locations</x-slot>
</x-modal-delete-script>
</x-app-layout> </x-app-layout>

View File

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

View File

@ -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-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('Operating systems') }} {{ __('Operating systems') }}
</x-slot> </x-slot>
<div class="container" id="app"> <div class="container" id="app">
<x-delete-confirm-modal></x-delete-confirm-modal>
<x-card class="shadow mt-3"> <x-card class="shadow mt-3">
<a href="{{ route('os.create') }}" class="btn btn-primary mb-3">Add an OS</a> <a href="{{ route('os.create') }}" class="btn btn-primary mb-3">Add an OS</a>
<x-response-alerts></x-response-alerts> <x-response-alerts></x-response-alerts>
@ -46,10 +36,14 @@
</table> </table>
</x-card> </x-card>
<x-details-footer></x-details-footer> <x-details-footer></x-details-footer>
<x-delete-confirm-modal></x-delete-confirm-modal>
</div> </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({ $('#os-table').DataTable({
"pageLength": 15, "pageLength": 15,
"lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100], "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
@ -62,9 +56,7 @@
$('.dataTables_info').addClass('mt-2 text-muted '); $('.dataTables_info').addClass('mt-2 text-muted ');
} }
}); });
}); })
</script> </script>
<x-modal-delete-script> @endsection
<x-slot name="uri">os</x-slot>
</x-modal-delete-script>
</x-app-layout> </x-app-layout>

View File

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

View File

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

View File

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

View File

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

View File

@ -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-app-layout>
<x-slot name="header"> <x-slot name="header">
{{ __('YABS') }} {{ __('YABS') }}