| @@ -1,22 +0,0 @@ | |||||||
| <?php |  | ||||||
| 
 |  | ||||||
| use App\Models\User; |  | ||||||
| 
 |  | ||||||
| $email = 'test@example.com'; |  | ||||||
| $user = User::whereEmail($email)->first(); |  | ||||||
| $teams = $user->teams; |  | ||||||
| foreach ($teams as $team) { |  | ||||||
|     $servers = $team->servers; |  | ||||||
|     if ($servers->count() > 0) { |  | ||||||
|         foreach ($servers as $server) { |  | ||||||
|             dump($server); |  | ||||||
|             $server->delete(); |  | ||||||
|         } |  | ||||||
|     } |  | ||||||
|     dump($team); |  | ||||||
|     $team->delete(); |  | ||||||
| } |  | ||||||
| if ($user) { |  | ||||||
|     dump($user); |  | ||||||
|     $user->delete(); |  | ||||||
| } |  | ||||||
| @@ -1,28 +0,0 @@ | |||||||
| <?php |  | ||||||
| /** |  | ||||||
|  * @label Send Email |  | ||||||
|  * @description Send email to all users |  | ||||||
|  */ |  | ||||||
| 
 |  | ||||||
| use App\Models\User; |  | ||||||
| use Illuminate\Support\Facades\Mail; |  | ||||||
| 
 |  | ||||||
| set_transanctional_email_settings(); |  | ||||||
| 
 |  | ||||||
