claire bontempo 4617af328b
UI: Refactor tool actions form (#27406)
* rename wrap test

* refactor tool hash component

* whoops fix component syntax

* random refactor

* rewrap component

* unwrap component

* lookup refactor

* wrap refactor

* update selectors

* delete tool action form component

* co-locate templates

* Revert "co-locate templates"

This reverts commit c52bb9875284a4ee78c773c794f4fe572ae7a7f4.

* fix component jsdoc syntax

* rename tracked property

* rename rewrap token input selector

* remove parseint now that input is typed as a number

* nvm convert to number

* co-locate templates

* move to tools/ folder

* add flash message to test
2024-06-11 01:47:36 +00:00

55 lines
1.3 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* 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 errorMessage from 'vault/utils/error-message';
/**
* @module ToolsRandom
* ToolsRandom components are components that perform sys/wrapping/random functionality.
* @example
* <Tools::Random />
*/
export default class ToolsRandom extends Component {
@service store;
@service flashMessages;
@tracked bytes = 32;
@tracked format = 'base64';
@tracked randomBytes = null;
@tracked errorMessage = '';
@action
reset() {
this.bytes = 32;
this.format = 'base64';
this.randomBytes = null;
this.errorMessage = '';
}
@action
handleSelect(evt) {
const { value } = evt.target;
this.format = value;
}
@action
async handleSubmit(evt) {
evt.preventDefault();
const data = { bytes: Number(this.bytes), format: this.format };
try {
const response = await this.store.adapterFor('tools').toolAction('random', data);
this.randomBytes = response.data.random_bytes;
this.flashMessages.success('Generated random bytes successfully.');
} catch (error) {
this.errorMessage = errorMessage(error);
}
}
}