mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-18 12:37:02 +02:00
* UI: Part 1 - hds adoption replace <Modal> (#23363) * replace policy-form modal * replace clients/attribution modal * clients/config modal * scope form odal * remove button type * include toolbar to match other example templates * rotate credentials modal * add toolbar button class for hds buttons * transformation-edit modal * add back test selector * add route arg to button! * update link status * fix link-status tests * remove prevent default * update db tests * update tests * use page alert for hcp link status banner * fix scopy button selector * fix sidebar test * change to neutral banner * UI: Part 2 - hds adoption replace <Modal> (#23398) * upgrade HDS library (adds support for snippet containers * cleanup flight icons * replace transit key action modals * re-add deps as devDeps * remove line * address transit tests * UI: Part 3 - hds adoption replace <Modal> (#23415) * cleanup css * cleanup extra type attr * masked input download modal * use Hds::Button in download button" * fix size of modal * tiny icon fix * refactor download button to always render download icon * update tests * UI: Part 3.5 - hds adoption replace <Modal> (#23448) * replication-promote modal * replication component modals * replication add secondary modal * move update text for diff * UI: Part 4 - hds adoption replace <Modal> (#23451) * k8 configure modal * kv delete modal * ldap modals * pki modals * add trash icon * move deps * UI: Part 5 - hds adoption replace <Modal> (#23471) * replace confirmation modals --------- * UI: Part 6 - hds adoption replace <Modal> (#23484) * search select with modal * policy search select modal * replace date dropdown for client dashboard * change padding to top * update policy example args * lolllll test typo wow * update dropdown tests * shamir flow modals! * add one more container * update test selectors * UI: Final hds adoption replace <Modal> cleanup PR (#23522) * search select with modal * policy search select modal * replace date dropdown for client dashboard * change padding to top * update policy example args * lolllll test typo wow * update dropdown tests * shamir flow modals! * add one more container * update test selectors * remove wormhole and modal component * fix selectors * uninstall wormhole * remove shamir-modal-flow class * fix confirm modal test * fix pki and kv test * fix toolbar selector kv * client and download button test * fix-confirmation-modal-padding * fix replication modal tests so relevant modal opens (#23540) * more confirmation modal tests * adds changelog
153 lines
4.0 KiB
JavaScript
153 lines
4.0 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { inject as service } from '@ember/service';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { action } from '@ember/object';
|
|
|
|
const LIST_ROOT_ROUTE = 'vault.cluster.secrets.backend.list-root';
|
|
const SHOW_ROUTE = 'vault.cluster.secrets.backend.show';
|
|
|
|
const getErrorMessage = (errors) => {
|
|
let errorMessage = errors?.join('. ') || 'Something went wrong. Check the Vault logs for more information.';
|
|
if (errorMessage.indexOf('failed to verify') >= 0) {
|
|
errorMessage =
|
|
'There was a verification error for this connection. Check the Vault logs for more information.';
|
|
}
|
|
return errorMessage;
|
|
};
|
|
|
|
export default class DatabaseConnectionEdit extends Component {
|
|
@service store;
|
|
@service router;
|
|
@service flashMessages;
|
|
|
|
@tracked
|
|
showPasswordField = false; // used for edit mode
|
|
|
|
@tracked
|
|
showSaveModal = false; // used for create mode
|
|
|
|
rotateCredentials(backend, name) {
|
|
const adapter = this.store.adapterFor('database/connection');
|
|
return adapter.rotateRootCredentials(backend, name);
|
|
}
|
|
|
|
transitionToRoute() {
|
|
return this.router.transitionTo(...arguments);
|
|
}
|
|
|
|
@action
|
|
updateShowPassword(showForm) {
|
|
this.showPasswordField = showForm;
|
|
if (!showForm) {
|
|
// unset password if hidden
|
|
this.args.model.password = undefined;
|
|
}
|
|
}
|
|
|
|
@action
|
|
updatePassword(attr, evt) {
|
|
const value = evt.target.value;
|
|
this.args.model[attr] = value;
|
|
}
|
|
|
|
@action
|
|
async handleCreateConnection(evt) {
|
|
evt.preventDefault();
|
|
const secret = this.args.model;
|
|
const secretId = secret.name;
|
|
secret.set('id', secretId);
|
|
secret
|
|
.save()
|
|
.then(() => {
|
|
this.showSaveModal = true;
|
|
})
|
|
.catch((e) => {
|
|
const errorMessage = getErrorMessage(e.errors);
|
|
this.flashMessages.danger(errorMessage);
|
|
});
|
|
}
|
|
|
|
@action
|
|
continueWithoutRotate() {
|
|
this.showSaveModal = false;
|
|
const { name } = this.args.model;
|
|
this.transitionToRoute(SHOW_ROUTE, name);
|
|
}
|
|
|
|
@action
|
|
continueWithRotate() {
|
|
this.showSaveModal = false;
|
|
const { backend, name } = this.args.model;
|
|
this.rotateCredentials(backend, name)
|
|
.then(() => {
|
|
this.flashMessages.success(`Successfully rotated root credentials for connection "${name}"`);
|
|
this.transitionToRoute(SHOW_ROUTE, name);
|
|
})
|
|
.catch((e) => {
|
|
this.flashMessages.danger(`Error rotating root credentials: ${e.errors}`);
|
|
this.transitionToRoute(SHOW_ROUTE, name);
|
|
});
|
|
}
|
|
|
|
@action
|
|
handleUpdateConnection(evt) {
|
|
evt.preventDefault();
|
|
const secret = this.args.model;
|
|
const secretId = secret.name;
|
|
secret
|
|
.save()
|
|
.then(() => {
|
|
this.transitionToRoute(SHOW_ROUTE, secretId);
|
|
})
|
|
.catch((e) => {
|
|
const errorMessage = getErrorMessage(e.errors);
|
|
this.flashMessages.danger(errorMessage);
|
|
});
|
|
}
|
|
|
|
@action
|
|
delete(evt) {
|
|
evt.preventDefault();
|
|
const secret = this.args.model;
|
|
const backend = secret.backend;
|
|
secret.destroyRecord().then(() => {
|
|
this.transitionToRoute(LIST_ROOT_ROUTE, backend);
|
|
});
|
|
}
|
|
|
|
@action
|
|
reset() {
|
|
const { name, backend } = this.args.model;
|
|
const adapter = this.store.adapterFor('database/connection');
|
|
adapter
|
|
.resetConnection(backend, name)
|
|
.then(() => {
|
|
// TODO: Why isn't the confirmAction closing?
|
|
this.flashMessages.success('Successfully reset connection');
|
|
})
|
|
.catch((e) => {
|
|
const errorMessage = getErrorMessage(e.errors);
|
|
this.flashMessages.danger(errorMessage);
|
|
});
|
|
}
|
|
|
|
@action
|
|
rotate() {
|
|
const { name, backend } = this.args.model;
|
|
this.rotateCredentials(backend, name)
|
|
.then(() => {
|
|
// TODO: Why isn't the confirmAction closing?
|
|
this.flashMessages.success('Successfully rotated credentials');
|
|
})
|
|
.catch((e) => {
|
|
const errorMessage = getErrorMessage(e.errors);
|
|
this.flashMessages.danger(errorMessage);
|
|
});
|
|
}
|
|
}
|