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>
84 lines
3 KiB
JavaScript
84 lines
3 KiB
JavaScript
/* eslint-disable no-undef */
|
|
import Component from '@glimmer/component';
|
|
import { inject as service } from '@ember/service';
|
|
import { action } from '@ember/object';
|
|
import { tracked } from '@glimmer/tracking';
|
|
|
|
/**
|
|
* @module DiffVersionSelector
|
|
* DiffVersionSelector component includes a toolbar and diff view between KV 2 versions. It uses the library jsondiffpatch.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <DiffVersionSelector @model={model}/>
|
|
* ```
|
|
* @param {object} model - model that comes from secret-v2-version
|
|
*/
|
|
|
|
export default class DiffVersionSelector extends Component {
|
|
@tracked leftSideVersionDataSelected = null;
|
|
@tracked leftSideVersionSelected = null;
|
|
@tracked rightSideVersionDataSelected = null;
|
|
@tracked rightSideVersionSelected = null;
|
|
@tracked statesMatch = false;
|
|
@tracked visualDiff = null;
|
|
@service store;
|
|
|
|
adapter = this.store.adapterFor('secret-v2-version');
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
this.createVisualDiff();
|
|
}
|
|
|
|
get leftSideDataInit() {
|
|
let string = `["${this.args.model.engineId}", "${this.args.model.id}", "${this.args.model.currentVersion}"]`;
|
|
return this.adapter
|
|
.querySecretDataByVersion(string)
|
|
.then((response) => response.data)
|
|
.catch(() => null);
|
|
}
|
|
get rightSideDataInit() {
|
|
let string = `["${this.args.model.engineId}", "${this.args.model.id}", "${this.rightSideVersionInit}"]`;
|
|
return this.adapter
|
|
.querySecretDataByVersion(string)
|
|
.then((response) => response.data)
|
|
.catch(() => null);
|
|
}
|
|
get rightSideVersionInit() {
|
|
// initial value of right side version is one less than the current version
|
|
return this.args.model.currentVersion === 1 ? 0 : this.args.model.currentVersion - 1;
|
|
}
|
|
|
|
async createVisualDiff() {
|
|
let diffpatcher = jsondiffpatch.create({});
|
|
let leftSideVersionData = this.leftSideVersionDataSelected || (await this.leftSideDataInit);
|
|
let rightSideVersionData = this.rightSideVersionDataSelected || (await this.rightSideDataInit);
|
|
let delta = diffpatcher.diff(rightSideVersionData, leftSideVersionData);
|
|
if (delta === undefined) {
|
|
this.statesMatch = true;
|
|
this.visualDiff = JSON.stringify(leftSideVersionData, undefined, 2); // params: value, replacer (all properties included), space (white space and indentation, line break, etc.)
|
|
} else {
|
|
this.statesMatch = false;
|
|
this.visualDiff = jsondiffpatch.formatters.html.format(delta, rightSideVersionData);
|
|
}
|
|
}
|
|
|
|
@action
|
|
async selectVersion(selectedVersion, actions, side) {
|
|
let string = `["${this.args.model.engineId}", "${this.args.model.id}", "${selectedVersion}"]`;
|
|
let secretData = await this.adapter.querySecretDataByVersion(string);
|
|
if (side === 'left') {
|
|
this.leftSideVersionDataSelected = secretData.data;
|
|
this.leftSideVersionSelected = selectedVersion;
|
|
}
|
|
if (side === 'right') {
|
|
this.rightSideVersionDataSelected = secretData.data;
|
|
this.rightSideVersionSelected = selectedVersion;
|
|
}
|
|
await this.createVisualDiff();
|
|
// close dropdown menu.
|
|
actions.close();
|
|
}
|
|
}
|