wip

resources/views/components/services/navbar.blade.php

@@ -0,0 +1,31 @@
+<div class="navbar-main">
+    <a class="{{ request()->routeIs('project.service') ? 'text-white' : '' }}"
+        href="{{ route('project.service', $parameters) }}">
+        <button>Configuration</button>
+    </a>
+    <div class="flex-1"></div>
+    {{-- <x-applications.links :application="$application" />
+
+    <x-applications.advanced :application="$application" /> --}}
+    @if (serviceStatus($service) !== 'exited')
+        <button wire:click='stop' class="flex items-center gap-2 cursor-pointer hover:text-white text-neutral-400">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-error" viewBox="0 0 24 24" stroke-width="2"
+                stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+                <path d="M6 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z"></path>
+                <path d="M14 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z"></path>
+            </svg>
+            Stop
+        </button>
+    @else
+        <button wire:click='deploy' onclick="startService.showModal()"
+            class="flex items-center gap-2 cursor-pointer hover:text-white text-neutral-400">
+            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-warning" viewBox="0 0 24 24" stroke-width="1.5"
+                stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <path d="M7 4v16l13 -8z" />
+            </svg>
+            Deploy
+        </button>
+    @endif
+</div>

resources/views/livewire/project/service/index.blade.php

@@ -1,16 +1,19 @@
 <div x-init="$wire.check_status">
+    <livewire:project.service.modal />
     <h1>Configuration</h1>
     <x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
+    <x-services.navbar :service="$service" :parameters="$parameters" />
     <h3>Applications</h3>
     @foreach ($service->applications as $application)
-    <form wire:submit.prevent='submit'>
-        <p>{{ $application->name }}</p>
-        <p>{{ $application->status }}</p>
-        <x-forms.input id="services.{{$application->name}}.fqdn"></x-forms.input>
-        <x-forms.button type="submit">Save</x-forms.button>
-    </form>
+        <form class="box" wire:submit.prevent='submit'>
+            <p>{{ $application->name }}</p>
+            <x-forms.input id="services.{{ $application->name }}.fqdn"></x-forms.input>
+            <x-forms.button type="submit">Save</x-forms.button>
+        </form>
     @endforeach
-    <h3>Databases</h3>
+    @if ($service->databases->count() > 0)
+        <h3>Databases</h3>
+    @endif
     @foreach ($service->databases as $database)
         <p>{{ $database->name }}</p>
         <p>{{ $database->status }}</p>
@@ -19,8 +22,4 @@
     @foreach ($service->environment_variables as $variable)
         <p>{{ $variable->key }}={{ $variable->value }}</p>
     @endforeach
-    <x-forms.button wire:click='deploy'>Deploy</x-forms.button>
-    <div class="container w-full py-10 mx-auto">
-        <livewire:activity-monitor header="Service Startup Logs" />
-    </div>
 </div>

resources/views/livewire/project/service/modal.blade.php

@@ -0,0 +1,12 @@
+<div>
+    <x-modal submitWireAction="serviceStatusUpdated" modalId="startService">
+        <x-slot:modalBody>
+            <livewire:activity-monitor header="Service Startup Logs" />
+        </x-slot:modalBody>
+        <x-slot:modalSubmit>
+            <x-forms.button onclick="startService.close()" type="submit">
+                Close
+            </x-forms.button>
+        </x-slot:modalSubmit>
+    </x-modal>
+</div>