| $users = User::whereEmail('test@example.com'); |  | ||||||
| foreach ($users as $user) { |  | ||||||
|   Mail::send([], [], function ($message) use ($user) { |  | ||||||
|     $message |  | ||||||
|       ->to($user->email) |  | ||||||
|       ->subject("Testing") |  | ||||||
|       ->text( |  | ||||||
|         <<<EOF |  | ||||||
| Hello, |  | ||||||
| 
 |  | ||||||
| Welcome to Coolify Cloud. |  | ||||||
| Here is your user id: $user->id |  | ||||||
| 
 |  | ||||||
| EOF |  | ||||||
|       ); |  | ||||||
|   }); |  | ||||||
| } |  | ||||||
| @@ -7,7 +7,7 @@ return [ | |||||||
| 
 | 
 | ||||||
|     // The release version of your application
 |     // The release version of your application
 | ||||||
|     // Example with dynamic git hash: trim(exec('git --git-dir ' . base_path('.git') . ' log --pretty="%h" -n1 HEAD'))
 |     // Example with dynamic git hash: trim(exec('git --git-dir ' . base_path('.git') . ' log --pretty="%h" -n1 HEAD'))
 | ||||||
|     'release' => '4.0.0-beta.243', |     'release' => '4.0.0-beta.244', | ||||||
|     // When left empty or `null` the Laravel environment will be used
 |     // When left empty or `null` the Laravel environment will be used
 | ||||||
|     'environment' => config('app.env'), |     'environment' => config('app.env'), | ||||||
| 
 | 
 | ||||||
|   | |||||||
| @@ -1,3 +1,3 @@ | |||||||
| <?php | <?php | ||||||
| 
 | 
 | ||||||
| return '4.0.0-beta.243'; | return '4.0.0-beta.244'; | ||||||
|   | |||||||
| @@ -4,7 +4,7 @@ | |||||||
| 
 | 
 | ||||||
| html, | html, | ||||||
| body { | body { | ||||||
|     @apply h-full bg-neutral-100 text-neutral-800 dark:bg-base dark:text-neutral-400; |     @apply h-full bg-neutral-50 text-neutral-800 dark:bg-base dark:text-neutral-400; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| body { | body { | ||||||
| @@ -41,7 +41,7 @@ option { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .button { | .button { | ||||||
|     @apply flex items-center justify-center gap-2 px-3 py-1 text-sm font-normal normal-case rounded cursor-pointer bg-neutral-200 hover:bg-neutral-300 dark:bg-coolgray-200 dark:text-white dark:hover:bg-coolgray-100 dark:hover:dark:text-white dark:disabled:bg-coolgray-100/40 dark:disabled:text-neutral-800 disabled:bg-neutral-100 disabled:text-neutral-200 disabled:cursor-not-allowed min-w-fit hover:dark:text-white focus:outline-1 ; |     @apply flex items-center justify-center gap-2 px-3 py-1 text-sm text-white normal-case rounded cursor-pointer hover:bg-black/80 bg-coolgray-200 hover:bg-coolgray-500 hover:text-white disabled:bg-coolgray-100/10 disabled:cursor-not-allowed min-w-fit focus:outline-1 dark:disabled:text-neutral-600; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| button[isError]:not(:disabled) { | button[isError]:not(:disabled) { | ||||||
| @@ -94,7 +94,7 @@ tr { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| tr th { | tr th { | ||||||
|     @apply px-3 py-3.5 text-left text-white; |     @apply px-3 py-3.5 text-left text-black dark:text-white; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| tr th:first-child { | tr th:first-child { | ||||||
| @@ -118,7 +118,10 @@ tr td:first-child { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .dropdown-item { | .dropdown-item { | ||||||
|     @apply relative flex cursor-pointer select-none dark:text-white hover:bg-neutral-300 dark:hover:bg-coollabs items-center pr-4 pl-2 py-1 text-xs justify-start outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 gap-2 w-full; |     @apply relative flex cursor-pointer select-none dark:text-white hover:bg-neutral-100 dark:hover:bg-coollabs items-center pr-4 pl-2 py-1 text-xs justify-start outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 gap-2 w-full; | ||||||
|  | } | ||||||
|  | .dropdown-item-no-padding { | ||||||
|  |     @apply relative flex cursor-pointer select-none dark:text-white hover:bg-neutral-100 dark:hover:bg-coollabs items-center py-1 text-xs justify-start outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 gap-2 w-full; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .badge { | .badge { | ||||||
| @@ -187,7 +190,10 @@ tr td:first-child { | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .box { | .box { | ||||||
|     @apply flex lg:flex-row flex-col p-2 transition-colors cursor-pointer min-h-[4rem] dark:bg-coolgray-100 bg-white border border-neutral-200 dark:border-black hover:bg-neutral-200 dark:hover:bg-coollabs-100 dark:hover:text-white hover:no-underline; |     @apply flex lg:flex-row flex-col p-2 transition-colors cursor-pointer min-h-[4rem] dark:bg-coolgray-100 bg-white border border-neutral-200 dark:border-black hover:bg-neutral-100 dark:hover:bg-coollabs-100 dark:hover:text-white hover:no-underline; | ||||||
|  | } | ||||||
|  | .box-boarding { | ||||||
|  |     @apply flex lg:flex-row flex-col p-2 transition-colors cursor-pointer min-h-[4rem] dark:bg-coolgray-100 dark:text-white bg-neutral-50 border border-neutral-200 dark:border-black hover:bg-neutral-100 dark:hover:bg-coollabs-100 dark:hover:text-white hover:text-black hover:no-underline text-black; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .on-box { | .on-box { | ||||||
|   | |||||||
| @@ -1,5 +1,5 @@ | |||||||
| <div class="grid grid-cols-1 gap-4 md:grid-cols-3"> | <div class="grid grid-cols-1 gap-4 md:grid-cols-3"> | ||||||
|     <div class="box-border col-span-2 lg:min-w-[24rem] min-h-[21rem]"> |     <div class="box-border col-span-2 lg:min-w-[24rem] lg:min-h-[21rem]"> | ||||||
|         <h1 class="text-2xl font-bold lg:text-5xl">{{ $title }}</h1> |         <h1 class="text-2xl font-bold lg:text-5xl">{{ $title }}</h1> | ||||||
|         <div class="py-6"> |         <div class="py-6"> | ||||||
|             @isset($question) |             @isset($question) | ||||||
| @@ -16,7 +16,7 @@ | |||||||
|     </div> |     </div> | ||||||
|     @isset($explanation) |     @isset($explanation) | ||||||
|         <div class="col-span-1"> |         <div class="col-span-1"> | ||||||
|             <h1 class="pb-8 font-bold">Explanation</h1> |             <h3 class="pb-8 font-bold">Explanation</h3> | ||||||
|             <div class="space-y-4"> |             <div class="space-y-4"> | ||||||
|                 {{ $explanation }} |                 {{ $explanation }} | ||||||
|             </div> |             </div> | ||||||
|   | |||||||
| @@ -2,11 +2,11 @@ | |||||||
|     dropdownOpen: false |     dropdownOpen: false | ||||||
| }" class="relative" @click.outside="dropdownOpen = false">
 | }" class="relative" @click.outside="dropdownOpen = false">
 | ||||||
|     <button @click="dropdownOpen=true" |     <button @click="dropdownOpen=true" | ||||||
|         class="inline-flex items-center justify-start pr-10 transition-colors focus:outline-none disabled:opacity-50 disabled:pointer-events-none"> |         class="inline-flex items-center justify-start pr-8 transition-colors focus:outline-none disabled:opacity-50 disabled:pointer-events-none"> | ||||||
|         <span class="flex flex-col items-start h-full leading-none"> |         <span class="flex flex-col items-start h-full leading-none"> | ||||||
|             {{ $title }} |             {{ $title }} | ||||||
|         </span> |         </span> | ||||||
|         <svg class="absolute right-0 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" |         <svg class="absolute right-0 w-4 h-4 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" | ||||||
|             stroke-width="1.5" stroke="currentColor"> |             stroke-width="1.5" stroke="currentColor"> | ||||||
|             <path stroke-linecap="round" stroke-linejoin="round" |             <path stroke-linecap="round" stroke-linejoin="round" | ||||||
|                 d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" /> |                 d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" /> | ||||||
| @@ -16,7 +16,7 @@ | |||||||
|     <div x-show="dropdownOpen" @click.away="dropdownOpen=false" x-transition:enter="ease-out duration-200" |     <div x-show="dropdownOpen" @click.away="dropdownOpen=false" x-transition:enter="ease-out duration-200" | ||||||
|         x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" |         x-transition:enter-start="-translate-y-2" x-transition:enter-end="translate-y-0" | ||||||
|         class="absolute top-0 z-50 mt-6 min-w-max" x-cloak> |         class="absolute top-0 z-50 mt-6 min-w-max" x-cloak> | ||||||
|         <div class="p-1 mt-1 border dark:bg-coolgray-200 bg-neutral-200 dark:border-black border-neutral-300"> |         <div class="p-1 mt-1 bg-white border rounded shadow dark:bg-coolgray-200 dark:border-black border-neutral-300"> | ||||||
|             {{ $slot }} |             {{ $slot }} | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|   | |||||||
| @@ -1,4 +1,4 @@ | |||||||
| <svg class="inline-flex w-3 h-3 ml-1 text-black dark:text-white" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" | <svg class="inline-flex w-3 h-3 ml-1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" | ||||||
|     focusable="false" viewBox="0 0 24 24"> |     focusable="false" viewBox="0 0 24 24"> | ||||||
|     <path d="M0 0h24v24H0V0z" fill="none"> |     <path d="M0 0h24v24H0V0z" fill="none"> | ||||||
|     </path> |     </path> | ||||||
|   | |||||||
| Before Width: | Height: | Size: 317 B After Width: | Height: | Size: 290 B | 
| @@ -10,6 +10,6 @@ | |||||||
| 
 | 
 | ||||||
|     {{ $slot }} |     {{ $slot }} | ||||||
|     @if ($attributes->whereStartsWith('wire:click')->first()) |     @if ($attributes->whereStartsWith('wire:click')->first()) | ||||||
|         <x-loading wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}" wire:loading.delay /> |         <x-loading-on-button wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}" wire:loading.delay /> | ||||||
|     @endif |     @endif | ||||||
| </button> | </button> | ||||||
|   | |||||||
							
								
								
									
										13
									
								
								resources/views/components/loading-on-button.blade.php
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								resources/views/components/loading-on-button.blade.php
									
									
									
									
									
										Normal file
									
								
							| @@ -0,0 +1,13 @@ | |||||||
|  | @props(['text' => null]) | ||||||
|  | <div class="inline-flex items-center justify-center" {{ $attributes }}> | ||||||
|  |     @if (isset($text)) | ||||||
|  |         <div>{{ $text }}</div> | ||||||
|  |     @endif | ||||||
|  |     <svg class="w-4 h-4 mx-1 ml-3 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"> | ||||||
|  |         </path> | ||||||
|  |     </svg> | ||||||
|  | </div> | ||||||
| @@ -27,24 +27,24 @@ | |||||||
|                 x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-100" |                 x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-100" | ||||||
|                 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" |                 x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" | ||||||
|                 class="absolute inset-0 w-full h-full bg-black bg-opacity-20 backdrop-blur-sm"></div> |                 class="absolute inset-0 w-full h-full bg-black bg-opacity-20 backdrop-blur-sm"></div> | ||||||
|             <div x-show="modalOpen" x-trap.inert.noscroll="modalOpen" x-transition:enter="ease-out duration-100" |             <div x-show="modalOpen" x-trap.inert.noscroll="modalOpen" @click.outside="modalOpen=false" x-transition:enter="ease-out duration-100" | ||||||
|                 x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95" |                 x-transition:enter-start="opacity-0 -translate-y-2 sm:scale-95" | ||||||
|                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" |                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" | ||||||
|                 x-transition:leave="ease-in duration-100" |                 x-transition:leave="ease-in duration-100" | ||||||
|                 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" |                 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" | ||||||
|                 x-transition:leave-end="opacity-0 -translate-y-2 sm:scale-95" |                 x-transition:leave-end="opacity-0 -translate-y-2 sm:scale-95" | ||||||
|                 class="relative w-full py-6 border rounded min-w-full lg:min-w-[36rem] max-w-fit bg-neutral-100 border-neutral-400 dark:bg-base px-7 dark:border-coolgray-300"> |                 class="relative w-full py-6 border rounded drop-shadow min-w-full lg:min-w-[36rem] max-w-fit bg-white border-neutral-200 dark:bg-base px-6 dark:border-coolgray-300"> | ||||||
|                 <div class="flex items-center justify-between pb-3"> |                 <div class="flex items-center justify-between pb-3"> | ||||||
|                     <h3 class="text-2xl font-bold">{{ $title }}</h3> |                     <h3 class="text-2xl font-bold">{{ $title }}</h3> | ||||||
|                     <button @click="modalOpen=false" |                     <button @click="modalOpen=false" | ||||||
|                         class="absolute top-0 right-0 flex items-center justify-center w-8 h-8 mt-5 mr-5 rounded-full dark:text-white hover:bg-coolgray-300"> |                         class="absolute top-0 right-0 flex items-center justify-center w-8 h-8 mt-5 mr-5 rounded-full dark:text-white hover:bg-neutral-100 dark:hover:bg-coolgray-300"> | ||||||
|                         <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" |                         <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" | ||||||
|                             stroke-width="1.5" stroke="currentColor"> |                             stroke-width="1.5" stroke="currentColor"> | ||||||
|                             <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> |                             <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> | ||||||
|                         </svg> |                         </svg> | ||||||
|                     </button> |                     </button> | ||||||
|                 </div> |                 </div> | ||||||
|                 <div class="relative flex items-center justify-center w-auto pb-4"> |                 <div class="relative flex items-center justify-center w-auto"> | ||||||
|                     {{ $slot }} |                     {{ $slot }} | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|   | |||||||
| @@ -1,10 +1,72 @@ | |||||||
| <nav class="flex flex-col flex-1 pl-2 bg-white border-r dark:border-coolgray-200 dark:bg-base"> | <nav class="flex flex-col flex-1 pl-2 bg-white border-r dark:border-coolgray-200 dark:bg-base" x-data="{ | ||||||
|     <div class="flex w-full pt-6 pb-4 pl-3"> |     init() { | ||||||
|         <div class="flex flex-col"> |             window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { | ||||||
|  |                 const userSettings = localStorage.getItem('theme'); | ||||||
|  |                 if (userSettings !== 'system') { | ||||||
|  |                     return; | ||||||
|  |                 } | ||||||
|  |                 if (e.matches) { | ||||||
|  |                     document.documentElement.classList.add('dark'); | ||||||
|  |                 } else { | ||||||
|  |                     document.documentElement.classList.remove('dark'); | ||||||
|  |                 } | ||||||
|  |             }); | ||||||
|  |             this.queryTheme(); | ||||||
|  |         }, | ||||||
|  |         setTheme(type) { | ||||||
|  |             this.theme = type; | ||||||
|  |             localStorage.setItem('theme', type); | ||||||
|  |             this.queryTheme(); | ||||||
|  |         }, | ||||||
|  |         queryTheme() { | ||||||
|  |             const darkModePreference = window.matchMedia('(prefers-color-scheme: dark)').matches; | ||||||
|  |             const userSettings = localStorage.getItem('theme') || 'dark'; | ||||||
|  |             localStorage.setItem('theme', userSettings); | ||||||
|  |             if (userSettings === 'dark') { | ||||||
|  |                 document.documentElement.classList.add('dark'); | ||||||
|  |                 this.theme = 'dark'; | ||||||
|  |             } else if (userSettings === 'light') { | ||||||
|  |                 document.documentElement.classList.remove('dark'); | ||||||
|  |                 this.theme = 'light'; | ||||||
|  |             } else if (darkModePreference) { | ||||||
|  |                 this.theme = 'system'; | ||||||
|  |                 document.documentElement.classList.add('dark'); | ||||||
|  |             } else if (!darkModePreference) { | ||||||
|  |                 this.theme = 'system'; | ||||||
|  |                 document.documentElement.classList.remove('dark'); | ||||||
|  |             } | ||||||
|  |         } | ||||||
|  | }">
 | ||||||
|  |     <div class="flex pt-6 pb-4 pl-3"> | ||||||
|  |         <div class="flex flex-col w-full"> | ||||||
|             <div class="text-2xl font-bold tracking-wide dark:text-white">Coolify</div> |             <div class="text-2xl font-bold tracking-wide dark:text-white">Coolify</div> | ||||||
|             <x-version /> |             <x-version /> | ||||||
|         </div> |         </div> | ||||||
|         {{-- <button onclick="changeTheme()">Dark/light</button> --}} |         <div class="pt-1"> | ||||||
|  |             <x-dropdown> | ||||||
|  |                 <x-slot:title> | ||||||
|  |                     <div class="flex justify-end w-8" x-show="theme === 'dark' || theme === 'system'"> | ||||||
|  |                         <svg class="w-5 h-5 rounded dark:fill-white" xmlns="http://www.w3.org/2000/svg" | ||||||
|  |                             viewBox="0 0 24 24"> | ||||||
|  |                             <path | ||||||
|  |                                 d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z" /> | ||||||
|  |                         </svg> | ||||||
|  |                     </div> | ||||||
|  |                     <div class="flex justify-end w-8" x-show="theme === 'light'"> | ||||||
|  |                         <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> | ||||||
|  |                             <path | ||||||
|  |                                 d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" /> | ||||||
|  |                         </svg> | ||||||
|  |                     </div> | ||||||
|  |                 </x-slot:title> | ||||||
|  |                 <div class="flex flex-col gap-1"> | ||||||
|  |                     <button @click="setTheme('dark')" class="px-1 dropdown-item-no-padding">Dark</button> | ||||||
|  |                     <button @click="setTheme('light')" class="px-1 dropdown-item-no-padding">Light</button> | ||||||
|  |                     <button @click="setTheme('system')" class="px-1 dropdown-item-no-padding">System</button> | ||||||
|  |                 </div> | ||||||
|  |             </x-dropdown> | ||||||
|  |         </div> | ||||||
|  | 
 | ||||||
|     </div> |     </div> | ||||||
|     <div class="px-2 pt-2 pb-7"> |     <div class="px-2 pt-2 pb-7"> | ||||||
|         <livewire:switch-team /> |         <livewire:switch-team /> | ||||||
| @@ -111,8 +173,8 @@ | |||||||
|                             class="{{ request()->is('tags*') ? 'menu-item-active menu-item' : 'menu-item' }}" |                             class="{{ request()->is('tags*') ? 'menu-item-active menu-item' : 'menu-item' }}" | ||||||
|                             href="{{ route('tags.index') }}"> |                             href="{{ route('tags.index') }}"> | ||||||
|                             <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |                             <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||||||
|                                 <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" |                                 <g fill="none" stroke="currentColor" stroke-linecap="round" | ||||||
|                                     stroke-width="2"> |                                     stroke-linejoin="round" stroke-width="2"> | ||||||
|                                     <path |                                     <path | ||||||
|                                         d="M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592-3.592a2.41 2.41 0 0 0 0-3.408l-5.71-5.71A2 2 0 0 0 9.172 6H5a2 2 0 0 0-2 2" /> |                                         d="M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592-3.592a2.41 2.41 0 0 0 0-3.408l-5.71-5.71A2 2 0 0 0 9.172 6H5a2 2 0 0 0-2 2" /> | ||||||
|                                     <path d="m18 19l1.592-1.592a4.82 4.82 0 0 0 0-6.816L15 6m-8 4h-.01" /> |                                     <path d="m18 19l1.592-1.592a4.82 4.82 0 0 0 0-6.816L15 6m-8 4h-.01" /> | ||||||
|   | |||||||
| @@ -8,13 +8,13 @@ | |||||||
|                 class="grid grid-cols-2 p-1 text-xs font-semibold leading-5 text-center rounded dark:text-white gap-x-1 bg-white/5"> |                 class="grid grid-cols-2 p-1 text-xs font-semibold leading-5 text-center rounded dark:text-white gap-x-1 bg-white/5"> | ||||||
|                 <legend class="sr-only">Payment frequency</legend> |                 <legend class="sr-only">Payment frequency</legend> | ||||||
|                 <label class="cursor-pointer rounded px-2.5 py-1" |                 <label class="cursor-pointer rounded px-2.5 py-1" | ||||||
|                     :class="selected === 'monthly' ? 'bg-coollabs-100 dark:text-white' : ''"> |                     :class="selected === 'monthly' ? 'bg-coollabs-100 text-white' : ''"> | ||||||
|                     <input type="radio" x-on:click="selected = 'monthly'" name="frequency" value="monthly" |                     <input type="radio" x-on:click="selected = 'monthly'" name="frequency" value="monthly" | ||||||
|                         class="sr-only"> |                         class="sr-only"> | ||||||
|                     <span>Monthly</span> |                     <span>Monthly</span> | ||||||
|                 </label> |                 </label> | ||||||
|                 <label class="cursor-pointer rounded px-2.5 py-1" |                 <label class="cursor-pointer rounded px-2.5 py-1" | ||||||
|                     :class="selected === 'yearly' ? 'bg-coollabs-100 dark:text-white' : ''"> |                     :class="selected === 'yearly' ? 'bg-coollabs-100 text-white' : ''"> | ||||||
|                     <input type="radio" x-on:click="selected = 'yearly'" name="frequency" value="annually" |                     <input type="radio" x-on:click="selected = 'yearly'" name="frequency" value="annually" | ||||||
|                         class="sr-only"> |                         class="sr-only"> | ||||||
|                     <span>Annually</span> |                     <span>Annually</span> | ||||||
| @@ -27,7 +27,7 @@ | |||||||
|                     days trial</span> included on all plans, without credit card details.</div> |                     days trial</span> included on all plans, without credit card details.</div> | ||||||
|         @endif |         @endif | ||||||
|         <div x-show="selected === 'monthly'" class="flex justify-center h-10 mt-3 text-sm leading-6 "> |         <div x-show="selected === 'monthly'" class="flex justify-center h-10 mt-3 text-sm leading-6 "> | ||||||
|             <div>Save <span class="font-bold dark:text-warning">10%</span> annually with the yearly plans. |             <div>Save <span class="font-bold text-black dark:text-warning">10%</span> annually with the yearly plans. | ||||||
|             </div> |             </div> | ||||||
|         </div> |         </div> | ||||||
|         <div x-show="selected === 'yearly'" class="flex justify-center h-10 mt-3 text-sm leading-6 "> |         <div x-show="selected === 'yearly'" class="flex justify-center h-10 mt-3 text-sm leading-6 "> | ||||||
|   | |||||||
| @@ -8,7 +8,7 @@ | |||||||
|     <x-status.stopped :status="$resource->status" /> |     <x-status.stopped :status="$resource->status" /> | ||||||
| @endif | @endif | ||||||
| @if (!str($resource->status)->contains('exited') && $showRefreshButton) | @if (!str($resource->status)->contains('exited') && $showRefreshButton) | ||||||
|     <button title="Refresh Status" wire:click='check_status(true)' class="mx-1 hover:fill-white fill-warning"> |     <button title="Refresh Status" wire:click='check_status(true)' class="mx-1 dark:hover:fill-white fill-coollabs dark:fill-warning"> | ||||||
|         <svg class="w-4 h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> |         <svg class="w-4 h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||||||
|             <path |             <path | ||||||
|                 d="M12 2a10.016 10.016 0 0 0-7 2.877V3a1 1 0 1 0-2 0v4.5a1 1 0 0 0 1 1h4.5a1 1 0 0 0 0-2H6.218A7.98 7.98 0 0 1 20 12a1 1 0 0 0 2 0A10.012 10.012 0 0 0 12 2zm7.989 13.5h-4.5a1 1 0 0 0 0 2h2.293A7.98 7.98 0 0 1 4 12a1 1 0 0 0-2 0a9.986 9.986 0 0 0 16.989 7.133V21a1 1 0 0 0 2 0v-4.5a1 1 0 0 0-1-1z" /> |                 d="M12 2a10.016 10.016 0 0 0-7 2.877V3a1 1 0 1 0-2 0v4.5a1 1 0 0 0 1 1h4.5a1 1 0 0 0 0-2H6.218A7.98 7.98 0 0 1 20 12a1 1 0 0 0 2 0A10.012 10.012 0 0 0 12 2zm7.989 13.5h-4.5a1 1 0 0 0 0 2h2.293A7.98 7.98 0 0 1 4 12a1 1 0 0 0-2 0a9.986 9.986 0 0 0 16.989 7.133V21a1 1 0 0 0 2 0v-4.5a1 1 0 0 0-1-1z" /> | ||||||
|   | |||||||
| @@ -1,2 +1,2 @@ | |||||||
| <a {{ $attributes->merge(['class' => 'text-xs cursor-pointer opacity-90 hover:opacity-100 dark:hover:text-white hover:text-black z-[60]']) }} | <a {{ $attributes->merge(['class' => 'text-xs cursor-pointer opacity-90 hover:opacity-100 dark:hover:text-white hover:text-black']) }} | ||||||
|     href="https://github.com/coollabsio/coolify/releases/tag/v{{ config('version') }}">v{{ config('version') }}</a> |     href="https://github.com/coollabsio/coolify/releases/tag/v{{ config('version') }}">v{{ config('version') }}</a> | ||||||
|   | |||||||
| @@ -8,29 +8,30 @@ | |||||||
|         @endif |         @endif | ||||||
|     </div> |     </div> | ||||||
|     <div class="subtitle">Network endpoints to deploy your resources.</div> |     <div class="subtitle">Network endpoints to deploy your resources.</div> | ||||||
|     <div class="grid gap-2 lg:grid-cols-2"> |     <div class="grid gap-2 lg:grid-cols-1"> | ||||||
|         @forelse ($destinations as $destination) |         @forelse ($destinations as $destination) | ||||||
|             @if ($destination->getMorphClass() === 'App\Models\StandaloneDocker') |             @if ($destination->getMorphClass() === 'App\Models\StandaloneDocker') | ||||||
|                 <a class="flex gap-4 text-center hover:no-underline box group" |             <div class="box group"> | ||||||
|  |                 <a class="flex flex-col mx-6" | ||||||
|                     href="{{ route('destination.show', ['destination_uuid' => data_get($destination, 'uuid')]) }}"> |                     href="{{ route('destination.show', ['destination_uuid' => data_get($destination, 'uuid')]) }}"> | ||||||
|                     <div class="group-hover:dark:text-white"> |                     <div class="box-title">{{ $destination->name }}</div> | ||||||
|                         <div>{{ $destination->name }}</div> |                     <div class="box-description">server: {{ $destination->server->name }}</div> | ||||||
|                     </div> |  | ||||||
|                 </a> |                 </a> | ||||||
|  |             </div> | ||||||
|             @endif |             @endif | ||||||
|             @if ($destination->getMorphClass() === 'App\Models\SwarmDocker') |             @if ($destination->getMorphClass() === 'App\Models\SwarmDocker') | ||||||
|                 <a class="flex gap-4 text-center hover:no-underline box group" |             <div class="box group"> | ||||||
|  |                 <a class="flex flex-col mx-6" | ||||||
|                     href="{{ route('destination.show', ['destination_uuid' => data_get($destination, 'uuid')]) }}"> |                     href="{{ route('destination.show', ['destination_uuid' => data_get($destination, 'uuid')]) }}"> | ||||||
| 
 |                     <div class="box-title">{{ $destination->name }}</div> | ||||||
|                     <div class="group-hover:dark:text-white"> |                     <div class="box-description">server: {{ $destination->server->name }}</div> | ||||||
|                         <div>{{ $destination->name }}</div> |  | ||||||
|                     </div> |  | ||||||
|                 </a> |                 </a> | ||||||
|  |             </div> | ||||||
|             @endif |             @endif | ||||||
|         @empty |         @empty | ||||||
|             <div> |             <div> | ||||||
|                 @if ($servers->count() === 0) |                 @if ($servers->count() === 0) | ||||||
|                     <div> No servers found. Please add one first.</div> |                     <div>No servers found. Please add one first.</div> | ||||||
|                 @else |                 @else | ||||||
|                     <div>No destinations found.</div> |                     <div>No destinations found.</div> | ||||||
|                 @endif |                 @endif | ||||||
|   | |||||||
| @@ -1,12 +1,11 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero"> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |     <div> | ||||||
|         <div class=""> |         <p class="font-mono font-semibold text-7xl dark:text-warning">401</p> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">401</p> |  | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. |         <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
| @@ -16,5 +15,4 @@ | |||||||
|             </a> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|     </div> |  | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,5 +1,17 @@ | |||||||
| @extends('errors::minimal') | @extends('layouts.base') | ||||||
| 
 | 
 | ||||||
| @section('title', __('Payment Required')) | <div class="flex flex-col items-center justify-center h-full"> | ||||||
| @section('code', '402') |     <div> | ||||||
| @section('message', __('Payment Required')) |         <p class="font-mono font-semibold text-7xl dark:text-warning">402</p> | ||||||
|  |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Payment required.</h1> | ||||||
|  |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|  |             <a href="/"> | ||||||
|  |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|  |             </a> | ||||||
|  |             <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact | ||||||
|  |                 support | ||||||
|  |                 <x-external-link /> | ||||||
|  |             </a> | ||||||
|  |         </div> | ||||||
|  |     </div> | ||||||
|  | </div> | ||||||
|   | |||||||
| @@ -1,12 +1,11 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero"> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |     <div> | ||||||
|         <div class=""> |         <p class="font-mono font-semibold text-7xl dark:text-warning">403</p> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">403</p> |  | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. |         <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
| @@ -16,5 +15,4 @@ | |||||||
|             </a> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|     </div> |  | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,13 +1,12 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero"> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |     <div> | ||||||
|         <div class=""> |         <p class="font-mono font-semibold text-7xl dark:text-warning">404</p> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">404</p> |  | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">How did you got here?</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">How did you got here?</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking |         <p class="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking | ||||||
|             for. |             for. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
| @@ -17,5 +16,4 @@ | |||||||
|             </a> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
|     </div> |  | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,20 +1,19 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero"> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |     <div> | ||||||
|         <div class=""> |         <p class="font-mono font-semibold text-7xl dark:text-warning">419</p> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">419</p> |  | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">This page is definitely old, not like you!</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">This page is definitely old, not like you!</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking |         <p class="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking | ||||||
|             for. |             for. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
|                 <a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact |             <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact | ||||||
|                 support |                 support | ||||||
|                     <span aria-hidden="true">→</span></a> |                 <x-external-link /> | ||||||
|             </div> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,20 +1,19 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero"> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |     <div> | ||||||
|         <div class=""> |         <p class="font-mono font-semibold text-7xl dark:text-warning">429</p> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">429</p> |  | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Woah, slow down there!</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Woah, slow down there!</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few |         <p class="text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few | ||||||
|             seconds before trying again. |             seconds before trying again. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
|                 <a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact |             <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact | ||||||
|                 support |                 support | ||||||
|                     <span aria-hidden="true">→</span></a> |                 <x-external-link /> | ||||||
|             </div> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,23 +1,22 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero "> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |  | ||||||
|     <div> |     <div> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">500</p> |         <p class="font-mono font-semibold text-red-500 text-7xl">500</p> | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Something is not okay, are you okay?</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Something is not okay, are you okay?</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">There has been an error, we are working on it. |         <p class="text-base leading-7 text-neutral-300">There has been an error, we are working on it. | ||||||
|         </p> |         </p> | ||||||
|         @if ($exception->getMessage() !== '') |         @if ($exception->getMessage() !== '') | ||||||
|             <code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }} |             <code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }} | ||||||
|             </code> |             </code> | ||||||
|         @endif |         @endif | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|             <a href="/"> |             <a href="/"> | ||||||
|                 <x-forms.button>Go back home</x-forms.button> |                 <x-forms.button>Go back home</x-forms.button> | ||||||
|             </a> |             </a> | ||||||
|                 <a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white">Contact |             <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact | ||||||
|                 support |                 support | ||||||
|                     <span aria-hidden="true">→</span></a> |                 <x-external-link /> | ||||||
|             </div> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -1,17 +1,16 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| <div class="min-h-screen hero "> | <div class="flex flex-col items-center justify-center h-full"> | ||||||
|     <div class="text-center hero-content"> |  | ||||||
|     <div> |     <div> | ||||||
|             <p class="font-mono text-6xl font-semibold dark:text-warning">503</p> |         <p class="font-mono font-semibold text-7xl dark:text-warning">503</p> | ||||||
|         <h1 class="mt-4 font-bold tracking-tight dark:text-white">We are working on serious things.</h1> |         <h1 class="mt-4 font-bold tracking-tight dark:text-white">We are working on serious things.</h1> | ||||||
|             <p class="mt-6 text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your |         <p class="text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your | ||||||
|             patience. |             patience. | ||||||
|         </p> |         </p> | ||||||
|             <div class="flex items-center justify-center mt-10 gap-x-6"> |         <div class="flex items-center mt-10 gap-x-6"> | ||||||
|                 <a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact |             <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact | ||||||
|                 support |                 support | ||||||
|                     <span aria-hidden="true">→</span></a> |                 <x-external-link /> | ||||||
|             </div> |             </a> | ||||||
|         </div> |         </div> | ||||||
|     </div> |     </div> | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -40,20 +40,15 @@ | |||||||
|     <body> |     <body> | ||||||
|         <x-toast /> |         <x-toast /> | ||||||
|         <script data-navigate-once> |         <script data-navigate-once> | ||||||
|             if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia( |  | ||||||
|                     '(prefers-color-scheme: dark)').matches)) { |  | ||||||
|                 document.documentElement.classList.add('dark') |  | ||||||
|             } else { |  | ||||||
|                 document.documentElement.classList.remove('dark') |  | ||||||
|             } |  | ||||||
| 
 |  | ||||||
|             function changeTheme() { |  | ||||||
|             if (localStorage.theme === 'dark') { |             if (localStorage.theme === 'dark') { | ||||||
|                     localStorage.theme = 'light' |                 document.documentElement.classList.add('dark') | ||||||
|  |             } else if (localStorage.theme === 'light') { | ||||||
|                 document.documentElement.classList.remove('dark') |                 document.documentElement.classList.remove('dark') | ||||||
|             } else { |             } else { | ||||||
|                     localStorage.theme = 'dark' |                 if (window.matchMedia('(prefers-color-scheme: dark)').matches) { | ||||||
|                     document.documentElement.classList.add('dark') |                     document.documentElement.classList.add('dark') | ||||||
|  |                 } else { | ||||||
|  |                     document.documentElement.classList.remove('dark') | ||||||
|                 } |                 } | ||||||
|             } |             } | ||||||
|             @auth |             @auth | ||||||
|   | |||||||
| @@ -1,6 +1,6 @@ | |||||||
| @extends('layouts.base') | @extends('layouts.base') | ||||||
| @section('body') | @section('body') | ||||||
|     <main class="h-full bg-gray-50 dark:bg-base"> |     <main class="h-full"> | ||||||
|         {{ $slot }} |         {{ $slot }} | ||||||
|     </main> |     </main> | ||||||
|     @parent |     @parent | ||||||
|   | |||||||
| @@ -10,7 +10,7 @@ | |||||||
|             </div> |             </div> | ||||||
|         @endif |         @endif | ||||||
|         <div |         <div | ||||||
|             class="flex flex-col-reverse w-full px-4 py-2 overflow-y-auto dark:text-white border border-solid rounded bg-coolgray-100 scrollbar border-coolgray-300 max-h-96"> |             class="flex flex-col-reverse w-full px-4 py-2 overflow-y-auto bg-white border border-solid rounded dark:text-white dark:bg-coolgray-100 scrollbar border-neutral-300 dark:border-coolgray-300 max-h-96"> | ||||||
|             <pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.1000ms="polling" @endif>{{ RunRemoteProcess::decodeOutput($this->activity) }}</pre> |             <pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.1000ms="polling" @endif>{{ RunRemoteProcess::decodeOutput($this->activity) }}</pre> | ||||||
|         </div> |         </div> | ||||||
|     @else |     @else | ||||||
|   | |||||||
| @@ -1,11 +1,11 @@ | |||||||
| @php use App\Enums\ProxyTypes; @endphp | @php use App\Enums\ProxyTypes; @endphp | ||||||
| <section class="flex flex-col h-full lg:items-center lg:justify-center"> | <section class="flex flex-col h-full lg:items-center lg:justify-center"> | ||||||
|     <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto max-w-7xl lg:py-0"> |     <div class="flex flex-col items-center justify-center p-10 mx-2 mt-10 bg-white border rounded-lg shadow lg:p-20 dark:bg-transparent dark:border-none max-w-7xl "> | ||||||
|         @if ($currentState === 'welcome') |         @if ($currentState === 'welcome') | ||||||
|             <h1 class="text-3xl font-bold lg:text-5xl">Welcome to Coolify</h1> |             <h1 class="text-3xl font-bold lg:text-5xl">Welcome to Coolify</h1> | ||||||
|             <p class="py-6 text-base text-center lg:text-xl">Let me help you set up the basics.</p> |             <div class="py-6 text-center lg:text-xl">Let me help you set up the basics.</div> | ||||||
|             <div class="flex justify-center "> |             <div class="flex justify-center "> | ||||||
|                 <x-forms.button class="justify-center w-64 box" wire:click="$set('currentState','explanation')">Get |                 <x-forms.button class="justify-center w-64 box-boarding" wire:click="$set('currentState','explanation')">Get | ||||||
|                     Started |                     Started | ||||||
|                 </x-forms.button> |                 </x-forms.button> | ||||||
|             </div> |             </div> | ||||||
| @@ -33,7 +33,7 @@ | |||||||
|                         Telegram, Email, etc.) when something goes wrong, or an action is needed from your side.</p> |                         Telegram, Email, etc.) when something goes wrong, or an action is needed from your side.</p> | ||||||
|                 </x-slot:explanation> |                 </x-slot:explanation> | ||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <x-forms.button class="justify-center lg:w-64 box" wire:click="explanation">Next |                     <x-forms.button class="justify-center lg:w-64 box-boarding" wire:click="explanation">Next | ||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
|                 </x-slot:actions> |                 </x-slot:actions> | ||||||
|             </x-boarding-step> |             </x-boarding-step> | ||||||
| @@ -44,11 +44,11 @@ | |||||||
|                     or to a <x-highlighted text="Remote Server" />? |                     or to a <x-highlighted text="Remote Server" />? | ||||||
|                 </x-slot:question> |                 </x-slot:question> | ||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <x-forms.button class="justify-center w-64 box" wire:target="setServerType('localhost')" |                     <x-forms.button class="justify-center w-64 box-boarding" wire:target="setServerType('localhost')" | ||||||
|                         wire:click="setServerType('localhost')">Localhost |                         wire:click="setServerType('localhost')">Localhost | ||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
| 
 | 
 | ||||||
|                     <x-forms.button class="justify-center w-64 box " wire:target="setServerType('remote')" |                     <x-forms.button class="justify-center w-64 box-boarding " wire:target="setServerType('remote')" | ||||||
|                         wire:click="setServerType('remote')">Remote Server |                         wire:click="setServerType('remote')">Remote Server | ||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
|                     @if (!$serverReachable) |                     @if (!$serverReachable) | ||||||
| @@ -62,7 +62,7 @@ | |||||||
|                         Check this <a target="_blank" class="underline" |                         Check this <a target="_blank" class="underline" | ||||||
|                             href="https://coolify.io/docs/server/openssh">documentation</a> for further help. |                             href="https://coolify.io/docs/server/openssh">documentation</a> for further help. | ||||||
|                         <x-forms.input readonly id="serverPublicKey"></x-forms.input> |                         <x-forms.input readonly id="serverPublicKey"></x-forms.input> | ||||||
|                         <x-forms.button class="lg:w-64 box" wire:target="setServerType('localhost')" |                         <x-forms.button class="lg:w-64 box-boarding" wire:target="setServerType('localhost')" | ||||||
|                             wire:click="setServerType('localhost')">Check again |                             wire:click="setServerType('localhost')">Check again | ||||||
|                         </x-forms.button> |                         </x-forms.button> | ||||||
|                     @endif |                     @endif | ||||||
| @@ -85,10 +85,10 @@ | |||||||
|                     Do you have your own SSH Private Key? |                     Do you have your own SSH Private Key? | ||||||
|                 </x-slot:question> |                 </x-slot:question> | ||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <x-forms.button class="justify-center lg:w-64 box" wire:target="setPrivateKey('own')" |                     <x-forms.button class="justify-center lg:w-64 box-boarding" wire:target="setPrivateKey('own')" | ||||||
|                         wire:click="setPrivateKey('own')">Yes |                         wire:click="setPrivateKey('own')">Yes | ||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
|                     <x-forms.button class="justify-center lg:w-64 box" wire:target="setPrivateKey('create')" |                     <x-forms.button class="justify-center lg:w-64 box-boarding" wire:target="setPrivateKey('create')" | ||||||
|                         wire:click="setPrivateKey('create')">No (create one for me) |                         wire:click="setPrivateKey('create')">No (create one for me) | ||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
|                     @if (count($privateKeys) > 0) |                     @if (count($privateKeys) > 0) | ||||||
| @@ -120,7 +120,7 @@ | |||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <div class="flex flex-col gap-4"> |                     <div class="flex flex-col gap-4"> | ||||||
|                         <div> |                         <div> | ||||||
|                             <x-forms.button class="justify-center w-64 box" wire:click="createNewServer">No (create |                             <x-forms.button class="justify-center w-64 box-boarding" wire:click="createNewServer">No (create | ||||||
|                                 one |                                 one | ||||||
|                                 for |                                 for | ||||||
|                                 me) |                                 me) | ||||||
| @@ -146,7 +146,7 @@ | |||||||
|                         'root' or skip the boarding process and add a new private key manually to Coolify and to the |                         'root' or skip the boarding process and add a new private key manually to Coolify and to the | ||||||
|                         server. |                         server. | ||||||
|                         <x-forms.input readonly id="serverPublicKey"></x-forms.input> |                         <x-forms.input readonly id="serverPublicKey"></x-forms.input> | ||||||
|                         <x-forms.button class="w-64 box" wire:target="validateServer" wire:click="validateServer">Check |                         <x-forms.button class="w-64 box-boarding" wire:target="validateServer" wire:click="validateServer">Check | ||||||
|                             again |                             again | ||||||
|                         </x-forms.button> |                         </x-forms.button> | ||||||
|                     @endif |                     @endif | ||||||
| @@ -236,7 +236,7 @@ | |||||||
|                         <x-slot:content> |                         <x-slot:content> | ||||||
|                             <livewire:server.validate-and-install :server="$this->createdServer" /> |                             <livewire:server.validate-and-install :server="$this->createdServer" /> | ||||||
|                         </x-slot:content> |                         </x-slot:content> | ||||||
|                         <x-forms.button @click="slideOverOpen=true" class="w-full font-bold box lg:w-96" |                         <x-forms.button @click="slideOverOpen=true" class="w-full font-bold box-boarding lg:w-96" | ||||||
|                             wire:click.prevent='installServer' isHighlighted> |                             wire:click.prevent='installServer' isHighlighted> | ||||||
|                             Let's do it! |                             Let's do it! | ||||||
|                         </x-forms.button> |                         </x-forms.button> | ||||||
| @@ -263,7 +263,7 @@ | |||||||
|                     @endif |                     @endif | ||||||
|                 </x-slot:question> |                 </x-slot:question> | ||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <x-forms.button class="justify-center w-64 box" wire:click="createNewProject">Create new |                     <x-forms.button class="justify-center w-64 box-boarding" wire:click="createNewProject">Create new | ||||||
|                         project!</x-forms.button> |                         project!</x-forms.button> | ||||||
|                     <div> |                     <div> | ||||||
|                         @if (count($projects) > 0) |                         @if (count($projects) > 0) | ||||||
| @@ -292,7 +292,7 @@ | |||||||
|                     Let's go to the new resource page, where you can create your first resource. |                     Let's go to the new resource page, where you can create your first resource. | ||||||
|                 </x-slot:question> |                 </x-slot:question> | ||||||
|                 <x-slot:actions> |                 <x-slot:actions> | ||||||
|                     <div class="items-center justify-center w-64 box" wire:click="showNewResource">Let's do |                     <div class="items-center justify-center w-64 box-boarding" wire:click="showNewResource">Let's do | ||||||
|                         it!</div> |                         it!</div> | ||||||
|                 </x-slot:actions> |                 </x-slot:actions> | ||||||
|                 <x-slot:explanation> |                 <x-slot:explanation> | ||||||
|   | |||||||
| @@ -21,21 +21,20 @@ | |||||||
|             @foreach ($projects as $project) |             @foreach ($projects as $project) | ||||||
|                 <div class="gap-2 border border-transparent cursor-pointer box group"> |                 <div class="gap-2 border border-transparent cursor-pointer box group"> | ||||||
|                     @if (data_get($project, 'environments')->count() === 1) |                     @if (data_get($project, 'environments')->count() === 1) | ||||||
|                         <a class="flex flex-col flex-1 mx-6 hover:no-underline" |                         <a class="flex flex-col justify-center flex-1 mx-6" | ||||||
|                             href="{{ route('project.resource.index', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}"> |                             href="{{ route('project.resource.index', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}"> | ||||||
|                             <div class="box-title">{{ $project->name }}</div> |                             <div class="box-title">{{ $project->name }}</div> | ||||||
|                             <div class="box-description"> |                             <div class="box-description"> {{ $project->description }}</div> | ||||||
|                                 {{ $project->description }}</div> |  | ||||||
|                         </a> |                         </a> | ||||||
|                     @else |                     @else | ||||||
|                         <a class="flex flex-col flex-1 mx-6 hover:no-underline" |                         <a class="flex flex-col justify-center flex-1 mx-6" | ||||||
|                             href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}"> |                             href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}"> | ||||||
|                             <div class="box-title">{{ $project->name }}</div> |                             <div class="box-title">{{ $project->name }}</div> | ||||||
|                             <div class="box-description"> |                             <div class="box-description"> | ||||||
|                                 {{ $project->description }}</div> |                                 {{ $project->description }}</div> | ||||||
|                         </a> |                         </a> | ||||||
|                     @endif |                     @endif | ||||||
|                     <div class="flex items-center justify-center gap-2 pt-4 pb-2 mr-4 lg:py-0 lg:justify-normal"> |                     <div class="flex items-center justify-center gap-2 pt-4 pb-2 mr-4 text-xs lg:py-0 lg:justify-normal"> | ||||||
|                         <a class="hover:underline" |                         <a class="hover:underline" | ||||||
|                             href="{{ route('project.resource.create', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}"> |                             href="{{ route('project.resource.create', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => data_get($project, 'environments.0.name', 'production')]) }}"> | ||||||
|                             <span class="p-2 font-bold">+ |                             <span class="p-2 font-bold">+ | ||||||
| @@ -71,7 +70,7 @@ | |||||||
|                         'border-transparent' => $server->settings->is_reachable, |                         'border-transparent' => $server->settings->is_reachable, | ||||||
|                         'border-red-500' => !$server->settings->is_reachable, |                         'border-red-500' => !$server->settings->is_reachable, | ||||||
|                     ])> |                     ])> | ||||||
|                     <div class="flex flex-col mx-6"> |                     <div class="flex flex-col justify-center mx-6"> | ||||||
|                         <div class="box-title"> |                         <div class="box-title"> | ||||||
|                             {{ $server->name }} |                             {{ $server->name }} | ||||||
|                         </div> |                         </div> | ||||||
| @@ -79,13 +78,13 @@ | |||||||
|                             {{ $server->description }}</div> |                             {{ $server->description }}</div> | ||||||
|                         <div class="flex gap-1 text-xs text-error"> |                         <div class="flex gap-1 text-xs text-error"> | ||||||
|                             @if (!$server->settings->is_reachable) |                             @if (!$server->settings->is_reachable) | ||||||
|                                 <span>Not reachable</span> |                                 Not reachable | ||||||
|                             @endif |                             @endif | ||||||
|                             @if (!$server->settings->is_reachable && !$server->settings->is_usable) |                             @if (!$server->settings->is_reachable && !$server->settings->is_usable) | ||||||
|                                 & |                                 & | ||||||
|                             @endif |                             @endif | ||||||
|                             @if (!$server->settings->is_usable) |                             @if (!$server->settings->is_usable) | ||||||
|                                 <span>Not usable by Coolify</span> |                                 Not usable by Coolify | ||||||
|                             @endif |                             @endif | ||||||
|                         </div> |                         </div> | ||||||
|                     </div> |                     </div> | ||||||
| @@ -137,7 +136,7 @@ | |||||||
|                             'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued', |                             'dark:border-coolgray-300' => data_get($deployment, 'status') === 'queued', | ||||||
|                             'border-yellow-500' => data_get($deployment, 'status') === 'in_progress', |                             'border-yellow-500' => data_get($deployment, 'status') === 'in_progress', | ||||||
|                         ])> |                         ])> | ||||||
|                             <div class="flex flex-col mx-6"> |                             <div class="flex flex-col justify-center mx-6"> | ||||||
|                                 <div class="box-title"> |                                 <div class="box-title"> | ||||||
|                                     {{ data_get($deployment, 'application_name') }} |                                     {{ data_get($deployment, 'application_name') }} | ||||||
|                                 </div> |                                 </div> | ||||||
|   | |||||||
| @@ -20,8 +20,8 @@ | |||||||
|             <x-slot:description> |             <x-slot:description> | ||||||
|                 <span>Please |                 <span>Please | ||||||
|                     consider donating on <a href="https://github.com/sponsors/coollabsio" |                     consider donating on <a href="https://github.com/sponsors/coollabsio" | ||||||
|                         class="text-xs dark:text-white underline">GitHub</a> or <a href="https://opencollective.com/coollabsio" |                         class="text-xs underline dark:text-white">GitHub</a> or <a href="https://opencollective.com/coollabsio" | ||||||
|                         class="text-xs dark:text-white underline">OpenCollective</a>.<br><br></span> |                         class="text-xs underline dark:text-white">OpenCollective</a>.<br><br></span> | ||||||
|                 <span>It enables us to keep creating features without paywalls, ensuring our work remains free and |                 <span>It enables us to keep creating features without paywalls, ensuring our work remains free and | ||||||
|                     open.</span> |                     open.</span> | ||||||
|             </x-slot:description> |             </x-slot:description> | ||||||
| @@ -35,7 +35,7 @@ | |||||||
|             <div><span class="font-bold text-red-500">WARNING:</span> The number of active servers exceeds the limit |             <div><span class="font-bold text-red-500">WARNING:</span> The number of active servers exceeds the limit | ||||||
|                 covered by your payment. If not resolved, some of your servers <span class="font-bold text-red-500">will |                 covered by your payment. If not resolved, some of your servers <span class="font-bold text-red-500">will | ||||||
|                     be deactivated</span>. Visit <a href="{{ route('subscription.show') }}" |                     be deactivated</span>. Visit <a href="{{ route('subscription.show') }}" | ||||||
|                     class="dark:text-white underline">/subscription</a> to update your subscription or remove some servers. |                     class="underline dark:text-white">/subscription</a> to update your subscription or remove some servers. | ||||||
|             </div> |             </div> | ||||||
|         </x-banner> |         </x-banner> | ||||||
|     @endif |     @endif | ||||||
| @@ -57,7 +57,7 @@ | |||||||
|                     highly recommended to enable at least |                     highly recommended to enable at least | ||||||
|                     one |                     one | ||||||
|                     notification channel to receive important alerts.<br>Visit <a |                     notification channel to receive important alerts.<br>Visit <a | ||||||
|                         href="{{ route('notifications.email') }}" class="dark:text-white underline">/notification</a> to |                         href="{{ route('notifications.email') }}" class="underline dark:text-white">/notification</a> to | ||||||
|                     enable notifications.</span> |                     enable notifications.</span> | ||||||
|         </x-slot:description> |         </x-slot:description> | ||||||
|         <x-slot:button-text @click="disableNotification()"> |         <x-slot:button-text @click="disableNotification()"> | ||||||
|   | |||||||
| @@ -18,9 +18,11 @@ | |||||||
|         </div> |         </div> | ||||||
|         <div class="flex flex-col gap-2"> |         <div class="flex flex-col gap-2"> | ||||||
|             <x-forms.input id="current_password" label="Current Password" required type="password" /> |             <x-forms.input id="current_password" label="Current Password" required type="password" /> | ||||||
|  |             <div class="flex gap-2"> | ||||||
|             <x-forms.input id="new_password" label="New Password" required type="password" /> |             <x-forms.input id="new_password" label="New Password" required type="password" /> | ||||||
|             <x-forms.input id="new_password_confirmation" label="New Password Again" required type="password" /> |             <x-forms.input id="new_password_confirmation" label="New Password Again" required type="password" /> | ||||||
|             </div> |             </div> | ||||||
|  |         </div> | ||||||
|     </form> |     </form> | ||||||
|     <h2 class="py-4">Two-factor Authentication</h2> |     <h2 class="py-4">Two-factor Authentication</h2> | ||||||
|     @if (session('status') == 'two-factor-authentication-enabled') |     @if (session('status') == 'two-factor-authentication-enabled') | ||||||
|   | |||||||
| @@ -78,13 +78,13 @@ | |||||||
|                     </x-forms.button> |                     </x-forms.button> | ||||||
|                 </div> |                 </div> | ||||||
|             @endif |             @endif | ||||||
|  | 
 | ||||||
|             @if ($application->build_pack !== 'dockercompose') |             @if ($application->build_pack !== 'dockercompose') | ||||||
|                 <div class="flex items-center gap-2 pt-8"> |                 <div class="flex items-center gap-2 pt-8"> | ||||||
|                     <h3>Docker Registry</h3> |                     <h3>Docker Registry</h3> | ||||||
|                     @if ($application->build_pack !== 'dockerimage' && !$application->destination->server->isSwarm()) |                     @if ($application->build_pack !== 'dockerimage' && !$application->destination->server->isSwarm()) | ||||||
|                         <x-helper |                         <x-helper | ||||||
|                             helper='Push the built image to a docker registry. More info <a class="underline" |                             helper="Push the built image to a docker registry. More info <a class='underline' href='https://coolify.io/docs/docker/registry' target='_blank'>here</a>." /> | ||||||
|                 href="https://coolify.io/docs/docker/registry" target="_blank">here</a>' /> |  | ||||||
|                     @endif |                     @endif | ||||||
|                 </div> |                 </div> | ||||||
|                 @if ($application->destination->server->isSwarm()) |                 @if ($application->destination->server->isSwarm()) | ||||||
|   | |||||||
| @@ -9,7 +9,7 @@ | |||||||
|         <div class="flex flex-wrap"> |         <div class="flex flex-wrap"> | ||||||
|             @forelse ($images as $image) |             @forelse ($images as $image) | ||||||
|                 <div class="w-2/4 p-2"> |                 <div class="w-2/4 p-2"> | ||||||
|                     <div class="rounded shadow-lg bg-coolgray-100"> |                     <div class="bg-white border rounded dark:border-bg-black dark:bg-coolgray-100"> | ||||||
|                         <div class="p-2"> |                         <div class="p-2"> | ||||||
|                             <div class=""> |                             <div class=""> | ||||||
|                                 @if (data_get($image, 'is_current')) |                                 @if (data_get($image, 'is_current')) | ||||||
|   | |||||||
| @@ -48,7 +48,7 @@ | |||||||
|             <livewire:project.shared.environment-variable.add /> |             <livewire:project.shared.environment-variable.add /> | ||||||
|         </x-modal-input> |         </x-modal-input> | ||||||
|     </div> |     </div> | ||||||
|     <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="dark:text-warning">@{{environment.VARIABLENAME}}</span><x-helper |     <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span class="dark:text-warning text-coollabs">@{{environment.VARIABLENAME}}</span><x-helper | ||||||
|             helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper> |             helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper> | ||||||
|     </div> |     </div> | ||||||
|     <div class="flex flex-col gap-2"> |     <div class="flex flex-col gap-2"> | ||||||
|   | |||||||
| @@ -10,13 +10,13 @@ | |||||||
|         @forelse ($projects as $project) |         @forelse ($projects as $project) | ||||||
|             <div class="box group" x-data |             <div class="box group" x-data | ||||||
|                 x-on:click="goto('{{ $project->uuid }}')"> |                 x-on:click="goto('{{ $project->uuid }}')"> | ||||||
|                 <a class="flex flex-col flex-1 mx-6 hover:no-underline" |                 <a class="flex flex-col justify-center flex-1 mx-6" | ||||||
|                     href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}"> |                     href="{{ route('project.show', ['project_uuid' => data_get($project, 'uuid')]) }}"> | ||||||
|                     <div class="box-title">{{ $project->name }}</div> |                     <div class="box-title">{{ $project->name }}</div> | ||||||
|                     <div class="box-description "> |                     <div class="box-description "> | ||||||
|                         {{ $project->description }}</div> |                         {{ $project->description }}</div> | ||||||
|                 </a> |                 </a> | ||||||
|                 <div class="flex items-center"> |                 <div class="flex items-center text-xs"> | ||||||
|                     <a class="mx-4 font-bold hover:underline" |                     <a class="mx-4 font-bold hover:underline" | ||||||
|                         href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}"> |                         href="{{ route('project.edit', ['project_uuid' => data_get($project, 'uuid')]) }}"> | ||||||
|                         Settings |                         Settings | ||||||
|   | |||||||
| @@ -6,16 +6,7 @@ | |||||||
|             <h2>Docker Compose</h2> |             <h2>Docker Compose</h2> | ||||||
|             <x-forms.button type="submit">Save</x-forms.button> |             <x-forms.button type="submit">Save</x-forms.button> | ||||||
|         </div> |         </div> | ||||||
|         <x-forms.textarea label="Docker Compose file" |         <x-forms.textarea label="Docker Compose file" rows="20" id="dockerComposeRaw" | ||||||
|             helper=" |  | ||||||
|     You can use these variables in your Docker Compose file and Coolify will generate default values or replace them with the values you set on the UI forms.<br> |  | ||||||
|     <br> |  | ||||||
|     - SERVICE_FQDN_*: FQDN - could be changeable from the UI. (example: SERVICE_FQDN_GHOST)<br> |  | ||||||
|     - SERVICE_URL_*: URL parsed from FQDN - could be changeable from the UI. (example: SERVICE_URL_GHOST)<br> |  | ||||||
|     - SERVICE_BASE64_64_*: Generated 'base64' string with length of '64' (example: SERVICE_BASE64_64_GHOST, to generate 32 bit: SERVICE_BASE64_32_GHOST)<br> |  | ||||||
|     - SERVICE_USER_*: Generated user (example: SERVICE_USER_MYSQL)<br> |  | ||||||
|     - SERVICE_PASSWORD_*: Generated password (example: SERVICE_PASSWORD_MYSQL)<br>" |  | ||||||
|             rows="20" id="dockerComposeRaw" |  | ||||||
|             placeholder='services: |             placeholder='services: | ||||||
|   ghost: |   ghost: | ||||||
|     documentation: https://ghost.org/docs/config |     documentation: https://ghost.org/docs/config | ||||||
| @@ -44,6 +35,5 @@ | |||||||
|       - MYSQL_DATABASE=${MYSQL_DATABASE} |       - MYSQL_DATABASE=${MYSQL_DATABASE} | ||||||
|       - MYSQL_ROOT_PASSWORD=${SERVICE_PASSWORD_MYSQL_ROOT} |       - MYSQL_ROOT_PASSWORD=${SERVICE_PASSWORD_MYSQL_ROOT} | ||||||
| '></x-forms.textarea> | '></x-forms.textarea> | ||||||
|         {{-- <x-forms.textarea label="Environment File" rows="20" id="envFile"></x-forms.textarea> --}} |  | ||||||
|     </form> |     </form> | ||||||
| </div> | </div> | ||||||
|   | |||||||
| @@ -3,7 +3,7 @@ | |||||||
|     <div class="">Server related configurations.</div> |     <div class="">Server related configurations.</div> | ||||||
|     <div class="grid grid-cols-1 gap-4 py-4"> |     <div class="grid grid-cols-1 gap-4 py-4"> | ||||||
|         <div class="flex gap-2"> |         <div class="flex gap-2"> | ||||||
|             <div class="relative flex flex-col bg-white cursor-default dark:text-white box-without-bg dark:bg-coolgray-100 w-96"> |             <div class="relative flex flex-col bg-white border cursor-default dark:text-white box-without-bg dark:bg-coolgray-100 w-96 dark:border-black"> | ||||||
|                 <div class="text-xl font-bold">Primary Server</div> |                 <div class="text-xl font-bold">Primary Server</div> | ||||||
|                 @if (str($resource->realStatus())->startsWith('running')) |                 @if (str($resource->realStatus())->startsWith('running')) | ||||||
|                     <div title="{{ $resource->realStatus() }}" class="absolute bg-success -top-1 -left-1 badge "> |                     <div title="{{ $resource->realStatus() }}" class="absolute bg-success -top-1 -left-1 badge "> | ||||||
|   | |||||||
| @@ -1,5 +1,6 @@ | |||||||
| <div> | <div> | ||||||
|     <form wire:submit='submit' class="flex flex-col items-center gap-4 p-4 border lg:items-start dark:border-coolgray-300"> |     <form wire:submit='submit' | ||||||
|  |         class="flex flex-col items-center gap-4 p-4 bg-white border lg:items-start dark:border-coolgray-300"> | ||||||
|         @if ($isLocked) |         @if ($isLocked) | ||||||
|             <div class="flex flex-1 w-full gap-2"> |             <div class="flex flex-1 w-full gap-2"> | ||||||
|                 <x-forms.input disabled id="env.key" /> |                 <x-forms.input disabled id="env.key" /> | ||||||
| @@ -12,7 +13,7 @@ | |||||||
|                 </svg> |                 </svg> | ||||||
|                 <x-modal-confirmation isErrorButton buttonTitle="Delete"> |                 <x-modal-confirmation isErrorButton buttonTitle="Delete"> | ||||||
|                     You will delete environment variable <span |                     You will delete environment variable <span | ||||||
|                         class="font-bold dark:text-warning">{{ $env->key }}</span>. |                         class="font-bold dark:text-warning text-coollabs">{{ $env->key }}</span>. | ||||||
|                 </x-modal-confirmation> |                 </x-modal-confirmation> | ||||||
|             </div> |             </div> | ||||||
|         @else |         @else | ||||||
| @@ -39,10 +40,16 @@ | |||||||
|                 </div> |                 </div> | ||||||
|             @endif |             @endif | ||||||
|             <div class="flex flex-col w-full gap-2 lg:flex-row"> |             <div class="flex flex-col w-full gap-2 lg:flex-row"> | ||||||
|                 @if ($type !== 'service' && !$isSharedVariable) |                 @if ($type === 'service') | ||||||
|  |                     <x-forms.checkbox instantSave id="env.is_build_time" label="Build Variable?" /> | ||||||
|  |                 @else | ||||||
|  |                     @if ($env->is_shared) | ||||||
|  |                         <x-forms.checkbox instantSave id="env.is_build_time" label="Build Variable?" /> | ||||||
|  |                     @else | ||||||
|                     <x-forms.checkbox instantSave id="env.is_multiline" label="Is Multiline?" /> |                     <x-forms.checkbox instantSave id="env.is_multiline" label="Is Multiline?" /> | ||||||
|                     <x-forms.checkbox instantSave id="env.is_build_time" label="Build Variable?" /> |                     <x-forms.checkbox instantSave id="env.is_build_time" label="Build Variable?" /> | ||||||
|                     @endif |                     @endif | ||||||
|  |                 @endif | ||||||
|                 <div class="flex-1"></div> |                 <div class="flex-1"></div> | ||||||
|                 @if ($isDisabled) |                 @if ($isDisabled) | ||||||
|                     <x-forms.button disabled type="submit"> |                     <x-forms.button disabled type="submit"> | ||||||
|   | |||||||
| @@ -14,9 +14,9 @@ | |||||||
|                             <x-modal-confirmation action="cloneTo({{ data_get($destination, 'id') }})"> |                             <x-modal-confirmation action="cloneTo({{ data_get($destination, 'id') }})"> | ||||||
|                                 <x:slot name="content"> |                                 <x:slot name="content"> | ||||||
|                                     <div class="box"> |                                     <div class="box"> | ||||||
|                                         <div class="flex flex-col gap-2 "> |                                         <div class="flex flex-col"> | ||||||
|                                             <div class="font-bold dark:text-white">{{ $server->name }}</div> |                                             <div class="box-title">{{ $server->name }}</div> | ||||||
|                                             <div>{{ $destination->name }}</div> |                                             <div class="box-description">{{ $destination->name }}</div> | ||||||
|                                         </div> |                                         </div> | ||||||
|                                     </div> |                                     </div> | ||||||
|                                 </x:slot> |                                 </x:slot> | ||||||
| @@ -35,16 +35,16 @@ | |||||||
|                 class="font-bold dark:text-warning">{{ $resource->environment->project->name }} / |                 class="font-bold dark:text-warning">{{ $resource->environment->project->name }} / | ||||||
|                 {{ $resource->environment->name }}</span> environment. |                 {{ $resource->environment->name }}</span> environment. | ||||||
|         </div> |         </div> | ||||||
|         <div class="grid gap-4"> |         <div class="flex flex-wrap gap-2"> | ||||||
|             @forelse ($projects as $project) |             @forelse ($projects as $project) | ||||||
|                 <div class="flex flex-row flex-wrap gap-2"> |                 <div class="flex flex-wrap gap-2"> | ||||||
|                     @foreach ($project->environments as $environment) |                     @foreach ($project->environments as $environment) | ||||||
|                         <x-modal-confirmation action="moveTo({{ data_get($environment, 'id') }})"> |                         <x-modal-confirmation action="moveTo({{ data_get($environment, 'id') }})"> | ||||||
|                             <x:slot name="content"> |                             <x:slot name="content"> | ||||||
|                                 <div class="box"> |                                 <div class="box"> | ||||||
|                                     <div class="flex flex-col gap-2 "> |                                     <div class="flex flex-col"> | ||||||
|                                         <div class="font-bold dark:text-white">{{ $project->name }}</div> |                                         <div class="box-title">{{ $project->name }}</div> | ||||||
|                                         <div><span class="dark:text-warning">{{ $environment->name }}</span> environment |                                         <div class="box-description">environment: {{ $environment->name }} | ||||||
|                                         </div> |                                         </div> | ||||||
|                                     </div> |                                     </div> | ||||||
|                                 </div> |                                 </div> | ||||||
|   | |||||||
| @@ -17,7 +17,7 @@ | |||||||
|                     <div class="description"> |                     <div class="description"> | ||||||
|                         {{ $environment->description }}</div> |                         {{ $environment->description }}</div> | ||||||
|                 </a> |                 </a> | ||||||
|                 <div class="flex items-center"> |                 <div class="flex items-center text-xs"> | ||||||
|                     <a class="mx-4 font-bold hover:underline" |                     <a class="mx-4 font-bold hover:underline" | ||||||
|                         href="{{ route('project.environment.edit', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => $environment->name]) }}"> |                         href="{{ route('project.environment.edit', ['project_uuid' => data_get($project, 'uuid'), 'environment_name' => $environment->name]) }}"> | ||||||
|                         Settings |                         Settings | ||||||
|   | |||||||
| @@ -18,7 +18,7 @@ | |||||||
|                     'border-red-500' => |                     'border-red-500' => | ||||||
|                         !$server->settings->is_reachable || $server->settings->force_disabled, |                         !$server->settings->is_reachable || $server->settings->force_disabled, | ||||||
|                 ])> |                 ])> | ||||||
|                 <div class="flex flex-col mx-6"> |                 <div class="flex flex-col justify-center mx-6"> | ||||||
|                     <div class="font-bold dark:text-white"> |                     <div class="font-bold dark:text-white"> | ||||||
|                         {{ $server->name }} |                         {{ $server->name }} | ||||||
|                     </div> |                     </div> | ||||||
|   | |||||||
| @@ -7,7 +7,7 @@ | |||||||
|         </x-modal-input> |         </x-modal-input> | ||||||
|     </div> |     </div> | ||||||
|     <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span |     <div class="flex items-center gap-2 pb-4">You can use these variables anywhere with <span | ||||||
|             class="dark:text-warning">@{{ team.VARIABLENAME }}</span> <x-helper |             class="dark:text-warning text-coollabs">@{{ team.VARIABLENAME }}</span> <x-helper | ||||||
|             helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper> |             helper="More info <a class='underline dark:text-white' href='https://coolify.io/docs/environment-variables#shared-variables' target='_blank'>here</a>."></x-helper> | ||||||
|     </div> |     </div> | ||||||
| 
 | 
 | ||||||
