vault/ui/lib/replication/addon/controllers/application.js
claire bontempo 43258c28fa
UI: HDS adoption replace <Modal> (#23382)
* 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
2023-10-06 22:06:36 +00:00

145 lines
3.4 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
import { isPresent } from '@ember/utils';
import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Controller from '@ember/controller';
import { copy } from 'ember-copy';
import { resolve } from 'rsvp';
import decodeConfigFromJWT from 'replication/utils/decode-config-from-jwt';
const DEFAULTS = {
token: null,
id: null,
loading: false,
errors: [],
primary_api_addr: null,
primary_cluster_addr: null,
filterConfig: {
mode: null,
paths: [],
},
};
export default Controller.extend(copy(DEFAULTS, true), {
isModalActive: false,
isTokenCopied: false,
expirationDate: null,
store: service(),
rm: service('replication-mode'),
replicationMode: alias('rm.mode'),
submitError(e) {
if (e.errors) {
this.set('errors', e.errors);
} else {
throw e;
}
},
saveFilterConfig() {
const config = this.filterConfig;
const id = this.id;
config.id = id;
// if there is no mode, then they don't want to filter, so we don't save a filter config
if (!config.mode) {
return resolve();
}
const configRecord = this.store.createRecord('path-filter-config', config);
return configRecord.save().catch((e) => this.submitError(e));
},
reset() {
this.setProperties(copy(DEFAULTS, true));
},
submitSuccess(resp, action) {
const cluster = this.model;
if (!cluster) {
return;
}
if (resp && resp.wrap_info) {
this.set('token', resp.wrap_info.token);
}
if (action === 'secondary-token') {
this.setProperties({
loading: false,
primary_api_addr: null,
primary_cluster_addr: null,
});
// decode token and return epoch expiration, convert to timestamp
const expirationDate = new Date(decodeConfigFromJWT(this.token).exp * 1000);
this.set('expirationDate', expirationDate);
// open modal
this.toggleProperty('isModalActive');
return cluster.reload();
}
this.reset();
this.send('refresh');
return;
},
submitHandler(action, clusterMode, data, event) {
const replicationMode = this.replicationMode;
if (event && event.preventDefault) {
event.preventDefault();
}
this.setProperties({
loading: true,
errors: [],
});
if (data) {
data = Object.keys(data).reduce((newData, key) => {
var val = data[key];
if (isPresent(val)) {
newData[key] = val;
}
return newData;
}, {});
}
return this.store
.adapterFor('cluster')
.replicationAction(action, replicationMode, clusterMode, data)
.then(
(resp) => {
return this.saveFilterConfig().then(() => {
return this.submitSuccess(resp, action, clusterMode);
});
},
(...args) => this.submitError(...args)
);
},
actions: {
onSubmit(/*action, mode, data, event*/) {
return this.submitHandler(...arguments);
},
closeTokenModal() {
this.toggleProperty('isModalActive');
this.transitionToRoute('mode.secondaries');
this.set('isTokenCopied', false);
},
onCopy() {
this.set('isTokenCopied', true);
},
clear() {
this.reset();
this.setProperties({
token: null,
id: null,
});
},
refresh() {
// bubble to the route
return true;
},
},
});