2023-08-29 12:36:17 +00:00
< div >
2024-06-07 09:01:10 +00:00
< x - slot : title >
2024-11-03 14:07:16 +00:00
{{ data_get_str ( $server , 'name' ) -> limit ( 10 ) }} > General | Coolify
2024-06-07 09:01:10 +00:00
</ x - slot >
2025-06-06 12:47:54 +00:00
< livewire : server . navbar : server = " $server " />
2024-10-30 13:54:27 +00:00
< div class = " flex flex-col h-full gap-8 sm:flex-row " >
< x - server . sidebar : server = " $server " activeMenu = " general " />
2024-10-17 12:56:36 +00:00
< div class = " w-full " >
2024-10-30 13:54:27 +00:00
< form wire : submit . prevent = 'submit' class = " flex flex-col " >
< div class = " flex gap-2 " >
< h2 > General </ h2 >
@ if ( $server -> id === 0 )
< x - modal - confirmation title = " Confirm Server Settings Change? " buttonTitle = " Save "
submitAction = " submit " : actions = " [
2025-03-19 19:49:59 +00:00
'If you misconfigure the server, you could lose a lot of functionalities of Coolify.' ,
2024-10-30 13:54:27 +00:00
] " :confirmWithText= " false " :confirmWithPassword= " false "
2025-08-26 08:27:31 +00:00
step2ButtonText = " Save " canGate = " update " : canResource = " $server " />
2024-10-30 13:54:27 +00:00
@ else
2025-08-26 08:27:31 +00:00
< x - forms . button type = " submit " canGate = " update " : canResource = " $server " > Save </ x - forms . button >
2024-10-30 13:54:27 +00:00
@ if ( $server -> isFunctional ())
< x - slide - over closeWithX fullScreen >
< x - slot : title > Validate & configure </ x - slot : title >
< x - slot : content >
< livewire : server . validate - and - install : server = " $server " ask />
</ x - slot : content >
< x - forms . button @ click = " slideOverOpen=true " wire : click . prevent = 'validateServer'
2025-08-26 08:27:31 +00:00
isHighlighted canGate = " update " : canResource = " $server " >
2024-10-30 13:54:27 +00:00
Revalidate server
</ x - forms . button >
</ x - slide - over >
@ endif
@ endif
</ div >
@ if ( $server -> isFunctional ())
Server is reachable and validated .
2024-10-17 12:56:36 +00:00
@ else
2024-10-30 13:54:27 +00:00
You can ' t use this server until it is validated .
@ endif
@ if (( ! $isReachable || ! $isUsable ) && $server -> id !== 0 )
< x - slide - over closeWithX fullScreen >
< x - slot : title > Validate & configure </ x - slot : title >
< x - slot : content >
< livewire : server . validate - and - install : server = " $server " />
</ x - slot : content >
< x - forms . button @ click = " slideOverOpen=true "
class = " mt-8 mb-4 w-full font-bold box-without-bg bg-coollabs hover:bg-coollabs-100 "
wire : click . prevent = 'validateServer' isHighlighted >
Validate Server & Install Docker Engine
</ x - forms . button >
</ x - slide - over >
@ if ( $server -> validation_logs )
< h4 > Previous Validation Logs </ h4 >
< div class = " pb-8 " >
{ !! $server -> validation_logs !! }
</ div >
@ endif
@ endif
@ if (( ! $isReachable || ! $isUsable ) && $server -> id === 0 )
< x - forms . button class = " mt-8 mb-4 font-bold box-without-bg bg-coollabs hover:bg-coollabs-100 "
wire : click . prevent = 'checkLocalhostConnection' isHighlighted >
Validate Server
</ x - forms . button >
2024-10-17 12:56:36 +00:00
@ endif
2024-10-30 13:54:27 +00:00
@ if ( $server -> isForceDisabled () && isCloud ())
2025-09-25 09:14:56 +00:00
< x - callout type = " danger " title = " Server Disabled " class = " mt-4 " >
The system has disabled the server because you have exceeded the
number of servers for which you have paid .
</ x - callout >
2024-10-30 13:54:27 +00:00
@ endif
< div class = " flex flex-col gap-2 pt-4 " >
< div class = " flex flex-col gap-2 w-full lg:flex-row " >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " id = " name " label = " Name " required />
< x - forms . input canGate = " update " : canResource = " $server " id = " description " label = " Description " />
2024-10-30 13:54:27 +00:00
@ if ( ! $isSwarmWorker && ! $isBuildServer )
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " placeholder = " https://example.com "
id = " wildcardDomain " label = " Wildcard Domain "
2024-10-30 13:54:27 +00:00
helper = 'A wildcard domain allows you to receive a randomly generated domain for your new applications. <br><br>For instance, if you set "https://example.com" as your wildcard domain, your applications will receive domains like "https://randomId.example.com".' />
@ endif
</ div >
< div class = " flex flex-col gap-2 w-full lg:flex-row " >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " type = " password " id = " ip "
label = " IP Address/Domain "
2024-10-30 13:54:27 +00:00
helper = " An IP Address (127.0.0.1) or domain (example.com). Make sure there is no protocol like http(s):// so you provide a FQDN not a URL. "
required />
< div class = " flex gap-2 " >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " id = " user " label = " User " required />
< x - forms . input canGate = " update " : canResource = " $server " type = " number " id = " port "
label = " Port " required />
2024-10-30 13:54:27 +00:00
</ div >
</ div >
2025-08-26 08:27:31 +00:00
< div class = " w-full " >
2024-10-30 13:54:27 +00:00
< div class = " flex items-center mb-1 " >
2025-08-26 08:27:31 +00:00
< label for = " serverTimezone " > Server Timezone </ label >
2024-10-30 13:54:27 +00:00
< x - helper class = " ml-2 "
helper = " Server's timezone. This is used for backups, cron jobs, etc. " />
</ div >
2025-08-26 08:27:31 +00:00
@ can ( 'update' , $server )
< div x - data = " {
open : false ,
search : '{{ $serverTimezone ?: ' ' }}' ,
timezones : @ js ( $this -> timezones ),
placeholder : '{{ $serverTimezone ? ' Search timezone ... ' : ' Select Server Timezone ' }}' ,
init () {
this . $watch ( 'search' , value => {
if ( value === '' ) {
this . open = true ;
}
})
}
} " >
< div class = " relative " >
< div class = " inline-flex relative items-center w-64 " >
< input autocomplete = " off "
wire : dirty . class . remove = 'dark:focus:ring-coolgray-300 dark:ring-coolgray-300'
wire : dirty . class = " dark:focus:ring-warning dark:ring-warning " x - model = " search "
@ focus = " open = true " @ click . away = " open = false " @ input = " open = true "
class = " w-full input " : placeholder = " placeholder " wire : model = " serverTimezone " >
< svg class = " absolute right-0 mr-2 w-4 h-4 " xmlns = " http://www.w3.org/2000/svg "
fill = " none " viewBox = " 0 0 24 24 " stroke - width = " 1.5 " stroke = " currentColor "
@ click = " open = true " >
< path stroke - linecap = " round " stroke - linejoin = " round "
d = " M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9 " />
</ svg >
</ div >
< div x - show = " open "
class = " overflow-auto overflow-x-hidden absolute z-50 mt-1 w-64 max-h-60 bg-white rounded-md border shadow-lg dark:bg-coolgray-100 dark:border-coolgray-200 scrollbar " >
< template
x - for = " timezone in timezones.filter(tz => tz.toLowerCase().includes(search.toLowerCase())) "
: key = " timezone " >
< div @ click = " search = timezone; open = false; $wire .set('serverTimezone', timezone); $wire .submit() "
class = " px-4 py-2 text-gray-800 cursor-pointer hover:bg-gray-100 dark:hover:bg-coolgray-300 dark:text-gray-200 "
x - text = " timezone " ></ div >
</ template >
</ div >
</ div >
2024-10-30 13:54:27 +00:00
</ div >
2025-08-26 08:27:31 +00:00
@ else
< div class = " relative " >
< div class = " inline-flex relative items-center w-64 " >
< input readonly disabled autocomplete = " off "
class = " w-full input opacity-50 cursor-not-allowed "
value = " { { $serverTimezone ?: 'No timezone set' }} " placeholder = " Server Timezone " >
< svg class = " absolute right-0 mr-2 w-4 h-4 opacity-50 " xmlns = " http://www.w3.org/2000/svg "
fill = " none " viewBox = " 0 0 24 24 " stroke - width = " 1.5 " stroke = " currentColor " >
< path stroke - linecap = " round " stroke - linejoin = " round "
d = " M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9 " />
</ svg >
</ div >
2024-10-30 13:54:27 +00:00
</ div >
2025-08-26 08:27:31 +00:00
@ endcan
2024-10-30 13:54:27 +00:00
</ div >
< div class = " w-full " >
@ if ( ! $server -> isLocalhost ())
< div class = " w-96 " >
2025-02-18 15:44:16 +00:00
@ if ( $isBuildServerLocked )
< x - forms . checkbox disabled instantSave id = " isBuildServer "
helper = " You can't use this server as a build server because it has defined resources. "
label = " Use it as a build server? " />
@ else
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " instantSave
id = " isBuildServer " label = " Use it as a build server? " />
2025-02-18 15:44:16 +00:00
@ endif
2024-10-30 13:54:27 +00:00
</ div >
@ if ( ! $server -> isBuildServer () && ! $server -> settings -> is_cloudflare_tunnel )
< h3 class = " pt-6 " > Swarm < span class = " text-xs text-neutral-500 " > ( experimental ) </ span >
</ h3 >
< div class = " pb-4 " > Read the docs < a class = 'underline dark:text-white'
href = 'https://coolify.io/docs/knowledge-base/docker/swarm'
target = '_blank' > here </ a >.
</ div >
< div class = " w-96 " >
@ if ( $server -> settings -> is_swarm_worker )
< x - forms . checkbox disabled instantSave type = " checkbox " id = " isSwarmManager "
helper = " For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>. "
label = " Is it a Swarm Manager? " />
@ else
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " instantSave
type = " checkbox " id = " isSwarmManager "
2024-10-30 13:54:27 +00:00
helper = " For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>. "
label = " Is it a Swarm Manager? " />
@ endif
@ if ( $server -> settings -> is_swarm_manager )
< x - forms . checkbox disabled instantSave type = " checkbox " id = " isSwarmWorker "
helper = " For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>. "
label = " Is it a Swarm Worker? " />
@ else
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " instantSave
type = " checkbox " id = " isSwarmWorker "
2024-10-30 13:54:27 +00:00
helper = " For more information, please read the documentation <a class='dark:text-white' href='https://coolify.io/docs/knowledge-base/docker/swarm' target='_blank'>here</a>. "
label = " Is it a Swarm Worker? " />
@ endif
</ div >
@ endif
@ endif
</ div >
2024-10-17 12:56:36 +00:00
</ div >
2024-10-30 13:54:27 +00:00
</ form >
@ if ( $server -> isFunctional () && ! $server -> isSwarm () && ! $server -> isBuildServer ())
< form wire : submit . prevent = 'submit' >
< div class = " flex gap-2 items-center pt-4 pb-2 " >
2025-08-26 08:27:31 +00:00
< h3 > Sentinel </ h3 >
2025-05-29 09:36:50 +00:00
< x - helper helper = " Sentinel reports your server's & container's health and collects metrics. " />
2024-10-30 13:54:27 +00:00
@ if ( $server -> isSentinelEnabled ())
< div class = " flex gap-2 items-center " >
@ if ( $server -> isSentinelLive ())
< x - status . running status = " In sync " noLoading title = " { { $sentinelUpdatedAt }} " />
2025-08-26 08:27:31 +00:00
< x - forms . button type = " submit " canGate = " update "
: canResource = " $server " > Save </ x - forms . button >
< x - forms . button wire : click = 'restartSentinel' canGate = " update "
: canResource = " $server " > Restart </ x - forms . button >
2025-09-14 17:22:03 +00:00
< x - slide - over fullScreen >
< x - slot : title > Sentinel Logs </ x - slot : title >
< x - slot : content >
< livewire : project . shared . get - logs : server = " $server "
container = " coolify-sentinel " lazy />
</ x - slot : content >
< x - forms . button @ click = " slideOverOpen=true " > Logs </ x - forms . button >
</ x - slide - over >
2024-10-30 13:54:27 +00:00
@ else
< x - status . stopped status = " Out of sync " noLoading
title = " { { $sentinelUpdatedAt }} " />
2025-08-26 08:27:31 +00:00
< x - forms . button type = " submit " canGate = " update "
: canResource = " $server " > Save </ x - forms . button >
< x - forms . button wire : click = 'restartSentinel' canGate = " update "
: canResource = " $server " > Sync </ x - forms . button >
2025-09-14 17:22:03 +00:00
< x - slide - over fullScreen >
< x - slot : title > Sentinel Logs </ x - slot : title >
< x - slot : content >
< livewire : project . shared . get - logs : server = " $server "
container = " coolify-sentinel " lazy />
</ x - slot : content >
< x - forms . button @ click = " slideOverOpen=true " > Logs </ x - forms . button >
</ x - slide - over >
2024-10-30 13:54:27 +00:00
@ endif
</ div >
@ endif
</ div >
< div class = " flex flex-col gap-2 " >
2025-05-29 09:36:50 +00:00
< div class = " w-96 " >
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " wire : model . live = " isSentinelEnabled "
label = " Enable Sentinel " />
2024-10-30 13:54:27 +00:00
@ if ( $server -> isSentinelEnabled ())
2025-05-29 09:36:50 +00:00
@ if ( isDev ())
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " id = " isSentinelDebugEnabled "
label = " Enable Sentinel (with debug) " instantSave />
2025-05-29 09:36:50 +00:00
@ endif
2025-08-26 08:27:31 +00:00
< x - forms . checkbox canGate = " update " : canResource = " $server " instantSave
id = " isMetricsEnabled " label = " Enable Metrics " />
2024-10-30 13:54:27 +00:00
@ else
2025-05-29 09:36:50 +00:00
@ if ( isDev ())
< x - forms . checkbox id = " isSentinelDebugEnabled " label = " Enable Sentinel (with debug) "
disabled instantSave />
@ endif
< x - forms . checkbox instantSave disabled id = " isMetricsEnabled "
label = " Enable Metrics (enable Sentinel first) " />
2024-10-30 13:54:27 +00:00
@ endif
</ div >
2025-09-14 17:22:03 +00:00
@ if ( isDev () && $server -> isSentinelEnabled ())
< div class = " pt-4 " x - data = " {
customImage : localStorage . getItem ( 'sentinel_custom_docker_image_{{ $server->uuid }}' ) || '' ,
saveCustomImage () {
localStorage . setItem ( 'sentinel_custom_docker_image_{{ $server->uuid }}' , this . customImage );
$wire . set ( 'sentinelCustomDockerImage' , this . customImage );
}
} " x-init= " $wire . set ( 'sentinelCustomDockerImage' , customImage ) " >
2025-09-23 06:49:11 +00:00
< x - forms . input x - model = " customImage " @ input . debounce . 500 ms = " saveCustomImage() "
2025-09-14 17:22:03 +00:00
placeholder = " e.g., sentinel:latest or myregistry/sentinel:dev "
label = " Custom Sentinel Docker Image (Dev Only) "
helper = " Override the default Sentinel Docker image for testing. Leave empty to use the default. " />
</ div >
@ endif
2024-10-30 13:54:27 +00:00
@ if ( $server -> isSentinelEnabled ())
< div class = " flex flex-wrap gap-2 sm:flex-nowrap items-end " >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " type = " password " id = " sentinelToken "
label = " Sentinel token " required helper = " Token for Sentinel. " />
< x - forms . button canGate = " update " : canResource = " $server "
wire : click = " regenerateSentinelToken " > Regenerate </ x - forms . button >
2024-10-30 13:54:27 +00:00
</ div >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " id = " sentinelCustomUrl " required
label = " Coolify URL "
2024-10-30 13:54:27 +00:00
helper = " URL to your Coolify instance. If it is empty that means you do not have a FQDN set for your Coolify instance. " />
< div class = " flex flex-col gap-2 " >
< div class = " flex flex-wrap gap-2 sm:flex-nowrap " >
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server "
id = " sentinelMetricsRefreshRateSeconds " label = " Metrics rate (seconds) " required
2024-11-16 09:04:11 +00:00
helper = " Interval used for gathering metrics. Lower values result in more disk space usage. " />
2025-08-26 08:27:31 +00:00
< x - forms . input canGate = " update " : canResource = " $server " id = " sentinelMetricsHistoryDays "
label = " Metrics history (days) " required
helper = " Number of days to retain metrics data for. " />
< x - forms . input canGate = " update " : canResource = " $server "
id = " sentinelPushIntervalSeconds " label = " Push interval (seconds) " required
helper = " Interval at which metrics data is sent to the collector. " />
2024-10-30 13:54:27 +00:00
</ div >
</ div >
@ endif
</ div >
</ form >
2024-10-17 12:56:36 +00:00
@ endif
</ div >
</ div >
2023-08-29 12:36:17 +00:00
</ div >
