mirror of https://github.com/dethos/kinspect.git
121 lines
3.3 KiB
Vue
121 lines
3.3 KiB
Vue
<template>
|
|
<v-card>
|
|
<v-card-title>
|
|
<v-icon>mdi-account-key</v-icon>
|
|
<span v-if="pgpkey.isPublic()">Public Key</span>
|
|
<span v-if="pgpkey.isPrivate()">Private Key</span>
|
|
<v-chip class="ma-2" outlined label>{{
|
|
pgpkey
|
|
.getKeyId()
|
|
.toHex()
|
|
.toUpperCase()
|
|
}}</v-chip>
|
|
<div class="flex-grow-1"></div>
|
|
<v-chip class="ma-2" color="red" text-color="white" label v-if="revoked"
|
|
>Revoked</v-chip
|
|
>
|
|
<v-chip
|
|
class="ma-2"
|
|
color="orange"
|
|
text-color="white"
|
|
label
|
|
v-if="expired"
|
|
>Expired</v-chip
|
|
>
|
|
</v-card-title>
|
|
<v-divider />
|
|
<v-card-text>
|
|
<v-subheader>General</v-subheader>
|
|
<v-list>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Fingerprint:</strong>
|
|
{{ pgpkey.getFingerprint().toUpperCase() }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-divider />
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Algorithm:</strong>
|
|
{{ pgpkey.getAlgorithmInfo()["algorithm"] }}
|
|
<v-chip class="ma-2" color="primary" label text-color="white"
|
|
>{{ pgpkey.getAlgorithmInfo()["bits"] }} bits</v-chip
|
|
>
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-divider />
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Created:</strong>
|
|
{{ pgpkey.getCreationTime() }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-divider />
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Expires:</strong>
|
|
{{ expirationDate }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list>
|
|
<v-subheader>Primary User</v-subheader>
|
|
<v-list>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Name:</strong>
|
|
{{ user.name }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-divider />
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Email:</strong>
|
|
{{ user.email }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
<v-divider />
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<strong>Comment:</strong>
|
|
{{ user.comment }}
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ["pgpkey"],
|
|
data: () => ({
|
|
expirationDate: "",
|
|
expired: false,
|
|
revoked: false,
|
|
user: {}
|
|
}),
|
|
created: function() {
|
|
this.getExpirationDate();
|
|
this.is_revoked();
|
|
this.getUserDetails();
|
|
},
|
|
methods: {
|
|
getExpirationDate: async function() {
|
|
let expirationDate = await this.pgpkey.getExpirationTime();
|
|
if (expirationDate != Infinity) {
|
|
this.expirationDate = expirationDate;
|
|
this.expired = new Date(this.expirationDate) < new Date();
|
|
} else {
|
|
this.expirationDate = "Never";
|
|
}
|
|
},
|
|
is_revoked: async function() {
|
|
this.revoked = await this.pgpkey.isRevoked();
|
|
},
|
|
getUserDetails: async function() {
|
|
this.user = (await this.pgpkey.getPrimaryUser()).user.userId;
|
|
}
|
|
}
|
|
};
|
|
</script>
|