Cleaned up Terminal Access page (visual improvements)
This commit is contained in:
parent
299db159cb
commit
1733b210ed
1 changed files with 23 additions and 26 deletions
|
|
@ -6,34 +6,14 @@
|
||||||
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-8 sm:flex-row">
|
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-8 sm:flex-row">
|
||||||
<x-server.sidebar-security :server="$server" :parameters="$parameters" />
|
<x-server.sidebar-security :server="$server" :parameters="$parameters" />
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<div>
|
<div>
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<h2>Terminal Access</h2>
|
<h2>Terminal Access</h2>
|
||||||
</div>
|
<x-helper
|
||||||
<div class="mb-4">Control terminal access for this server and its containers.</div>
|
helper="Decide if users (including admins and the owner) can access the terminal for this server and its containers from the dashboard.<br/>
|
||||||
</div>
|
Only team administrators and owners can change this setting."/>
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<h3>Terminal Access</h3>
|
|
||||||
<x-helper
|
|
||||||
helper="Control whether terminal access is available for this server and its containers.<br/>Only team
|
|
||||||
administrators and owners can modify this setting." />
|
|
||||||
@if ($isTerminalEnabled)
|
|
||||||
<span
|
|
||||||
class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded dark:text-green-100 dark:bg-green-800">
|
|
||||||
Enabled
|
|
||||||
</span>
|
|
||||||
@else
|
|
||||||
<span
|
|
||||||
class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text-red-100 dark:bg-red-800">
|
|
||||||
Disabled
|
|
||||||
</span>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col gap-4">
|
|
||||||
<div class="flex items-center gap-4 pt-4">
|
|
||||||
@if (auth()->user()->isAdmin())
|
@if (auth()->user()->isAdmin())
|
||||||
<div wire:key="terminal-access-change-{{ $isTerminalEnabled }}" class="pb-4">
|
<div wire:key="terminal-access-change-{{ $isTerminalEnabled }}">
|
||||||
<x-modal-confirmation title="Confirm Terminal Access Change?"
|
<x-modal-confirmation title="Confirm Terminal Access Change?"
|
||||||
temporaryDisableTwoStepConfirmation
|
temporaryDisableTwoStepConfirmation
|
||||||
buttonTitle="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}"
|
buttonTitle="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}"
|
||||||
|
|
@ -47,11 +27,28 @@ class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text
|
||||||
'This change will take effect immediately.',
|
'This change will take effect immediately.',
|
||||||
]" confirmationText="{{ $server->name }}"
|
]" confirmationText="{{ $server->name }}"
|
||||||
shortConfirmationLabel="Server Name"
|
shortConfirmationLabel="Server Name"
|
||||||
step3ButtonText="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}">
|
step3ButtonText="{{ $isTerminalEnabled ? 'Disable Terminal' : 'Enable Terminal' }}"
|
||||||
|
isHighlightedButton>
|
||||||
</x-modal-confirmation>
|
</x-modal-confirmation>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
<div class="mb-4">Manage terminal access to this server and its containers.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<h3>Terminal Status:</h3>
|
||||||
|
@if ($isTerminalEnabled)
|
||||||
|
<span
|
||||||
|
class="px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded dark:text-green-100 dark:bg-green-800">
|
||||||
|
Operational
|
||||||
|
</span>
|
||||||
|
@else
|
||||||
|
<span
|
||||||
|
class="px-2 py-1 text-xs font-semibold text-red-800 bg-red-100 rounded dark:text-red-100 dark:bg-red-800">
|
||||||
|
Disabled
|
||||||
|
</span>
|
||||||
|
@endif
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue