rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: update cloud provider token form with improved placeholder and guidance for API token creation

Browse source
This commit is contained in:
Andras Bacsai 2025-10-10 15:40:20 +02:00
parent a90236ed60
commit b28875c612
2 changed files with 36 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
resources/views/livewire/security/cloud-provider-token-form.blade.php
View file

@ -14,10 +14,19 @@
<x-forms.input required id="name" label="Token Name" <x-forms.input required id="name" label="Token Name"
placeholder="e.g., Production Hetzner. tip: add Hetzner project name to identify easier" /> placeholder="e.g., Production Hetzner. tip: add Hetzner project name to identify easier" />
<x-forms.input required type="password" id="token" label="API Token" placeholder="Enter your API token" <x-forms.input required type="password" id="token" label="API Token"
helper="Your {{ ucfirst($provider) }} Cloud API token. You can create one in your <a href='{{ $provider === 'hetzner' ? 'https://console.hetzner.cloud/' : '#' }}' target='_blank' class='underline dark:text-white'>{{ ucfirst($provider) }} Console</a>." /> placeholder="Enter your API token" />
<x-forms.button type="submit">Add Token</x-forms.button> @if (auth()->user()->currentTeam()->cloudProviderTokens->where('provider', $provider)->isEmpty())
<div class="text-sm text-neutral-500 dark:text-neutral-400">
Create an API token in the <a
href='{{ $provider === 'hetzner' ? 'https://console.hetzner.com/projects' : '#' }}'
target='_blank' class='underline dark:text-white'>{{ ucfirst($provider) }} Console</a> → choose
Project → Security → API Tokens.
</div>
@endif
<x-forms.button type="submit">Validate & Add Token</x-forms.button>
@else @else
{{-- Full page layout: horizontal, spacious --}} {{-- Full page layout: horizontal, spacious --}}
<div class="flex gap-2 items-end flex-wrap"> <div class="flex gap-2 items-end flex-wrap">
@ -32,13 +41,18 @@
placeholder="e.g., Production Hetzner. tip: add Hetzner project name to identify easier" /> placeholder="e.g., Production Hetzner. tip: add Hetzner project name to identify easier" />
</div> </div>
</div> </div>
<div class="flex gap-2 items-end flex-wrap"> <div class="flex-1 min-w-64">
<div class="flex-1 min-w-64"> <x-forms.input required type="password" id="token" label="API Token"
<x-forms.input required type="password" id="token" label="API Token" placeholder="Enter your API token" />
placeholder="Enter your API token" /> @if (auth()->user()->currentTeam()->cloudProviderTokens->where('provider', $provider)->isEmpty())
</div> <div class="text-sm text-neutral-500 dark:text-neutral-400 mt-2">
<x-forms.button type="submit">Add Token</x-forms.button> Create an API token in the <a href='https://console.hetzner.com/projects' target='_blank'
class='underline dark:text-white'>Hetzner Console</a> → choose Project → Security → API
Tokens.
</div>
@endif
</div> </div>
<x-forms.button type="submit">Validate & Add Token</x-forms.button>
@endif @endif
</form> </form>
</div> </div>

30
resources/views/livewire/server/new/by-hetzner.blade.php
View file

@ -99,22 +99,6 @@
</x-forms.select> </x-forms.select>
</div> </div>
<div>
<x-forms.datalist
label="Additional SSH Keys (from Hetzner)"
id="selectedHetznerSshKeyIds"
helper="Select existing SSH keys from your Hetzner account to add to this server. The Coolify SSH key will be automatically added."
:multiple="true"
:disabled="count($hetznerSshKeys) === 0"
:placeholder="count($hetznerSshKeys) > 0 ? 'Search and select SSH keys...' : 'No SSH keys found in Hetzner account'">
@foreach ($hetznerSshKeys as $sshKey)
<option value="{{ $sshKey['id'] }}">
{{ $sshKey['name'] }} - {{ substr($sshKey['fingerprint'], 0, 20) }}...
</option>
@endforeach
</x-forms.datalist>
</div>
<div> <div>
<x-forms.select label="Private Key" id="private_key_id" required> <x-forms.select label="Private Key" id="private_key_id" required>
<option value="">Select a private key...</option> <option value="">Select a private key...</option>
@ -125,7 +109,19 @@
@endforeach @endforeach
</x-forms.select> </x-forms.select>
</div> </div>
<div>
<x-forms.datalist label="Additional SSH Keys (from Hetzner)" id="selectedHetznerSshKeyIds"
helper="Select existing SSH keys from your Hetzner account to add to this server. The Coolify SSH key will be automatically added."
:multiple="true" :disabled="count($hetznerSshKeys) === 0" :placeholder="count($hetznerSshKeys) > 0
? 'Search and select SSH keys...'
: 'No SSH keys found in Hetzner account'">
@foreach ($hetznerSshKeys as $sshKey)
<option value="{{ $sshKey['id'] }}">
{{ $sshKey['name'] }} - {{ substr($sshKey['fingerprint'], 0, 20) }}...
</option>
@endforeach
</x-forms.datalist>
</div>
<div class="flex gap-2 justify-between"> <div class="flex gap-2 justify-between">
<x-forms.button type="button" wire:click="previousStep"> <x-forms.button type="button" wire:click="previousStep">
Back Back