mirror of
				https://github.com/optim-enterprises-bv/vault.git
				synced 2025-10-31 18:48:08 +00:00 
			
		
		
		
	 43258c28fa
			
		
	
	43258c28fa
	
	
	
		
			
			* 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);
 | |
|       });
 | |
|   }
 | |
| }
 |