|   | |||||||
| @@ -1,6 +1,6 @@ | |||||||
| <tr @class([ | <tr @class([ | ||||||
|     'dark:text-white bg-coolblack hover:bg-coolgray-100', |     'dark:text-white text-black dark:bg-coolblack dark:hover:bg-coolgray-100', | ||||||
|     'bg-coolgray-100' => $member->id == auth()->user()->id, |     'dark:bg-coolgray-100 bg-neutral-200' => $member->id == auth()->user()->id, | ||||||
| ])> | ])> | ||||||
|     <td class="px-5 py-4 text-sm whitespace-nowrap"> |     <td class="px-5 py-4 text-sm whitespace-nowrap"> | ||||||
|         {{ $member->name }} |         {{ $member->name }} | ||||||
|   | |||||||
| @@ -7,7 +7,7 @@ | |||||||
|             <div class="overflow-x-auto"> |             <div class="overflow-x-auto"> | ||||||
|                 <div class="inline-block min-w-full"> |                 <div class="inline-block min-w-full"> | ||||||
|                     <div class="overflow-hidden"> |                     <div class="overflow-hidden"> | ||||||
|                         <table class="min-w-full divide-y divide-coolgray-400"> |                         <table class="min-w-full divide-y dark:divide-coolgray-400 divide-neutral-400"> | ||||||
|                             <thead> |                             <thead> | ||||||
|                                 <tr> |                                 <tr> | ||||||
|                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Name |                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Name | ||||||
| @@ -17,7 +17,7 @@ | |||||||
|                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Actions</th> |                                     <th class="px-5 py-3 text-xs font-medium text-left uppercase">Actions</th> | ||||||
|                                 </tr> |                                 </tr> | ||||||
|                             </thead> |                             </thead> | ||||||
|                             <tbody class="divide-y divide-coolgray-400"> |                             <tbody class="divide-y dark:divide-coolgray-400 divide-neutral-200"> | ||||||
|                                 @foreach (currentTeam()->members as $member) |                                 @foreach (currentTeam()->members as $member) | ||||||
|                                     <livewire:team.member :member="$member" :wire:key="$member->id" /> |                                     <livewire:team.member :member="$member" :wire:key="$member->id" /> | ||||||
|                                 @endforeach |                                 @endforeach | ||||||
|   | |||||||
| @@ -12,10 +12,10 @@ | |||||||
|         @forelse ($s3 as $storage) |         @forelse ($s3 as $storage) | ||||||
|             <div x-data x-on:click="goto('{{ $storage->uuid }}')" @class(['gap-2 border cursor-pointer box group border-transparent'])> |             <div x-data x-on:click="goto('{{ $storage->uuid }}')" @class(['gap-2 border cursor-pointer box group border-transparent'])> | ||||||
|                 <div class="flex flex-col mx-6"> |                 <div class="flex flex-col mx-6"> | ||||||
|                     <div class=" group-hover:dark:text-white"> |                     <div class="box-title"> | ||||||
|                         {{ $storage->name }} |                         {{ $storage->name }} | ||||||
|                     </div> |                     </div> | ||||||
|                     <div class="text-xs group-hover:dark:text-white"> |                     <div class="box-description"> | ||||||
|                         {{ $storage->description }}</div> |                         {{ $storage->description }}</div> | ||||||
|                 </div> |                 </div> | ||||||
|             </div> |             </div> | ||||||
|   | |||||||
| @@ -1,45 +0,0 @@ | |||||||
| <div> |  | ||||||
|     @isset($jsPath) |  | ||||||
|         <script> |  | ||||||
|             {!! file_get_contents($jsPath) !!} |  | ||||||
|         </script> |  | ||||||
|     @endisset |  | ||||||
|     @isset($cssPath) |  | ||||||
|         <style> |  | ||||||
|             {!! file_get_contents($cssPath) !!} |  | ||||||
|         </style> |  | ||||||
|     @endisset |  | ||||||
| 
 |  | ||||||
