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>
132 lines
3.1 KiB
JavaScript
132 lines
3.1 KiB
JavaScript
import { equal } from '@ember/object/computed';
|
|
import { isBlank } from '@ember/utils';
|
|
import Component from '@ember/component';
|
|
import { set, computed } from '@ember/object';
|
|
import { encodeString, decodeString } from 'vault/utils/b64';
|
|
|
|
const B64 = 'base64';
|
|
const UTF8 = 'utf-8';
|
|
export default Component.extend({
|
|
tagName: 'button',
|
|
attributeBindings: ['type'],
|
|
type: 'button',
|
|
classNames: ['button', 'b64-toggle'],
|
|
classNameBindings: ['isInput:is-input:is-textarea'],
|
|
|
|
/*
|
|
* Whether or not the toggle is associated with an input.
|
|
* Also bound to `is-input` and `is-textarea` classes
|
|
* Defaults to true
|
|
*
|
|
* @public
|
|
* @type boolean
|
|
*/
|
|
|
|
isInput: true,
|
|
|
|
/*
|
|
* The value that will be mutated when the encoding is toggled
|
|
*
|
|
* @public
|
|
* @type string
|
|
*/
|
|
value: null,
|
|
|
|
/*
|
|
* The encoding of `value` when the component is initialized.
|
|
* Defaults to 'utf-8'.
|
|
* Possible values: 'utf-8' and 'base64'
|
|
*
|
|
* @public
|
|
* @type string
|
|
*/
|
|
initialEncoding: UTF8,
|
|
|
|
/*
|
|
* A cached version of value - used to determine if the input has changed since encoding.
|
|
*
|
|
* @private
|
|
* @type string
|
|
*/
|
|
_value: '',
|
|
|
|
/*
|
|
* The current encoding of `value`.
|
|
* Possible values: 'utf-8' and 'base64'
|
|
*
|
|
* @private
|
|
* @type string
|
|
*/
|
|
currentEncoding: '',
|
|
|
|
/*
|
|
* The encoding when we last mutated `value`.
|
|
* Possible values: 'utf-8' and 'base64'
|
|
*
|
|
* @private
|
|
* @type string
|
|
*/
|
|
lastEncoding: '',
|
|
|
|
/*
|
|
* Is the value known to be base64-encoded.
|
|
*
|
|
* @private
|
|
* @type boolean
|
|
*/
|
|
isBase64: equal('currentEncoding', B64),
|
|
|
|
/*
|
|
* Does the current value match the cached _value, i.e. has the input been mutated since we encoded.
|
|
*
|
|
* @private
|
|
* @type boolean
|
|
*/
|
|
valuesMatch: computed('value', '_value', function () {
|
|
const { value, _value } = this;
|
|
const anyBlank = isBlank(value) || isBlank(_value);
|
|
return !anyBlank && value === _value;
|
|
}),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
const initial = this.initialEncoding;
|
|
set(this, 'currentEncoding', initial);
|
|
if (initial === B64) {
|
|
set(this, '_value', this.value);
|
|
set(this, 'lastEncoding', B64);
|
|
}
|
|
},
|
|
|
|
didReceiveAttrs() {
|
|
this._super();
|
|
// if there's no value, reset encoding
|
|
if (this.value === '') {
|
|
set(this, 'currentEncoding', UTF8);
|
|
return;
|
|
}
|
|
// the value has changed after we transformed it so we reset currentEncoding
|
|
if (this.isBase64 && !this.valuesMatch) {
|
|
set(this, 'currentEncoding', UTF8);
|
|
}
|
|
// the value changed back to one we previously had transformed
|
|
if (this.lastEncoding === B64 && this.valuesMatch) {
|
|
set(this, 'currentEncoding', B64);
|
|
}
|
|
},
|
|
|
|
click() {
|
|
let val = this.value;
|
|
const isUTF8 = this.currentEncoding === UTF8;
|
|
if (!val) {
|
|
return;
|
|
}
|
|
let newVal = isUTF8 ? encodeString(val) : decodeString(val);
|
|
const encoding = isUTF8 ? B64 : UTF8;
|
|
set(this, 'value', newVal);
|
|
set(this, '_value', newVal);
|
|
set(this, 'lastEncoding', encoding);
|
|
set(this, 'currentEncoding', encoding);
|
|
},
|
|
});
|