feat: migrate env variables to polymorphic relationship

fix: proxy status query ui

resources/views/components/forms/button.blade.php

@@ -8,11 +8,13 @@
         @endisset>
 
     {{ $slot }}
-    @if ($attributes->whereStartsWith('wire:click')->first())
-        <x-loading-on-button wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}"
-            wire:loading.delay />
-    @elseif($attributes->whereStartsWith('wire:target')->first())
-        <x-loading-on-button wire:target="{{ $attributes->whereStartsWith('wire:target')->first() }}"
-            wire:loading.delay />
+    @if ($showLoadingIndicator)
+        @if ($attributes->whereStartsWith('wire:click')->first())
+            <x-loading-on-button wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}"
+                wire:loading.delay />
+        @elseif($attributes->whereStartsWith('wire:target')->first())
+            <x-loading-on-button wire:target="{{ $attributes->whereStartsWith('wire:target')->first() }}"
+                wire:loading.delay />
+        @endif
     @endif
 </button>

resources/views/components/loading.blade.php

@@ -3,8 +3,8 @@
     @if (isset($text))
         <div>{{ $text }}</div>
     @endif
-    <svg class="w-4 h-4 mx-1 ml-3 text-coollabs dark:text-warning animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none"
-        viewBox="0 0 24 24">
+    <svg class="w-4 h-4 mx-1 ml-3 text-coollabs dark:text-warning animate-spin" xmlns="http://www.w3.org/2000/svg"
+        fill="none" viewBox="0 0 24 24">
         <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
         <path class="opacity-75" fill="currentColor"
             d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">

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

@@ -49,5 +49,6 @@
         <div class="order-first sm:order-last">
             <livewire:server.proxy.deploy :server="$server" />
         </div>
+
     </div>
 </div>

resources/views/components/status/running.blade.php

@@ -5,30 +5,42 @@
     'noLoading' => false,
 ])
 <div class="flex items-center">
-    @if (!$noLoading)
-        <x-loading wire:loading.delay.longer />
-    @endif
-    <span wire:loading.remove.delay.longer class="flex items-center">
-    <div class="badge badge-success "></div>
-    <div class="pl-2 pr-1 text-xs font-bold tracking-wider text-success" @if($title) title="{{$title}}" @endif>
-    @if ($lastDeploymentLink)
-        <a href="{{ $lastDeploymentLink }}" target="_blank" class="underline cursor-pointer">
-            {{ str($status)->before(':')->headline() }}
-        </a>
-    @else
-        {{ str($status)->before(':')->headline() }}
-    @endif
-    </div>
-    @if (!str($status)->startsWith('Proxy') && !str($status)->contains('('))
-        @if (str($status)->contains('unhealthy'))
-            <x-helper helper="Unhealthy state. <span class='dark:text-warning text-coollabs'>This doesn't mean that the resource is malfunctioning.</span><br><br>- If the resource is accessible, it indicates that no health check is configured - it is not mandatory.<br>- If the resource is not accessible (returning 404 or 503), it may indicate that a health check is needed and has not passed. <span class='dark:text-warning text-coollabs'>Your action is required.</span><br><br>More details in the <a href='https://coolify.io/docs/knowledge-base/traefik/healthcheck/' class='underline dark:text-warning text-coollabs' target='_blank'>documentation</a>."  >
+    <div class="flex items-center">
+        <span wire:loading.delay.longer>
+            <div class="badge badge-warning"></div>
+        </span>
+        <span wire:loading.remove.delay.longer>
+            <div class="badge badge-success"></div>
+        </span>
+        <div class="pl-2 pr-1 text-xs font-bold tracking-wider text-success"
+            @if ($title) title="{{ $title }}" @endif>
+            @if ($lastDeploymentLink)
+                <a href="{{ $lastDeploymentLink }}" target="_blank" class="underline cursor-pointer">
+                    {{ str($status)->before(':')->headline() }}
+                </a>
+            @else
+                {{ str($status)->before(':')->headline() }}
+            @endif
+        </div>
+        @php
+            $showUnhealthyHelper =
+                !str($status)->startsWith('Proxy') &&
+                !str($status)->contains('(') &&
+                str($status)->contains('unhealthy');
+        @endphp
+        @if ($showUnhealthyHelper)
+            <x-helper
+                helper="Unhealthy state. <span class='dark:text-warning text-coollabs'>This doesn't mean that the resource is malfunctioning.</span><br><br>- If the resource is accessible, it indicates that no health check is configured - it is not mandatory.<br>- If the resource is not accessible (returning 404 or 503), it may indicate that a health check is needed and has not passed. <span class='dark:text-warning text-coollabs'>Your action is required.</span><br><br>More details in the <a href='https://coolify.io/docs/knowledge-base/traefik/healthcheck/' class='underline dark:text-warning text-coollabs' target='_blank'>documentation</a>.">
                 <x-slot:icon>
-                    <svg class="hidden w-4 h-4 dark:text-warning lg:block" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-                        <path fill="currentColor" d="M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71m-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73M116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0m28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16"></path>
+                    <svg class="hidden w-4 h-4 dark:text-warning lg:block" viewBox="0 0 256 256"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path fill="currentColor"
+                            d="M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71m-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73M116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0m28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16">
+                        </path>
                     </svg>
                 </x-slot:icon>
             </x-helper>
         @endif
-    @endif
-    </span>
+    </div>
+
 </div>