3961077b90
Add `monospace` prop to Textarea component so font-mono is no longer applied by default. Apply it explicitly to env variable editors, private key fields, and shared variable forms where monospace is appropriate. Use Alpine.js x-data/x-model to make the multiline toggle reactive without a full Livewire round-trip. Add wire:key on the input/textarea wrappers to force proper DOM replacement when switching modes.
26 lines
1.2 KiB
PHP
26 lines
1.2 KiB
PHP
<div>
|
|
<div class="pb-2 subtitle">
|
|
<div>Private Keys are used to connect to your servers without passwords.</div>
|
|
<div class="font-bold">You should not use passphrase protected keys.</div>
|
|
</div>
|
|
<div class="flex gap-2 mb-4 w-full">
|
|
<x-forms.button wire:click="generateNewEDKey" isHighlighted class="w-full">Generate new ED25519 SSH
|
|
Key</x-forms.button>
|
|
<x-forms.button wire:click="generateNewRSAKey">Generate new RSA SSH Key</x-forms.button>
|
|
</div>
|
|
<form class="flex flex-col gap-2" wire:submit='createPrivateKey'>
|
|
<div class="flex gap-2">
|
|
<x-forms.input id="name" label="Name" required />
|
|
<x-forms.input id="description" label="Description" />
|
|
</div>
|
|
<x-forms.textarea realtimeValidation id="value" rows="10" monospace
|
|
placeholder="-----BEGIN OPENSSH PRIVATE KEY-----" label="Private Key" required />
|
|
<x-forms.input id="publicKey" readonly label="Public Key" />
|
|
<span class="pt-2 pb-4 font-bold dark:text-warning">ACTION REQUIRED: Copy the 'Public Key' to your server's
|
|
~/.ssh/authorized_keys
|
|
file</span>
|
|
<x-forms.button type="submit">
|
|
Continue
|
|
</x-forms.button>
|
|
</form>
|
|
</div>
|