dethos
/
kinspect
mirror of https://github.com/dethos/kinspect.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add chips for revocation and expiration information

This commit is contained in:
Gonçalo Valério 2019-09-16 23:12:44 +01:00
parent cc1001fa67
commit bfc2f831a6
2 changed files with 43 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/KeyDetails.vue
View File

@ -1,31 +1,50 @@
<template>
<v-card>
<v-card-title>
<span v-if="pgpkey.isPublic()">Public</span>
<span v-if="pgpkey.isPrivate()">Private</span>
Key: {{pgpkey.getKeyId().toHex().toUpperCase()}}
<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"]}} (Size: {{pgpkey.getAlgorithmInfo()["bits"]}})
</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-list>
<v-subheader>User details</v-subheader>
</v-list>
<div>
<strong>Fingerprint:</strong>
{{pgpkey.getFingerprint().toUpperCase()}}
</div>
<div>
<strong>Algorithm:</strong>
{{pgpkey.getAlgorithmInfo()["algorithm"]}} (Size: {{pgpkey.getAlgorithmInfo()["bits"]}})
</div>
<div>
<strong>Created:</strong>
{{pgpkey.getCreationTime()}}
</div>
<div>
<strong>Expires:</strong>
{{expirationDate}}
</div>
<div>
<strong>Revoked:</strong>
<span v-if="revoked">Yes</span>
<span v-if="!revoked">No</span>
<v-subheader>Subkeys</v-subheader>
</div>
</v-card-text>
</v-card>
@ -36,6 +55,7 @@ export default {
props: ["pgpkey"],
data: () => ({
expirationDate: "",
expired: false,
revoked: false
}),
created: function() {
@ -45,6 +65,7 @@ export default {
methods: {
getExpirationDate: async function() {
this.expirationDate = await this.pgpkey.getExpirationTime();
this.expired = new Date(this.expirationDate) < new Date();
},
is_revoked: async function() {
this.revoked = await this.pgpkey.isRevoked();

1
src/components/KeyInspector.vue
View File

@ -15,7 +15,6 @@
></v-textarea>
</v-col>
<v-col>
<h1 class="font-weight-light">Key Details</h1>
<div v-if="error">
<h1>{{error}}</h1>
</div>