feat: charts

resources/views/livewire/charts/server.blade.php

@@ -0,0 +1,4 @@
+<div wire:poll.5000ms='loadData'>
+    <h1>CPU Usage</h1>
+    <x-apex-charts :chart-id="$chartId" :series-data="$data" :categories="$categories" series-name="Total distance this year"/>
+</div>

resources/views/livewire/dashboard.blade.php

@@ -39,9 +39,9 @@
                                     Add Resource</span>
                             </a>
                             <a class="hover:underline"
-                            href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}">
-                            Settings
-                        </a>
+                                href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}">
+                                Settings
+                            </a>
                         </div>
                     </div>
                 </div>
@@ -161,7 +161,6 @@
         </div>
     @endif
 
-
     <script>
         function gotoProject(uuid, environment = 'production') {
             window.location.href = '/project/' + uuid + '/' + environment;

resources/views/livewire/server/show.blade.php

@@ -5,4 +5,9 @@
     <x-server.navbar :server="$server" :parameters="$parameters" />
     <livewire:server.form :server="$server" />
     <livewire:server.delete :server="$server" />
+    @if (isDev())
+        <div class="pt-10">
+            <livewire:charts.server :server="$server" />
+        </div>
+    @endif
 </div>