vault/ui/lib/pki/addon/components/page/pki-overview.ts
Chelsea Shaw 2a99b3651f
UI: Update engine dropdowns (#26806)
* Update search-select component
- Add aria-label arg
- use label or humanized ID as fallback aria-label
- protect against non-array options arg

* remove overflow-x rule on toolbar-scroller so dropdowns can render in place

* add renderInPlace to dropdowns in pki engine

* Update replication package.json and add renderInPlace

* Add renderInPlace to search-select and basic-dropdown in engines (kubernetes, kv, ldap, sync)

* small cleanup
2024-05-03 12:09:03 -05:00

73 lines
1.8 KiB
TypeScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
import { service } from '@ember/service';
import type Store from '@ember-data/store';
import type RouterService from '@ember/routing/router-service';
import type PkiIssuerModel from 'vault/models/pki/issuer';
import type PkiRoleModel from 'vault/models/pki/role';
interface Args {
issuers: PkiIssuerModel[] | number;
roles: PkiRoleModel[] | number;
engine: string;
}
export default class PkiOverview extends Component<Args> {
@service declare readonly router: RouterService;
@service declare readonly store: Store;
@tracked rolesValue = '';
@tracked certificateValue = '';
@tracked issuerValue = '';
@action
transitionToViewCertificates() {
this.router.transitionTo(
'vault.cluster.secrets.backend.pki.certificates.certificate.details',
this.certificateValue
);
}
@action
transitionToIssueCertificates() {
this.router.transitionTo('vault.cluster.secrets.backend.pki.roles.role.generate', this.rolesValue);
}
@action
transitionToIssuerDetails() {
this.router.transitionTo('vault.cluster.secrets.backend.pki.issuers.issuer.details', this.issuerValue);
}
@action
handleRolesInput(roles: string) {
if (Array.isArray(roles)) {
this.rolesValue = roles[0];
} else {
this.rolesValue = roles;
}
}
@action
handleCertificateInput(certificate: string) {
if (Array.isArray(certificate)) {
this.certificateValue = certificate[0];
} else {
this.certificateValue = certificate;
}
}
@action
handleIssuerSearch(issuers: string) {
if (Array.isArray(issuers)) {
this.issuerValue = issuers[0];
} else {
this.issuerValue = issuers;
}
}
}