From 5541c135df734e5ad293ececa4e899416b1c33a4 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Wed, 11 Oct 2023 11:00:40 +0200
Subject: [PATCH] feat: proxy logs on the ui

---
 app/Http/Livewire/Server/Proxy/Logs.php       |  28 ++++
 app/Http/Livewire/Server/Proxy/Show.php       |   5 +
 app/View/Components/Server/Sidebar.php        |  27 ++++
 .../views/components/server/sidebar.blade.php |  20 +++
 .../views/livewire/server/proxy.blade.php     | 130 +++++++++---------
 .../livewire/server/proxy/logs.blade.php      |   9 ++
 .../livewire/server/proxy/show.blade.php      |   7 +-
 routes/web.php                                |   3 +-
 8 files changed, 160 insertions(+), 69 deletions(-)
 create mode 100644 app/Http/Livewire/Server/Proxy/Logs.php
 create mode 100644 app/View/Components/Server/Sidebar.php
 create mode 100644 resources/views/components/server/sidebar.blade.php
 create mode 100644 resources/views/livewire/server/proxy/logs.blade.php

diff --git a/app/Http/Livewire/Server/Proxy/Logs.php b/app/Http/Livewire/Server/Proxy/Logs.php
new file mode 100644
index 000000000..cb8c245a6
--- /dev/null
+++ b/app/Http/Livewire/Server/Proxy/Logs.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Livewire\Server\Proxy;
+
+use App\Models\Server;
+use Livewire\Component;
+
+class Logs extends Component
+{
+    public ?Server $server = null;
+    public $parameters = [];
+    public function mount()
+    {
+        $this->parameters = get_route_parameters();
+        try {
+            $this->server = Server::ownedByCurrentTeam(['name', 'proxy'])->whereUuid(request()->server_uuid)->first();
+            if (is_null($this->server)) {
+                return redirect()->route('server.all');
+            }
+        } catch (\Throwable $e) {
+            return handleError($e, $this);
+        }
+    }
+    public function render()
+    {
+        return view('livewire.server.proxy.logs');
+    }
+}
diff --git a/app/Http/Livewire/Server/Proxy/Show.php b/app/Http/Livewire/Server/Proxy/Show.php
index daadf0ede..26ea54e49 100644
--- a/app/Http/Livewire/Server/Proxy/Show.php
+++ b/app/Http/Livewire/Server/Proxy/Show.php
@@ -9,6 +9,11 @@ class Show extends Component
 {
     public ?Server $server = null;
     public $parameters = [];
+    protected $listeners = ['proxyStatusUpdated'];
+    public function proxyStatusUpdated()
+    {
+        $this->server->refresh();
+    }
     public function mount()
     {
         $this->parameters = get_route_parameters();
diff --git a/app/View/Components/Server/Sidebar.php b/app/View/Components/Server/Sidebar.php
new file mode 100644
index 000000000..f968b6d0c
--- /dev/null
+++ b/app/View/Components/Server/Sidebar.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\View\Components\Server;
+
+use App\Models\Server;
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Sidebar extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(public Server $server, public $parameters)
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.server.sidebar');
+    }
+}
diff --git a/resources/views/components/server/sidebar.blade.php b/resources/views/components/server/sidebar.blade.php
new file mode 100644
index 000000000..9aa50bb21
--- /dev/null
+++ b/resources/views/components/server/sidebar.blade.php
@@ -0,0 +1,20 @@
+<div>
+    @if ($server->isFunctional())
+        <div class="flex h-full pr-4">
+            <div class="flex flex-col gap-4 min-w-fit">
+                <a class="{{ request()->routeIs('server.proxy') ? 'text-white' : '' }}"
+                    href="{{ route('server.proxy', $parameters) }}">
+                    <button>Configuration</button>
+                </a>
+                @if (data_get($server, 'proxy.type') !== 'NONE')
+                    <a class="{{ request()->routeIs('server.proxy.logs') ? 'text-white' : '' }}"
+                        href="{{ route('server.proxy.logs', $parameters) }}">
+                        <button>Logs</button>
+                    </a>
+                @endif
+            </div>
+        </div>
+    @else
+        <div>Server is not validated. Validate first.</div>
+    @endif
+</div>
diff --git a/resources/views/livewire/server/proxy.blade.php b/resources/views/livewire/server/proxy.blade.php
index f0bf00874..3c35488e2 100644
--- a/resources/views/livewire/server/proxy.blade.php
+++ b/resources/views/livewire/server/proxy.blade.php
@@ -1,75 +1,71 @@
 <div>
