069b00b031
* add rotate root route * add page component * add modal * fix modal image styling * add radio buttons * add jsonToCert function to pki parser * add verify function * add verify to details route * nest rotate-root under issuer/ * copy values from old root ca * pull detail info rows into a separate component * add type declaration files * add parsing error warning to rotate root component file * add comments * add capabilities to controller * update icon * revert issuer details * refactor pki info table rows * add parsedparameters to pki helper * add alert banner * update attrs, fix info rows * add endpoint to action router * update alert banner * hide toolbar from generate root display * add download buttons to toolbar * add banner getter * fix typo in issuer details * fix assertion * move alert banner after generating root to parent * rename issuer index route file * refactor routing so model can be passed from route * add confirmLeave and done button to use existin settings done form * rename serial number to differentiate between two types * fix links, update ids to issuerId not response id * update ts declaration * change variable names add comments * update existing tests * fix comment typo * add download button test * update serializer to change subject_serial_number to serial_number for backend * remove pageTitle getter * remove old arg * round 1 of testing complete.. * finish endpoint tests * finish component tests * move toolbars to parent route * add acceptance test for rotate route * add const to hold radio button string values * remove action, fix link
81 lines
2.6 KiB
JavaScript
81 lines
2.6 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { inject as service } from '@ember/service';
|
|
import errorMessage from 'vault/utils/error-message';
|
|
import timestamp from 'vault/utils/timestamp';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { assert } from '@ember/debug';
|
|
/**
|
|
* @module DownloadButton
|
|
* DownloadButton components are an action button used to download data. Both the action text and icon are yielded.
|
|
* * NOTE: when using in an engine, remember to add the 'download' service to its dependencies (in /engine.js) and map to it in /app.js
|
|
* [ember-docs](https://ember-engines.com/docs/services)
|
|
* @example
|
|
* ```js
|
|
* <DownloadButton
|
|
* class="button"
|
|
* @data={{this.data}}
|
|
* @filename={{this.filename}}
|
|
* @mime={{this.mime}}
|
|
* @extension={{this.extension}}
|
|
* @stringify={{true}}
|
|
* >
|
|
* <Icon @name="download" />
|
|
* Download
|
|
* </DownloadButton>
|
|
* ```
|
|
* @param {string} [filename] - name of file that prefixes the ISO timestamp generated at download
|
|
* @param {string} [data] - data to download
|
|
* @param {function} [fetchData] - function that fetches data and returns download content
|
|
* @param {string} [extension='txt'] - file extension, the download service uses this to determine the mimetype
|
|
* @param {boolean} [stringify=false] - argument to stringify the data before passing to the File constructor
|
|
*/
|
|
|
|
export default class DownloadButton extends Component {
|
|
@service download;
|
|
@service flashMessages;
|
|
@tracked fetchedData;
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
const hasConflictingArgs = this.args.data && this.args.fetchData;
|
|
assert(
|
|
'Only pass either @data or @fetchData, passing both means @data will be overwritten by the return value of @fetchData',
|
|
!hasConflictingArgs
|
|
);
|
|
}
|
|
get filename() {
|
|
const ts = timestamp.now().toISOString();
|
|
return this.args.filename ? this.args.filename + '-' + ts : ts;
|
|
}
|
|
|
|
get content() {
|
|
if (this.args.stringify) {
|
|
return JSON.stringify(this.args.data, null, 2);
|
|
}
|
|
return this.fetchedData || this.args.data;
|
|
}
|
|
|
|
get extension() {
|
|
return this.args.extension || 'txt';
|
|
}
|
|
|
|
@action
|
|
async handleDownload() {
|
|
if (this.args.fetchData) {
|
|
this.fetchedData = await this.args.fetchData();
|
|
}
|
|
try {
|
|
this.download.miscExtension(this.filename, this.content, this.extension);
|
|
this.flashMessages.info(`Downloading ${this.filename}`);
|
|
} catch (error) {
|
|
this.flashMessages.danger(errorMessage(error, 'There was a problem downloading. Please try again.'));
|
|
}
|
|
}
|
|
}
|