This commit is contained in:
Andras Bacsai
2023-05-22 15:47:40 +02:00
parent 1dbd1065f9
commit a044354294
25 changed files with 332 additions and 209 deletions

View File

@@ -1,8 +1,8 @@
<div>
@if ($this->activity)
<div
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4">
<pre class="whitespace-pre-wrap" @if ($isPollingActive) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($this->activity) }}</pre>
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4 text-xs text-white">
<pre class="font-mono whitespace-pre-wrap" @if ($isPollingActive) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($this->activity) }}</pre>
{{-- @else
<pre class="whitespace-pre-wrap">Output will be here...</pre> --}}
</div>

View File

@@ -1,34 +1,40 @@
<div class="flex items-center gap-2">
@if ($application->status === 'running')
<div class="btn-group">
<x-inputs.button isWarning wire:click='stop'>Stop</x-inputs.button>
<div class="bg-transparent border-none dropdown dropdown-hover btn btn-xs no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='forceRebuild'>Force deploy without cache</div>
</li>
</ul>
</div>
<div class="dropdown dropdown-bottom">
<button tabindex="0"
class="flex items-center justify-center h-full text-white normal-case rounded bg-primary btn btn-xs hover:bg-primary no-animation">
Actions
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='stop'>Stop</div>
</li>
<li>
<div wire:click='forceRebuild'>Force deploy without cache</div>
</li>
</ul>
</div>
running
@else
<div class="btn-group">
<x-inputs.button isHighlighted wire:click='start'>Deploy</x-inputs.button>
<div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='forceRebuild'>Deploy without cache</div>
</li>
</ul>
</div>
<div class="dropdown dropdown-bottom">
<button tabindex="0"
class="flex items-center justify-center h-full text-white normal-case rounded bg-primary btn btn-xs hover:bg-primary no-animation">
Actions
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
<div wire:click='start'>Deploy</div>
</li>
<li>
<div wire:click='forceRebuild'>Deploy without cache</div>
</li>
</ul>
</div>
stopped
@endif
<span wire:poll.5000ms='pollingStatus'>
{{-- @if ($application->status === 'running')

View File

@@ -1,4 +1,4 @@
<div
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4">
<pre @if ($isKeepAliveOn) wire:poll.750ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($activity) }}</pre>
class="flex flex-col-reverse w-full overflow-y-auto border border-solid rounded border-coolgray-300 max-h-[32rem] p-4 text-xs text-white">
<pre class="font-mono whitespace-pre-wrap" @if ($isKeepAliveOn) wire:poll.1000ms="polling" @endif>{{ \App\Actions\CoolifyTask\RunRemoteProcess::decodeOutput($activity) }}</pre>
</div>

View File

@@ -2,7 +2,7 @@
<h1>Command Center</h1>
<form class="flex items-end justify-center gap-2" wire:submit.prevent='runCommand'>
<x-inputs.input placeholder="ls -l" autofocus noDirty noLabel id="command" label="Command" required />
<select wire:model.defer="server">
<x-inputs.select label="Server" id="server" required>
@foreach ($servers as $server)
@if ($loop->first)
<option selected value="{{ $server->uuid }}">{{ $server->name }}</option>
@@ -10,7 +10,7 @@
<option value="{{ $server->uuid }}">{{ $server->name }}</option>
@endif
@endforeach
</select>
</x-inputs.select>
<x-inputs.button class="btn-xl" type="submit">Run</x-inputs.button>
</form>
<div class="container w-full pt-10 mx-auto">

View File

@@ -1,11 +1,17 @@
<div>
<form class="flex flex-col gap-1" wire:submit.prevent='submit'>
<h1>New Server</h1>
<div class="flex items-center gap-2">
<h1>New Server</h1>
<x-inputs.button type="submit">
Save
</x-inputs.button>
</div>
<x-inputs.input id="name" label="Name" required />
<x-inputs.input id="description" label="Description" />
<x-inputs.input id="ip" label="IP Address" required />
<x-inputs.input id="user" label="User" />
<x-inputs.input type="number" id="port" label="Port" />
<x-inputs.input id="ip" label="IP Address" required
helper="Could be IP Address (127.0.0.1) or Domain Name (duckduckgo.com)." />
<x-inputs.input id="user" label="User" required />
<x-inputs.input type="number" id="port" label="Port" required />
<label>Private Key</label>
<x-inputs.select wire:model.defer="private_key_id">
<option disabled>Select a private key</option>
@@ -17,10 +23,7 @@
@endif
@endforeach
</x-inputs.select>
<x-inputs.input instantSave noDirty type="checkbox" id="is_part_of_swarm"
label="Is it part of a Swarm cluster?" />
<x-inputs.button type="submit">
Save
</x-inputs.button>
<x-inputs.checkbox instantSave noDirty id="is_part_of_swarm" label="Is it part of a Swarm cluster?" />
</form>
</div>

View File

@@ -1,6 +1,6 @@
<div>
<form wire:submit.prevent='submit' class="flex flex-col">
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 border-b-2 border-solid border-coolgray-200">
<h1>Settings</h1>
<x-inputs.button type="submit">
Save