|     <div x-data="LivewireUIModal()" x-on:close.stop="setShowPropertyTo(false)" |  | ||||||
|         x-on:keydown.escape.window="closeModalOnEscape()" x-show="show" class="fixed inset-0 overflow-y-auto z-[60]" |  | ||||||
|         style="display: none;"> |  | ||||||
|         <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0"> |  | ||||||
|             <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300" |  | ||||||
|                 x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" |  | ||||||
|                 x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" |  | ||||||
|                 x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform"> |  | ||||||
|                 <div class="absolute inset-0 bg-black opacity-70"></div> |  | ||||||
|             </div> |  | ||||||
| 
 |  | ||||||
|             {{-- <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span> --}}
 |  | ||||||
| 
 |  | ||||||
|             <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300" |  | ||||||
|                 x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" |  | ||||||
|                 x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" |  | ||||||
|                 x-transition:leave="ease-in duration-200" |  | ||||||
|                 x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" |  | ||||||
|                 x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" |  | ||||||
|                 x-bind:class="modalWidth" |  | ||||||
|                 class="w-full overflow-hidden text-left align-bottom transition-all transform sm:align-middle sm:w-full" |  | ||||||
|                 id="modal-container" x-trap.noscroll.inert="show && showActiveComponent" aria-modal="true"> |  | ||||||
|                 @forelse($components as $id => $component) |  | ||||||
|                     <div class="sm:mx-20 sm:my-8" x-show.immediate="activeComponent == '{{ $id }}'" |  | ||||||
|                         x-ref="{{ $id }}" wire:key="{{ $id }}"> |  | ||||||
|                         @livewire($component['name'], $component['arguments'], key($id)) |  | ||||||
|                     </div> |  | ||||||
|                 @empty |  | ||||||
|                 @endforelse |  | ||||||
|             </div> |  | ||||||
|         </div> |  | ||||||
|     </div> |  | ||||||
| </div> |  | ||||||
| @@ -26,10 +26,8 @@ use App\Livewire\Notifications\Telegram as NotificationTelegram; | |||||||
| use App\Livewire\Notifications\Discord as NotificationDiscord; | use App\Livewire\Notifications\Discord as NotificationDiscord; | ||||||
| 
 | 
 | ||||||
