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>
80 lines
2.1 KiB
JavaScript
80 lines
2.1 KiB
JavaScript
import Component from '@ember/component';
|
|
import { set } from '@ember/object';
|
|
import { task } from 'ember-concurrency';
|
|
import { waitFor } from '@ember/test-waiters';
|
|
|
|
const BASE_64_REGEX = /^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/gi;
|
|
|
|
export default Component.extend({
|
|
'data-test-pgp-file': true,
|
|
classNames: ['box', 'is-fullwidth', 'is-marginless', 'is-shadowless'],
|
|
key: null,
|
|
index: null,
|
|
onChange: () => {},
|
|
|
|
/*
|
|
* @public
|
|
* @param String
|
|
* Text to use as the label for the file input
|
|
* If null, a default will be rendered
|
|
*/
|
|
label: null,
|
|
|
|
/*
|
|
* @public
|
|
* @param String
|
|
* Text to use as help under the file input
|
|
* If null, a default will be rendered
|
|
*/
|
|
fileHelpText: null,
|
|
|
|
/*
|
|
* @public
|
|
* @param String
|
|
* Text to use as help under the textarea in text-input mode
|
|
* If null, a default will be rendered
|
|
*/
|
|
textareaHelpText: null,
|
|
|
|
readFile(file) {
|
|
const reader = new FileReader();
|
|
reader.onload = () => this.setPGPKey.perform(reader.result, file.name);
|
|
// this gives us a base64-encoded string which is important in the onload
|
|
reader.readAsDataURL(file);
|
|
},
|
|
|
|
setPGPKey: task(
|
|
waitFor(function* (dataURL, filename) {
|
|
const b64File = dataURL.split(',')[1].trim();
|
|
const decoded = atob(b64File).trim();
|
|
|
|
// If a b64-encoded file was uploaded, then after decoding, it
|
|
// will still be b64.
|
|
// If after decoding it's not b64, we want
|
|
// the original as it was only encoded when we used `readAsDataURL`.
|
|
const fileData = decoded.match(BASE_64_REGEX) ? decoded : b64File;
|
|
yield this.onChange(this.index, { value: fileData, fileName: filename });
|
|
})
|
|
),
|
|
|
|
actions: {
|
|
pickedFile(e) {
|
|
const { files } = e.target;
|
|
if (!files.length) {
|
|
return;
|
|
}
|
|
for (let i = 0, len = files.length; i < len; i++) {
|
|
this.readFile(files[i]);
|
|
}
|
|
},
|
|
updateData(e) {
|
|
const key = this.key;
|
|
set(key, 'value', e.target.value);
|
|
this.onChange(this.index, this.key);
|
|
},
|
|
clearKey() {
|
|
this.onChange(this.index, { value: '' });
|
|
},
|
|
},
|
|
});
|