Changes auto-committed by Conductor
This commit is contained in:
parent
3593d941af
commit
8a307ad2a3
2 changed files with 45 additions and 38 deletions
|
|
@ -60,6 +60,15 @@ @utility select {
|
||||||
@apply w-full;
|
@apply w-full;
|
||||||
@apply input-select;
|
@apply input-select;
|
||||||
@apply focus-visible:outline-none focus-visible:border-l-4 focus-visible:border-l-coollabs dark:focus-visible:border-l-warning;
|
@apply focus-visible:outline-none focus-visible:border-l-4 focus-visible:border-l-coollabs dark:focus-visible:border-l-warning;
|
||||||
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3e%3c/svg%3e");
|
||||||
|
background-position: right 0.5rem center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 1rem 1rem;
|
||||||
|
padding-right: 2.5rem;
|
||||||
|
|
||||||
|
&:where(.dark, .dark *) {
|
||||||
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3e%3c/svg%3e");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@utility button {
|
@utility button {
|
||||||
|
|
|
||||||
|
|
@ -1,43 +1,41 @@
|
||||||
<div>
|
<div>
|
||||||
<x-slot:title>
|
<x-slot:title>
|
||||||
Terminal | Coolify
|
Terminal | Coolify
|
||||||
</x-slot>
|
</x-slot>
|
||||||
<h1>Terminal</h1>
|
<h1>Terminal</h1>
|
||||||
<div class="flex gap-2 items-end subtitle">
|
<div class="flex gap-2 items-end subtitle">
|
||||||
<div>Execute commands on your servers and containers without leaving the browser.</div>
|
<div>Execute commands on your servers and containers without leaving the browser.</div>
|
||||||
<x-helper
|
<x-helper
|
||||||
helper="If you're having trouble connecting to your server, make sure that the port is open.<br><br><a class='underline' href='https://coolify.io/docs/knowledge-base/server/firewall/#terminal' target='_blank'>Documentation</a>"></x-helper>
|
helper="If you're having trouble connecting to your server, make sure that the port is open.<br><br><a class='underline' href='https://coolify.io/docs/knowledge-base/server/firewall/#terminal' target='_blank'>Documentation</a>"></x-helper>
|
||||||
</div>
|
</div>
|
||||||
<div x-init="$wire.loadContainers()">
|
<div x-init="$wire.loadContainers()">
|
||||||
@if ($isLoadingContainers)
|
@if ($isLoadingContainers)
|
||||||
<div class="pt-1">
|
<div class="pt-1">
|
||||||
<x-loading text="Loading servers and containers..." />
|
<x-loading text="Loading servers and containers..." />
|
||||||
</div>
|
</div>
|
||||||
@else
|
|
||||||
@if ($servers->count() > 0)
|
|
||||||
<form class="flex flex-col gap-2 justify-center xl:items-end xl:flex-row"
|
|
||||||
wire:submit="$dispatchSelf('connectToContainer')">
|
|
||||||
<x-forms.datalist id="selected_uuid" required wire:model.live="selected_uuid" placeholder="Search servers or containers...">
|
|
||||||
@foreach ($servers as $server)
|
|
||||||
@if ($loop->first)
|
|
||||||
<option disabled value="default">Select a server or container</option>
|
|
||||||
@endif
|
|
||||||
<option value="{{ $server->uuid }}">{{ $server->name }}</option>
|
|
||||||
@foreach ($containers as $container)
|
|
||||||
@if ($container['server_uuid'] == $server->uuid)
|
|
||||||
<option value="{{ $container['uuid'] }}">
|
|
||||||
{{ $server->name }} -> {{ $container['name'] }}
|
|
||||||
</option>
|
|
||||||
@endif
|
|
||||||
@endforeach
|
|
||||||
@endforeach
|
|
||||||
</x-forms.datalist>
|
|
||||||
<x-forms.button type="submit">Connect</x-forms.button>
|
|
||||||
</form>
|
|
||||||
@else
|
@else
|
||||||
<div>No servers with terminal access found.</div>
|
@if ($servers->count() > 0)
|
||||||
|
<form class="flex flex-col gap-2 justify-center xl:items-end xl:flex-row"
|
||||||
|
wire:submit="$dispatchSelf('connectToContainer')">
|
||||||
|
<x-forms.select id="selected_uuid" required wire:model.live="selected_uuid">
|
||||||
|
<option value="default">Select a server or container</option>
|
||||||
|
@foreach ($servers as $server)
|
||||||
|
<option value="{{ $server->uuid }}">{{ $server->name }}</option>
|
||||||
|
@foreach ($containers as $container)
|
||||||
|
@if ($container['server_uuid'] == $server->uuid)
|
||||||
|
<option value="{{ $container['uuid'] }}">
|
||||||
|
{{ $server->name }} -> {{ $container['name'] }}
|
||||||
|
</option>
|
||||||
|
@endif
|
||||||
|
@endforeach
|
||||||
|
@endforeach
|
||||||
|
</x-forms.select>
|
||||||
|
<x-forms.button type="submit">Connect</x-forms.button>
|
||||||
|
</form>
|
||||||
|
@else
|
||||||
|
<div>No servers with terminal access found.</div>
|
||||||
|
@endif
|
||||||
@endif
|
@endif
|
||||||
@endif
|
<livewire:project.shared.terminal />
|
||||||
<livewire:project.shared.terminal />
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
Loading…
Reference in a new issue