55 lines
2.5 KiB
PHP
55 lines
2.5 KiB
PHP
|
<div>
|
||
|
<x-security.navbar />
|
||
|
<div x-data="{ showPrivateKey: false }">
|
||
|
<x-modal yesOrNo modalId="deletePrivateKey" modalTitle="Delete Private Key">
|
||
|
<x-slot:modalBody>
|
||
|
<p>This private key will be deleted. It is not reversible. <br>Please think again.</p>
|
||
|
</x-slot:modalBody>
|
||
|
</x-modal>
|
||
|
<form class="flex flex-col gap-2" wire:submit='changePrivateKey'>
|
||
|
<div class="flex items-end gap-2">
|
||
|
<h2>Private Key</h2>
|
||
|
<x-forms.button type="submit">
|
||
|
Save
|
||
|
</x-forms.button>
|
||
|
@if ($private_key->id > 0)
|
||
|
<x-forms.button isError isModal modalId="deletePrivateKey">
|
||
|
Delete
|
||
|
</x-forms.button>
|
||
|
@endif
|
||
|
</div>
|
||
|
<x-forms.input id="private_key.name" label="Name" required />
|
||
|
<x-forms.input id="private_key.description" label="Description" />
|
||
|
<div>
|
||
|
<div class="flex items-end gap-2 py-2 ">
|
||
|
<div class="pl-1 ">Public Key</div>
|
||
|
</div>
|
||
|
<x-forms.input readonly id="public_key" />
|
||
|
<div class="flex items-end gap-2 py-2 ">
|
||
|
<div class="pl-1 ">Private Key <span class='text-helper'>*</span></div>
|
||
|
<div class="text-xs text-white underline cursor-pointer" x-cloak x-show="!showPrivateKey"
|
||
|
x-on:click="showPrivateKey = true">
|
||
|
Edit
|
||
|
</div>
|
||
|
<div class="text-xs text-white underline cursor-pointer" x-cloak x-show="showPrivateKey"
|
||
|
x-on:click="showPrivateKey = false">
|
||
|
Hide
|
||
|
</div>
|
||
|
</div>
|
||
|
@if ($private_key->is_git_related)
|
||
|
<div class="w-48">
|
||
|
<x-forms.checkbox id="private_key.is_git_related" disabled label="Is used by a Git App?" />
|
||
|
</div>
|
||
|
@endif
|
||
|
<div x-cloak x-show="!showPrivateKey">
|
||
|
<x-forms.input allowToPeak="false" type="password" rows="10" id="private_key.private_key"
|
||
|
required disabled />
|
||
|
</div>
|
||
|
<div x-cloak x-show="showPrivateKey">
|
||
|
<x-forms.textarea rows="10" id="private_key.private_key" required />
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|
||
|
</div>
|
||
|
</div>
|