dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #1888 from coollabsio/next

Browse Source 
v4.0.0-beta.244
This commit is contained in:
Andras Bacsai
2024-03-26 10:52:24 +01:00
committed by GitHub
parent d1627276a6 dcaa2f4168
commit b7b2ecad59
48 changed files with 315 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
.tinkerwell/snippets/DeleteUser.php
View File

@@ -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();
}

28
.tinkerwell/snippets/SendEmail.php
View File

@@ -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
);
});
}

2
config/sentry.php
View File

@@ -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'),

2
config/version.php
View File

@@ -1,3 +1,3 @@
<?php <?php
return '4.0.0-beta.243'; return '4.0.0-beta.244';

16
resources/css/app.css
View File

@@ -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 {

4
resources/views/components/boarding-step.blade.php
View File

@@ -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>

6
resources/views/components/dropdown.blade.php
View File

@@ -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>

2
resources/views/components/external-link.blade.php
View File

@@ -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>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 317 B

After

Width:  |  Height:  |  Size: 290 B

2
resources/views/components/forms/button.blade.php
View File

@@ -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
View 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>

10
resources/views/components/modal-input.blade.php
View File

@@ -23,28 +23,28 @@
<template x-teleport="body"> <template x-teleport="body">
<div x-show="modalOpen" class="fixed top-0 left-0 lg:px-0 px-4 z-[99] flex items-center justify-center w-screen h-screen" <div x-show="modalOpen" class="fixed top-0 left-0 lg:px-0 px-4 z-[99] flex items-center justify-center w-screen h-screen"
x-cloak> x-cloak>
<div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0" <div x-show="modalOpen" x-transition:enter="ease-out duration-100" x-transition:enter-start="opacity-0"
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>

74
resources/views/components/navbar.blade.php
View File

@@ -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" />

6
resources/views/components/pricing-plans.blade.php
View File

@@ -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 ">

2
resources/views/components/status/index.blade.php
View File

@@ -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" />

2
resources/views/components/version.blade.php
View File

@@ -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>

23
resources/views/destination/all.blade.php
View File

@@ -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

30
resources/views/errors/401.blade.php
View File

@@ -1,20 +1,18 @@
@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="text-base leading-7 text-neutral-300">You don't have permission to access this page.
<p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

20
resources/views/errors/402.blade.php
View File

@@ -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>

30
resources/views/errors/403.blade.php
View File

@@ -1,20 +1,18 @@
@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="text-base leading-7 text-neutral-300">You don't have permission to access this page.
<p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

32
resources/views/errors/404.blade.php
View File

@@ -1,21 +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">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="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking
<p class="mt-6 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 mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

31
resources/views/errors/419.blade.php
View File

@@ -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="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking
<p class="mt-6 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 mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

31
resources/views/errors/429.blade.php
View File

@@ -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="text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few
<p class="mt-6 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 mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

37
resources/views/errors/500.blade.php
View File

@@ -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 font-semibold text-red-500 text-7xl">500</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">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="text-base leading-7 text-neutral-300">There has been an error, we are working on it.
<p class="mt-6 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 mt-10 gap-x-6">
<div class="flex items-center justify-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 target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

25
resources/views/errors/503.blade.php
View File

@@ -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 font-semibold text-7xl dark:text-warning">503</p>
<p class="font-mono text-6xl font-semibold 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="text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your
<p class="mt-6 text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your patience.
patience. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

17
resources/views/layouts/base.blade.php
View File

@@ -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( if (localStorage.theme === 'dark') {
'(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark') document.documentElement.classList.add('dark')
} else { } else if (localStorage.theme === 'light') {
document.documentElement.classList.remove('dark') document.documentElement.classList.remove('dark')
} } else {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
function changeTheme() {
if (localStorage.theme === 'dark') {
localStorage.theme = 'light'
document.documentElement.classList.remove('dark')
} else {
localStorage.theme = 'dark'
document.documentElement.classList.add('dark') document.documentElement.classList.add('dark')
} else {
document.documentElement.classList.remove('dark')
} }
} }
@auth @auth

2
resources/views/layouts/boarding.blade.php
View File

@@ -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

2
resources/views/livewire/activity-monitor.blade.php
View File

@@ -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

28
resources/views/livewire/boarding/index.blade.php
View File

@@ -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>

17
resources/views/livewire/dashboard.blade.php
View File

@@ -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>

8
resources/views/livewire/layout-popups.blade.php
View File

@@ -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()">

2
resources/views/livewire/profile/index.blade.php
View File

@@ -18,8 +18,10 @@
</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>

6
resources/views/livewire/project/application/general.blade.php
View File

@@ -51,7 +51,7 @@
helper="WARNING: Advanced use cases only. Your docker compose file will be deployed as-is. Nothing is modified by Coolify. You need to configure the proxy parts. More info in the <a href='https://coolify.io/docs/docker/compose#raw-docker-compose-deployment'>documentation.</a>" /> helper="WARNING: Advanced use cases only. Your docker compose file will be deployed as-is. Nothing is modified by Coolify. You need to configure the proxy parts. More info in the <a href='https://coolify.io/docs/docker/compose#raw-docker-compose-deployment'>documentation.</a>" />
</div> </div>
@if (count($parsedServices) > 0 && !$application->settings->is_raw_compose_deployment_enabled) @if (count($parsedServices) > 0 && !$application->settings->is_raw_compose_deployment_enabled)
<h3>Domains</h3> <h3>Domains</h3>
@foreach (data_get($parsedServices, 'services') as $serviceName => $service) @foreach (data_get($parsedServices, 'services') as $serviceName => $service)
@if (!isDatabaseImage(data_get($service, 'image'))) @if (!isDatabaseImage(data_get($service, 'image')))
<div class="flex items-end gap-2"> <div class="flex items-end gap-2">
@@ -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())

2
resources/views/livewire/project/application/rollback.blade.php
View File

@@ -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'))

2
resources/views/livewire/project/environment-edit.blade.php
View File

@@ -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">

4
resources/views/livewire/project/index.blade.php
View File

@@ -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

12
resources/views/livewire/project/new/docker-compose.blade.php
View File

@@ -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>

2
resources/views/livewire/project/shared/destination.blade.php
View File

@@ -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 ">

13
resources/views/livewire/project/shared/environment-variable/show.blade.php
View File

@@ -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,9 +40,15 @@
</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)

16
resources/views/livewire/project/shared/resource-operations.blade.php
View File

@@ -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>

2
resources/views/livewire/project/show.blade.php
View File

@@ -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

2
resources/views/livewire/server/index.blade.php
View File

@@ -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>

2
resources/views/livewire/team-shared-variables-index.blade.php
View File

@@ -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>

4
resources/views/livewire/team/member.blade.php
View File

@@ -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 }}

4
resources/views/livewire/team/member/index.blade.php
View File

@@ -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

4
resources/views/livewire/team/storage/index.blade.php
View File

@@ -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>

45
resources/views/vendor/wire-elements-modal/modal.blade.php vendored
View File

@@ -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">&#8203;</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>

4
routes/web.php
View File

@@ -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;

2
versions.json
View File

@@ -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"
} }
} }
} }