91 lines
2.0 KiB
Vue
91 lines
2.0 KiB
Vue
<template>
|
|
<Card
|
|
title="SSH Key"
|
|
subtitle="SSH public key associated with your account"
|
|
v-if="$account.team.ssh_access_enabled"
|
|
>
|
|
<div v-if="$account.ssh_key">
|
|
<p class="font-mono text-sm text-gray-800">
|
|
SHA256:{{ $account.ssh_key.ssh_fingerprint }}
|
|
</p>
|
|
<div class="mt-2 text-base text-gray-700">
|
|
Added on
|
|
{{
|
|
$date($account.ssh_key.creation).toLocaleString({
|
|
month: 'short',
|
|
day: 'numeric',
|
|
year: 'numeric'
|
|
})
|
|
}}
|
|
</div>
|
|
</div>
|
|
<template #actions>
|
|
<Button v-if="!$account.ssh_key" @click="showAddNewKeyDialog = true">
|
|
New SSH Key
|
|
</Button>
|
|
<Button v-else @click="showAddNewKeyDialog = true">
|
|
Change SSH Key
|
|
</Button>
|
|
</template>
|
|
<Dialog
|
|
:options="{
|
|
title: 'New SSH Key',
|
|
actions: [
|
|
{
|
|
label: 'Add Key',
|
|
variant: 'solid',
|
|
onClick: () => $resources.saveKey.submit()
|
|
}
|
|
]
|
|
}"
|
|
v-model="showAddNewKeyDialog"
|
|
>
|
|
<template v-slot:body-content>
|
|
<div class="mt-3">
|
|
<FormControl
|
|
:label="'SSH Key'"
|
|
type="textarea"
|
|
placeholder="Begins with 'ssh-rsa', 'ecdsa-sha2-nistp256', 'ecdsa-sha2-nistp384', 'ecdsa-sha2-nistp521', 'ssh-ed25519', 'sk-ecdsa-sha2-nistp256@openssh.com', or 'sk-ssh-ed25519@openssh.com'"
|
|
required
|
|
v-model="newKey"
|
|
/>
|
|
</div>
|
|
<ErrorMessage class="mt-2" :message="$resources.saveKey.error" />
|
|
</template>
|
|
</Dialog>
|
|
</Card>
|
|
</template>
|
|
<script>
|
|
import { notify } from '@/utils/toast';
|
|
|
|
export default {
|
|
name: 'AccountSSHKey',
|
|
data() {
|
|
return {
|
|
showAddNewKeyDialog: false,
|
|
newKey: null
|
|
};
|
|
},
|
|
|
|
resources: {
|
|
saveKey() {
|
|
return {
|
|
url: 'jcloud.api.account.add_key',
|
|
params: {
|
|
key: this.newKey
|
|
},
|
|
onSuccess() {
|
|
this.$account.fetchAccount();
|
|
this.showAddNewKeyDialog = false;
|
|
notify({
|
|
title: 'New SSH Key Added',
|
|
icon: 'check',
|
|
color: 'green'
|
|
});
|
|
}
|
|
};
|
|
}
|
|
}
|
|
};
|
|
</script>
|