UI: pki rotate root cert (#19739)

* 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

ui/lib/core/addon/components/download-button.js

@@ -8,6 +8,8 @@ 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.
@@ -29,6 +31,7 @@ import timestamp from 'vault/utils/timestamp';
  * ```
  * @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
  */
@@ -36,7 +39,16 @@ import timestamp from 'vault/utils/timestamp';
 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;
@@ -46,7 +58,7 @@ export default class DownloadButton extends Component {
     if (this.args.stringify) {
       return JSON.stringify(this.args.data, null, 2);
     }
-    return this.args.data;
+    return this.fetchedData || this.args.data;
   }
 
   get extension() {
@@ -54,7 +66,10 @@ export default class DownloadButton extends Component {
   }
 
   @action
-  handleDownload() {
+  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}`);