coolify/resources/views/components/layout.blade.php

126 lines
4.4 KiB
PHP
Raw Normal View History

2023-03-20 13:04:22 +01:00
<!DOCTYPE html>
2023-05-18 13:26:35 +02:00
<html data-theme="coollabs" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
2023-03-20 13:04:22 +01:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2023-05-12 15:39:07 +02:00
<link rel="preconnect" href="https://api.fonts.coollabs.io" crossorigin>
<link href="https://api.fonts.coollabs.io/css2?family=Inter&display=swap" rel="stylesheet">
2023-05-04 08:33:06 +02:00
@env('local')
<title>Coolify - localhost</title>
2023-05-17 09:08:32 +02:00
<link rel="icon" href="{{ asset('favicon-dev.png') }}" type="image/x-icon" />
2023-05-04 08:33:06 +02:00
@endenv
@env('production')
2023-05-17 09:08:32 +02:00
<link rel="icon" href="{{ asset('favicon.png') }}" type="image/x-icon" />
2023-03-20 13:04:22 +01:00
<title>{{ $title ?? 'Coolify' }}</title>
2023-05-04 08:33:06 +02:00
@endenv
2023-03-20 13:04:22 +01:00
<meta name="csrf-token" content="{{ csrf_token() }}">
@vite(['resources/js/app.js', 'resources/css/app.css'])
2023-04-25 10:06:45 +02:00
<style>
[x-cloak] {
display: none !important;
}
</style>
2023-03-20 13:04:22 +01:00
@livewireStyles
</head>
2023-05-18 13:26:35 +02:00
<body>
2023-05-08 21:56:44 +02:00
@livewireScripts
2023-06-15 10:48:13 +02:00
<x-toaster-hub />
2023-04-27 11:29:02 +02:00
@auth
<x-navbar />
@endauth
2023-06-06 13:48:20 +02:00
<div class="fixed top-3 left-4" id="vue">
2023-06-06 00:18:48 +02:00
<magic-bar></magic-bar>
2023-05-22 22:30:33 +02:00
</div>
2023-05-22 15:47:40 +02:00
<main>
2023-03-20 13:04:22 +01:00
{{ $slot }}
</main>
2023-06-01 12:15:33 +02:00
<x-version class="fixed left-2 bottom-1" />
2023-04-28 11:54:01 +02:00
@auth
<script>
2023-06-15 11:55:17 +02:00
let checkHealthInterval = null;
let checkIfIamDeadInterval = null;
function revive() {
console.log('Checking server\'s health...')
checkHealthInterval = setInterval(() => {
fetch('/api/health')
.then(response => {
if (response.ok) {
Toaster.success('Coolify is back online. Reloading...')
if (checkHealthInterval) clearInterval(checkHealthInterval);
setTimeout(() => {
window.location.reload();
}, 5000)
} else {
console.log('Waiting for server to come back from dead...');
}
})
return;
}, 2000);
}
function upgrade() {
console.log('Update initiated.')
checkIfIamDeadInterval = setInterval(() => {
fetch('/api/health')
.then(response => {
if (response.ok) {
console.log('It\'s alive. Waiting for server to be dead...');
} else {
Toaster.success('Update done, restarting Coolify!')
console.log('It\'s dead. Reviving... Standby... Bzz... Bzz...')
if (checkIfIamDeadInterval) clearInterval(checkIfIamDeadInterval);
revive();
}
})
return;
}, 2000);
}
2023-06-13 10:11:11 +02:00
function changePasswordFieldType(id) {
2023-06-12 22:30:47 +02:00
const input = document.getElementById(id);
if (input.type === 'password') {
input.type = 'text';
} else {
input.type = 'password';
}
}
2023-06-12 12:00:01 +02:00
function copyToClipboard(text) {
navigator.clipboard.writeText(text);
Livewire.emit('message', 'Copied to clipboard.');
}
2023-05-04 15:45:53 +02:00
Livewire.on('reloadWindow', () => {
window.location.reload();
})
2023-06-15 10:48:13 +02:00
Livewire.on('info', (message) => {
if (message) Toaster.info(message)
})
2023-05-04 22:29:14 +02:00
Livewire.on('error', (message) => {
2023-06-15 10:48:13 +02:00
if (message) Toaster.error(message)
2023-05-04 22:29:14 +02:00
})
2023-06-15 10:48:13 +02:00
Livewire.on('warning', (message) => {
if (message) Toaster.warning(message)
2023-06-12 12:00:01 +02:00
})
2023-06-15 10:48:13 +02:00
Livewire.on('success', (message) => {
if (message) Toaster.success(message)
2023-05-09 09:54:43 +02:00
})
2023-04-28 11:54:01 +02:00
</script>
2023-06-15 09:24:24 +02:00
@else
<script>
function changePasswordFieldType(id) {
const input = document.getElementById(id);
if (input.type === 'password') {
input.type = 'text';
} else {
input.type = 'password';
}
}
</script>
2023-04-28 11:54:01 +02:00
@endauth
2023-03-20 13:04:22 +01:00
</body>
</html>