mirror of
https://github.com/tiennm99/coolify.git
synced 2026-08-20 16:23:30 +00:00
Andras Bacsai
e4fa2b6964
Keep error pages full-viewport, lift the unsaved bar above the mobile keyboard, make status/heading layouts stack cleanly on small screens, route service DB backups to volume-backups, and tighten volume backup grid/forms. Cover with feature tests.
66 lines
2.6 KiB
PHP
66 lines
2.6 KiB
PHP
@props([
|
|
'parameters',
|
|
'serviceDatabase',
|
|
'isImportSupported' => false,
|
|
])
|
|
|
|
@php
|
|
$serviceParameters = \Illuminate\Support\Arr::except($parameters, ['stack_service_uuid']);
|
|
$items = [
|
|
[
|
|
'label' => 'General',
|
|
'route' => 'project.service.index',
|
|
'icon' => 'settings',
|
|
'active' => request()->routeIs('project.service.index'),
|
|
],
|
|
[
|
|
'label' => 'Advanced',
|
|
'route' => 'project.service.index.advanced',
|
|
'icon' => 'grid',
|
|
'active' => request()->routeIs('project.service.index.advanced'),
|
|
],
|
|
[
|
|
'label' => 'Backups',
|
|
'route' => 'project.service.volume-backups.index',
|
|
'parameters' => $serviceParameters,
|
|
'icon' => 'storages',
|
|
'active' => request()->routeIs('project.service.database.backup*'),
|
|
'visible' => $serviceDatabase?->isBackupSolutionAvailable() || $serviceDatabase?->is_migrated,
|
|
],
|
|
[
|
|
'label' => 'Import Backup',
|
|
'route' => 'project.service.database.import',
|
|
'icon' => 'upload',
|
|
'active' => request()->routeIs('project.service.database.import'),
|
|
'visible' => $isImportSupported,
|
|
'navigate' => false,
|
|
],
|
|
];
|
|
|
|
$items = array_values(array_filter($items, fn (array $item): bool => $item['visible'] ?? true));
|
|
@endphp
|
|
|
|
<aside class="application-settings-navigation min-w-0 xl:self-start">
|
|
<nav aria-label="Compose resource settings"
|
|
class="grid grid-cols-2 gap-0.5 border-y border-neutral-200 py-3 sm:grid-cols-3 xl:grid-cols-1 xl:border-y-0 xl:py-0 dark:border-white/[0.06]">
|
|
<div class="nav-section hidden xl:block">Compose resource</div>
|
|
<a class="menu-item" {{ wireNavigate() }}
|
|
href="{{ route('project.service.configuration', [...$parameters, 'stack_service_uuid' => null]) }}">
|
|
<x-reicon name="logout" class="menu-item-icon rotate-180" />
|
|
<span class="menu-item-label">Back to service</span>
|
|
</a>
|
|
|
|
@foreach ($items as $item)
|
|
<a @class([
|
|
'menu-item',
|
|
'menu-item-active' => $item['active'],
|
|
])
|
|
@if ($item['navigate'] ?? true) {{ wireNavigate() }} @endif
|
|
href="{{ route($item['route'], $item['parameters'] ?? $parameters) }}">
|
|
<x-reicon :name="$item['icon']" class="menu-item-icon" />
|
|
<span class="menu-item-label">{{ $item['label'] }}</span>
|
|
</a>
|
|
@endforeach
|
|
</nav>
|
|
</aside>
|