mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-10-30 02:02:43 +00:00
e61bd967e3
* move script to scripts folder * add docfy to router and scripts * add docfy to router and scripts * fix jsdoc syntax * add component markdown files to gitignore * improve error handling for scripts * tidy up remaining jsdoc syntax * add sample jsdoc components * add known issue info * make not using multi-line components clearer * make generating docs clearer * update copy * final how to docfy cleanup * fix ts file @module syntax * fix read more syntax * make docfy typescript compatible
51 lines
1.8 KiB
JavaScript
51 lines
1.8 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
|
|
/**
|
|
* @module CertificateCard
|
|
* The CertificateCard component receives data and optionally receives a boolean declaring if that data is meant to be in PEM
|
|
* Format. It renders using the Hds::Card::Container. To the left there is a certificate icon. In the center there is a label
|
|
* which says which format (PEM or DER) the data is in. Below the label is the truncated data. To the right there is a copy
|
|
* button to copy the data.
|
|
*
|
|
* @example
|
|
* <CertificateCard @isPem={{true}} @data="-----BEGIN CERTIFICATE-----MIIDezCCAmOgAwIBAgIUTBbQcZijQsmd0rjd6COikPsrGyowDQYJKoZIhvcNAQELBQAwFDESMBAGA1UEAxMJdGVzdC1yb290MB4XDTIzMDEyMDE3NTcxMloXDTIzMDIy" />
|
|
*
|
|
* @param {string} data - the data to be displayed in the component (usually in PEM or DER format)
|
|
* @param {boolean} [isPem] - optional argument for if the data is required to be in PEM format (and should thus have the PEM Format label)
|
|
*/
|
|
|
|
export default class CertificateCardComponent extends Component {
|
|
get certLabel() {
|
|
if (!this.args.data) return '';
|
|
|
|
const value = Array.isArray(this.args.data) ? this.args.data[0] : this.args.data;
|
|
|
|
if (value.substring(0, 11) === '-----BEGIN ' || this.args.isPem === true) {
|
|
return 'PEM Format';
|
|
}
|
|
return 'DER Format';
|
|
}
|
|
|
|
get copyValue() {
|
|
const { data } = this.args;
|
|
if (!data) return data;
|
|
const type = Array.isArray(data) ? 'array' : typeof data;
|
|
switch (type) {
|
|
case 'string':
|
|
return data;
|
|
case 'array':
|
|
return data.join('\n');
|
|
case 'object':
|
|
// unlikely for certificates but just in case
|
|
return JSON.stringify(data);
|
|
default:
|
|
return data.toString();
|
|
}
|
|
}
|
|
}
|