wip

resources/views/filament/pages/monitor.blade.php

@@ -1,6 +1,48 @@
+@push('head')
+    <!-- Styles -->
+    //
+    <link href="{{ asset('css/pizza.css') }}" rel="stylesheet">
+    <!-- Scripts -->
+    var table = new Tabulator("#example-table", {
+    layout: "fitDataFill",
+    height: "311px",
+    columns: [{
+    title: "Name",
+    field: "name"
+    },
+    {
+    title: "Progress",
+    field: "progress",
+    hozAlign: "right",
+    sorter: "number"
+    },
+    {
+    title: "Gender",
+    field: "gender"
+    },
+    {
+    title: "Rating",
+    field: "rating",
+    hozAlign: "center"
+    },
+    {
+    title: "Favourite Color",
+    field: "col"
+    },
+    ],
+    });
+    //
+    <script src="{{ asset('js/components/pizza.js') }}"></script>
+@endpush
+
 <x-filament-panels::page>
     <div x-data="{}" x-load-css="[@js(\Filament\Support\Facades\FilamentAsset::getStyleHref('tabulator-stylesheet'))]">
         <!-- ... -->
     </div>
+    <div x-load x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('tabulator') }}">
+        <!-- ... -->
+    </div>
+
     {{-- Page content --}}
+    <div id="example-table"></div>
 </x-filament-panels::page>