-    @if ($server->isFunctional())
-        @if (data_get($server, 'proxy.type'))
-            <div x-init="$wire.loadProxyConfiguration">
-                @if ($selectedProxy === 'TRAEFIK_V2')
-                    <form wire:submit.prevent='submit'>
-                        <div class="flex items-center gap-2">
-                            <h2>Proxy</h2>
-                            <x-forms.button type="submit">Save</x-forms.button>
-                            @if ($server->proxy->status === 'exited')
-                                <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
-                            @endif
+    @if (data_get($server, 'proxy.type'))
+        <div x-init="$wire.loadProxyConfiguration">
+            @if ($selectedProxy === 'TRAEFIK_V2')
+                <form wire:submit.prevent='submit'>
+                    <div class="flex items-center gap-2">
+                        <h2>Configuration</h2>
+                        <x-forms.button type="submit">Save</x-forms.button>
+                        @if ($server->proxy->status === 'exited')
+                            <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
+                        @endif
+                    </div>
+                    <div class="pt-3 pb-4 ">Traefik v2</div>
+                    @if (
+                        $server->proxy->last_applied_settings &&
+                            $server->proxy->last_saved_settings !== $server->proxy->last_applied_settings)
+                        <div class="text-red-500 ">Configuration out of sync. Restart the proxy to apply the new
+                            configurations.
                         </div>
-                        <div class="pt-3 pb-4 ">Traefik v2</div>
-                        @if (
-                            $server->proxy->last_applied_settings &&
-                                $server->proxy->last_saved_settings !== $server->proxy->last_applied_settings)
-                            <div class="text-red-500 ">Configuration out of sync. Restart the proxy to apply the new
-                                configurations.
+                    @endif
+                    <x-forms.input placeholder="https://app.coolify.io" id="redirect_url" label="Default Redirect 404"
+                        helper="All urls that has no service available will be redirected to this domain." />
+                    <div wire:loading wire:target="loadProxyConfiguration" class="pt-4">
+                        <x-loading text="Loading proxy configuration..." />
+                    </div>
+                    <div wire:loading.remove wire:target="loadProxyConfiguration">
+                        @if ($proxy_settings)
+                            <div class="flex flex-col gap-2 pt-2">
+                                <x-forms.textarea label="Configuration file: traefik.conf" name="proxy_settings"
+                                    wire:model.defer="proxy_settings" rows="30" />
+                                <x-forms.button wire:click.prevent="reset_proxy_configuration">
+                                    Reset configuration to default
+                                </x-forms.button>
                             </div>
                         @endif
-                        <x-forms.input placeholder="https://app.coolify.io" id="redirect_url" label="Default Redirect 404"
-                            helper="All urls that has no service available will be redirected to this domain." />
-                        <div wire:loading wire:target="loadProxyConfiguration" class="pt-4">
-                            <x-loading text="Loading proxy configuration..." />
-                        </div>
-                        <div wire:loading.remove wire:target="loadProxyConfiguration">
-                            @if ($proxy_settings)
-                                <div class="flex flex-col gap-2 pt-2">
-                                    <x-forms.textarea label="Configuration file: traefik.conf" name="proxy_settings"
-                                        wire:model.defer="proxy_settings" rows="30" />
-                                    <x-forms.button wire:click.prevent="reset_proxy_configuration">
-                                        Reset configuration to default
-                                    </x-forms.button>
-                                </div>
-                            @endif
-                        </div>
-                    </form>
-                @elseif($selectedProxy === 'NONE')
-                    <div class="flex items-center gap-2">
-                        <h2>Proxy</h2>
-                        <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
-                    </div>
-                    <div class="pt-3 pb-4">None</div>
-                @else
-                    <div class="flex items-center gap-2">
-                        <h2>Proxy</h2>
-                        <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
-                    </div>
-                @endif
-            @else
-                <div>
-                    <h2>Proxy</h2>
-                    <div class="subtitle">Select a proxy you would like to use on this server.</div>
-                    <div class="grid gap-4">
-                        <x-forms.button class="box" wire:click="select_proxy('NONE')">
-                            Custom (None)
-                        </x-forms.button>
-                        <x-forms.button class="box" wire:click="select_proxy('TRAEFIK_V2')">
-                            Traefik
-                            v2
-                        </x-forms.button>
-                        <x-forms.button disabled class="box">
-                            Nginx
-                        </x-forms.button>
-                        <x-forms.button disabled class="box">
-                            Caddy
-                        </x-forms.button>
                     </div>
