2023-07-14 11:27:08 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
|
|
|
|
|
<link href="https://api.fonts.coollabs.io/css2?family=Inter&display=swap" rel="stylesheet">
|
|
|
|
|
@env('local')
|
2023-08-11 20:19:42 +02:00
|
|
|
<title>Coolify - localhost</title>
|
2023-08-15 16:15:30 +02:00
|
|
|
<link rel="icon" href="{{ asset('favicon-dev.png') }}" type="image/x-icon" />
|
2023-08-24 16:14:09 +02:00
|
|
|
@else
|
2023-08-11 20:19:42 +02:00
|
|
|
<title>{{ $title ?? 'Coolify' }}</title>
|
2023-08-16 15:47:04 +02:00
|
|
|
<link rel="icon" href="{{ asset('coolify-transparent.png') }}" type="image/x-icon" />
|
2023-07-14 11:27:08 +02:00
|
|
|
@endenv
|
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
|
@vite(['resources/js/app.js', 'resources/css/app.css'])
|
|
|
|
|
<style>
|
|
|
|
|
[x-cloak] {
|
|
|
|
|
display: none !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
@livewireStyles
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2023-08-11 20:19:42 +02:00
|
|
|
@livewireScripts
|
|
|
|
|
<x-toaster-hub />
|
2023-08-24 16:14:09 +02:00
|
|
|
@if (isSubscriptionOnGracePeriod())
|
2023-08-11 20:19:42 +02:00
|
|
|
<div class="fixed top-3 left-4" id="vue">
|
|
|
|
|
<magic-bar></magic-bar>
|
|
|
|
|
</div>
|
|
|
|
|
<x-navbar />
|
|
|
|
|
@else
|
|
|
|
|
<x-navbar-subscription />
|
|
|
|
|
@endif
|
2023-07-14 12:09:56 +02:00
|
|
|
|
2023-08-11 20:19:42 +02:00
|
|
|
<main class="main max-w-screen-2xl">
|
|
|
|
|
{{ $slot }}
|
|
|
|
|
</main>
|
|
|
|
|
<x-version class="fixed left-2 bottom-1" />
|
|
|
|
|
<script>
|
|
|
|
|
function changePasswordFieldType(event) {
|
|
|
|
|
let element = event.target
|
|
|
|
|
for (let i = 0; i < 10; i++) {
|
|
|
|
|
if (element.className === "relative") {
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
element = element.parentElement;
|
2023-07-14 12:09:56 +02:00
|
|
|
}
|
2023-08-11 20:19:42 +02:00
|
|
|
element = element.children[1];
|
|
|
|
|
if (element.nodeName === 'INPUT') {
|
|
|
|
|
if (element.type === 'password') {
|
|
|
|
|
element.type = 'text';
|
|
|
|
|
} else {
|
|
|
|
|
element.type = 'password';
|
|
|
|
|
}
|
2023-07-14 12:09:56 +02:00
|
|
|
}
|
|
|
|
|
}
|
2023-08-08 11:51:36 +02:00
|
|
|
|
2023-08-17 15:19:37 +02:00
|
|
|
Livewire.on('reloadWindow', (timeout) => {
|
|
|
|
|
if (timeout) {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
window.location.reload();
|
|
|
|
|
}, timeout);
|
|
|
|
|
return;
|
|
|
|
|
} else {
|
|
|
|
|
window.location.reload();
|
|
|
|
|
}
|
2023-08-11 20:19:42 +02:00
|
|
|
})
|
2023-08-24 16:14:09 +02:00
|
|
|
Livewire.on('info', (message) => {
|
|
|
|
|
if (message) Toaster.info(message)
|
|
|
|
|
})
|
|
|
|
|
Livewire.on('error', (message) => {
|
|
|
|
|
if (message) Toaster.error(message)
|
|
|
|
|
})
|
|
|
|
|
Livewire.on('warning', (message) => {
|
|
|
|
|
if (message) Toaster.warning(message)
|
|
|
|
|
})
|
|
|
|
|
Livewire.on('success', (message) => {
|
|
|
|
|
if (message) Toaster.success(message)
|
|
|
|
|
})
|
2023-08-11 20:19:42 +02:00
|
|
|
</script>
|
2023-07-14 11:27:08 +02:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
