vault/ui/app/components/tools/unwrap.ts
Vault Automation 06ddf792f2
[UI] VAULT-41962 Updated tools sidebar (#11919) (#11984)
* VAULT-41962 Updated tools sidebar

* Fix failing tests and add copyright header

* Update capitailization of nav item titles

* Update tools breadcrumbs

* Add comments

* Fix failing tests!

* Update ui/tests/acceptance/config-ui/messages/messages-test.js



* Update ui/lib/core/addon/components/sidebar/nav/tools.ts



* Add more nav tests for custom messages

* Update test name

---------

Co-authored-by: Kianna <30884335+kiannaquach@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2026-01-26 10:11:40 -08:00

64 lines
1.8 KiB
TypeScript

/**
* Copyright IBM Corp. 2016, 2025
* SPDX-License-Identifier: BUSL-1.1
*/
import Component from '@glimmer/component';
import { service } from '@ember/service';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
import type ApiService from 'vault/services/api';
import type FlashMessageService from 'vault/services/flash-messages';
import type { HTMLElementEvent } from 'vault/forms';
/**
* @module ToolsUnwrap
* ToolsUnwrap components are components that sys/wrapping/rewrap functionality
*
* @example
* <Tools::Unwrap />
*/
export default class ToolsUnwrap extends Component {
@service declare readonly api: ApiService;
@service declare readonly flashMessages: FlashMessageService;
@tracked token = '';
@tracked unwrapData: unknown = '';
@tracked unwrapDetails = {};
@tracked errorMessage = '';
get breadcrumbs() {
return [{ label: 'Vault', route: 'vault.cluster.dashboard', icon: 'vault' }, { label: 'Unwrap data' }];
}
@action
reset() {
this.token = '';
this.unwrapData = '';
this.unwrapDetails = {};
this.errorMessage = '';
}
@action
async handleSubmit(evt: HTMLElementEvent<HTMLFormElement>) {
evt.preventDefault();
const data = { token: this.token.trim() };
try {
const resp = await this.api.sys.unwrap(data);
this.unwrapData = (resp && resp.data) || resp.auth;
this.unwrapDetails = {
'Request ID': resp.request_id,
'Lease ID': resp.lease_id || 'None',
Renewable: resp.renewable,
'Lease Duration': resp.lease_duration || 'None',
};
this.flashMessages.success('Unwrap was successful.');
} catch (error) {
const { message } = await this.api.parseError(error);
this.errorMessage = message;
}
}
}