+                </form>
+            @elseif($selectedProxy === 'NONE')
+                <div class="flex items-center gap-2">
+                    <h2>Configuration</h2>
+                    <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
                 </div>
-        @endif
-    @else
-        <div>Server is not validated. Validate first.</div>
+                <div class="pt-3 pb-4">Custom (None) Proxy Selected</div>
+            @else
+                <div class="flex items-center gap-2">
+                    <h2>Configuration</h2>
+                    <x-forms.button wire:click.prevent="change_proxy">Switch Proxy</x-forms.button>
+                </div>
+            @endif
+        @else
+            <div>
+                <h2>Configuration</h2>
+                <div class="subtitle">Select a proxy you would like to use on this server.</div>
+                <div class="grid gap-4">
+                    <x-forms.button class="box" wire:click="select_proxy('NONE')">
+                        Custom (None)
+                    </x-forms.button>
+                    <x-forms.button class="box" wire:click="select_proxy('TRAEFIK_V2')">
+                        Traefik
+                        v2
+                    </x-forms.button>
+                    <x-forms.button disabled class="box">
+                        Nginx
+                    </x-forms.button>
+                    <x-forms.button disabled class="box">
+                        Caddy
+                    </x-forms.button>
+                </div>
+            </div>
     @endif
 </div>
diff --git a/resources/views/livewire/server/proxy/logs.blade.php b/resources/views/livewire/server/proxy/logs.blade.php
new file mode 100644
index 000000000..58e718424
--- /dev/null
+++ b/resources/views/livewire/server/proxy/logs.blade.php
@@ -0,0 +1,9 @@
+<div>
+    <x-server.navbar :server="$server" :parameters="$parameters" />
+    <div class="flex gap-2">
+        <x-server.sidebar :server="$server" :parameters="$parameters" />
+        <div class="w-full">
+            <livewire:project.shared.get-logs :server="$server" container="coolify-proxy" />
+        </div>
+    </div>
+</div>
diff --git a/resources/views/livewire/server/proxy/show.blade.php b/resources/views/livewire/server/proxy/show.blade.php
index 6a5018d0b..33b30448e 100644
--- a/resources/views/livewire/server/proxy/show.blade.php
+++ b/resources/views/livewire/server/proxy/show.blade.php
@@ -1,4 +1,9 @@
 <div>
     <x-server.navbar :server="$server" :parameters="$parameters" />
-    <livewire:server.proxy :server="$server" />
+    <div class="flex gap-2">
+        <x-server.sidebar :server="$server" :parameters="$parameters" />
+        <div class="w-full">
+            <livewire:server.proxy :server="$server" />
+        </div>
+    </div>
 </div>
diff --git a/routes/web.php b/routes/web.php
index 7be6c8ac8..1a9d5851c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -5,7 +5,6 @@
 use App\Http\Controllers\DatabaseController;
 use App\Http\Controllers\MagicController;
 use App\Http\Controllers\ProjectController;
-use App\Http\Controllers\ServerController;
 use App\Http\Livewire\Boarding\Index as BoardingIndex;
 use App\Http\Livewire\Project\Service\Index as ServiceIndex;
 use App\Http\Livewire\Project\Service\Show as ServiceShow;
@@ -17,6 +16,7 @@
 use App\Http\Livewire\Server\Destination\Show as DestinationShow;
 use App\Http\Livewire\Server\PrivateKey\Show as PrivateKeyShow;
 use App\Http\Livewire\Server\Proxy\Show as ProxyShow;
+use App\Http\Livewire\Server\Proxy\Logs as ProxyLogs;
 use App\Http\Livewire\Server\Show;
 use App\Http\Livewire\Subscription\Show as SubscriptionShow;
 use App\Http\Livewire\Waitlist\Index as WaitlistIndex;
@@ -123,6 +123,7 @@
     Route::get('/server/new', Create::class)->name('server.create');
     Route::get('/server/{server_uuid}', Show::class)->name('server.show');
     Route::get('/server/{server_uuid}/proxy', ProxyShow::class)->name('server.proxy');
+    Route::get('/server/{server_uuid}/proxy/logs', ProxyLogs::class)->name('server.proxy.logs');
     Route::get('/server/{server_uuid}/private-key', PrivateKeyShow::class)->name('server.private-key');
     Route::get('/server/{server_uuid}/destinations', DestinationShow::class)->name('server.destinations');
 });