| use App\Livewire\Team\Index as TeamIndex; | use App\Livewire\Team\Index as TeamIndex; | ||||||
| use App\Livewire\Team\Create as TeamCreate; |  | ||||||
| 
 | 
 | ||||||
| use App\Livewire\Team\Storage\Index as TeamStorageIndex; | use App\Livewire\Team\Storage\Index as TeamStorageIndex; | ||||||
| use App\Livewire\Team\Storage\Create as TeamStorageCreate; |  | ||||||
| use App\Livewire\Team\Storage\Show as TeamStorageShow; | use App\Livewire\Team\Storage\Show as TeamStorageShow; | ||||||
| use App\Livewire\Team\Member\Index as TeamMemberIndex; | use App\Livewire\Team\Member\Index as TeamMemberIndex; | ||||||
| 
 | 
 | ||||||
| @@ -58,11 +56,9 @@ use App\Livewire\Project\Shared\Logs; | |||||||
| use App\Livewire\Project\Shared\ScheduledTask\Show as ScheduledTaskShow; | use App\Livewire\Project\Shared\ScheduledTask\Show as ScheduledTaskShow; | ||||||
| 
 | 
 | ||||||
| use App\Livewire\Security\ApiTokens; | use App\Livewire\Security\ApiTokens; | ||||||
| use App\Livewire\Security\PrivateKey\Create as SecurityPrivateKeyCreate; |  | ||||||
| use App\Livewire\Security\PrivateKey\Show as SecurityPrivateKeyShow; | use App\Livewire\Security\PrivateKey\Show as SecurityPrivateKeyShow; | ||||||
| 
 | 
 | ||||||
| use App\Livewire\Server\Index as ServerIndex; | use App\Livewire\Server\Index as ServerIndex; | ||||||
| use App\Livewire\Server\Create as ServerCreate; |  | ||||||
| use App\Livewire\Server\Show as ServerShow; | use App\Livewire\Server\Show as ServerShow; | ||||||
| use App\Livewire\Server\Resources as ResourcesShow; | use App\Livewire\Server\Resources as ResourcesShow; | ||||||
| 
 | 
 | ||||||
|   | |||||||
| @@ -4,7 +4,7 @@ | |||||||
|             "version": "3.12.36" |             "version": "3.12.36" | ||||||
|         }, |         }, | ||||||
|         "v4": { |         "v4": { | ||||||
|             "version": "4.0.0-beta.243" |             "version": "4.0.0-beta.244" | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 Andras Bacsai
					Andras Bacsai