open-vault/ui/app/components/transit-edit.js
Matthew Irish 757afb4de9
UI - no jquery (#6768)
* add no-jquery rule and move event listeners to ember-concurrency tasks

* remove unnecessary onchange and handleKeyDown actions

* add element.closest polyfill and convert linked-block to use native dom apis

* update pretender, fetch, page-object, add optional-features, remove ember/jquery

* turn off jquery inclusion

* remove jQuery.isPlainObject usage

* violatedDirective isn't always formatted the same

* use fetch and the ember-fetch adapter mixin

* move to fetch and lowercase headers for pretender

* display non-ember-data errors

* use new async fn test style and lowercase headers in auth service test

* setContext is not necessary with the new style tests and ember-cli-page-object - it actually triggers jquery usage

* update ember-fetch, ember-cli-pretender

* wait for permissions check

* lowercase header name in auth test

* refactor transit tests to one test per key type

* simplify pollCluster helper

* stop flakey tests by prefering the native fetch

* avoid uncaught TransitionAborted error by navigating directly to unseal

* unset model on controller after unloading it because controllers are singletons

* update yarn.lock
2019-06-20 08:37:27 -05:00

115 lines
2.9 KiB
JavaScript

import { inject as service } from '@ember/service';
import { or } from '@ember/object/computed';
import { isBlank } from '@ember/utils';
import Component from '@ember/component';
import { task, waitForEvent } from 'ember-concurrency';
import { set, get } from '@ember/object';
import FocusOnInsertMixin from 'vault/mixins/focus-on-insert';
import keys from 'vault/lib/keycodes';
const LIST_ROOT_ROUTE = 'vault.cluster.secrets.backend.list-root';
const SHOW_ROUTE = 'vault.cluster.secrets.backend.show';
export default Component.extend(FocusOnInsertMixin, {
router: service(),
wizard: service(),
mode: null,
onDataChange() {},
onRefresh() {},
key: null,
requestInFlight: or('key.isLoading', 'key.isReloading', 'key.isSaving'),
willDestroyElement() {
this._super(...arguments);
if (this.key && this.key.isError) {
this.key.rollbackAttributes();
}
},
waitForKeyUp: task(function*() {
while (true) {
let event = yield waitForEvent(document.body, 'keyup');
this.onEscape(event);
}
})
.on('didInsertElement')
.cancelOn('willDestroyElement'),
transitionToRoute() {
this.get('router').transitionTo(...arguments);
},
onEscape(e) {
if (e.keyCode !== keys.ESC || this.get('mode') !== 'show') {
return;
}
this.transitionToRoute(LIST_ROOT_ROUTE);
},
hasDataChanges() {
get(this, 'onDataChange')(get(this, 'key.hasDirtyAttributes'));
},
persistKey(method, successCallback) {
const key = get(this, 'key');
return key[method]().then(() => {
if (!get(key, 'isError')) {
if (this.get('wizard.featureState') === 'secret') {
this.get('wizard').transitionFeatureMachine('secret', 'CONTINUE');
} else {
if (this.get('wizard.featureState') === 'encryption') {
this.get('wizard').transitionFeatureMachine('encryption', 'CONTINUE', 'transit');
}
}
successCallback(key);
}
});
},
actions: {
createOrUpdateKey(type, event) {
event.preventDefault();
const keyId = this.get('key.id');
// prevent from submitting if there's no key
// maybe do something fancier later
if (type === 'create' && isBlank(keyId)) {
return;
}
this.persistKey(
'save',
() => {
this.hasDataChanges();
this.transitionToRoute(SHOW_ROUTE, keyId);
},
type === 'create'
);
},
setValueOnKey(key, event) {
set(get(this, 'key'), key, event.target.checked);
},
derivedChange(val) {
get(this, 'key').setDerived(val);
},
convergentEncryptionChange(val) {
get(this, 'key').setConvergentEncryption(val);
},
refresh() {
this.get('onRefresh')();
},
deleteKey() {
this.persistKey('destroyRecord', () => {
this.hasDataChanges();
this.transitionToRoute(LIST_ROOT_ROUTE);
});
},
},
});