5c2a08de6d
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
92 lines
3 KiB
JavaScript
92 lines
3 KiB
JavaScript
import AdapterError from '@ember-data/adapter/error';
|
|
import { inject as service } from '@ember/service';
|
|
import Component from '@ember/component';
|
|
import { computed, set } from '@ember/object';
|
|
import { task } from 'ember-concurrency';
|
|
import { waitFor } from '@ember/test-waiters';
|
|
|
|
/**
|
|
* @module GeneratedItem
|
|
* The `GeneratedItem` component is the form to configure generated items related to mounts (e.g. groups, roles, users)
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <GeneratedItem @model={{model}} @mode={{mode}} @itemType={{itemType/>
|
|
* ```
|
|
*
|
|
* @property model=null {DS.Model} - The corresponding item model that is being configured.
|
|
* @property mode {String} - which config mode to use. either `show`, `edit`, or `create`
|
|
* @property itemType {String} - the type of item displayed
|
|
*
|
|
*/
|
|
|
|
export default Component.extend({
|
|
model: null,
|
|
itemType: null,
|
|
flashMessages: service(),
|
|
router: service(),
|
|
validationMessages: null,
|
|
isFormInvalid: false,
|
|
props: computed('model', function () {
|
|
return this.model.serialize();
|
|
}),
|
|
saveModel: task(
|
|
waitFor(function* () {
|
|
try {
|
|
yield this.model.save();
|
|
} catch (err) {
|
|
// AdapterErrors are handled by the error-message component
|
|
// in the form
|
|
if (err instanceof AdapterError === false) {
|
|
throw err;
|
|
}
|
|
return;
|
|
}
|
|
this.router.transitionTo('vault.cluster.access.method.item.list').followRedirects();
|
|
this.flashMessages.success(`Successfully saved ${this.itemType} ${this.model.id}.`);
|
|
})
|
|
),
|
|
init() {
|
|
this._super(...arguments);
|
|
this.set('validationMessages', {});
|
|
if (this.mode === 'edit') {
|
|
// For validation to work in edit mode,
|
|
// reconstruct the model values from field group
|
|
this.model.fieldGroups.forEach((element) => {
|
|
if (element.default) {
|
|
element.default.forEach((attr) => {
|
|
let fieldValue = attr.options && attr.options.fieldValue;
|
|
if (fieldValue) {
|
|
this.model[attr.name] = this.model[fieldValue];
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
},
|
|
actions: {
|
|
onKeyUp(name, value) {
|
|
this.model.set(name, value);
|
|
if (this.model.validations) {
|
|
// Set validation error message for updated attribute
|
|
this.model.validations.attrs[name] && this.model.validations.attrs[name].isValid
|
|
? set(this.validationMessages, name, '')
|
|
: set(this.validationMessages, name, this.model.validations.attrs[name].message);
|
|
|
|
// Set form button state
|
|
this.model.validate().then(({ validations }) => {
|
|
this.set('isFormInvalid', !validations.isValid);
|
|
});
|
|
} else {
|
|
this.set('isFormInvalid', false);
|
|
}
|
|
},
|
|
deleteItem() {
|
|
this.model.destroyRecord().then(() => {
|
|
this.router.transitionTo('vault.cluster.access.method.item.list').followRedirects();
|
|
this.flashMessages.success(`Successfully deleted ${this.itemType} ${this.model.id}.`);
|
|
});
|
|
},
|
|
},
|
|
});
|