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>
90 lines
2.9 KiB
Handlebars
90 lines
2.9 KiB
Handlebars
{{#unless this.inputOnly}}
|
|
<div class="level is-mobile">
|
|
<div class="level-left">
|
|
<label class="is-label" data-test-text-label={{true}}>
|
|
{{#if this.label}}
|
|
{{this.label}}
|
|
{{#if @helpText}}
|
|
<InfoTooltip>
|
|
<span data-test-help-text>
|
|
{{@helpText}}
|
|
</span>
|
|
</InfoTooltip>
|
|
{{/if}}
|
|
{{else}}
|
|
File
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="control is-flex">
|
|
<input
|
|
data-test-text-toggle
|
|
id={{concat "useText-" this.elementId}}
|
|
type="checkbox"
|
|
name={{concat "useText-" this.elementId}}
|
|
class="switch is-rounded is-success is-small"
|
|
checked={{@file.enterAsText}}
|
|
{{on "change" (toggle "enterAsText" @file)}}
|
|
/>
|
|
<label for={{concat "useText-" this.elementId}}>
|
|
Enter as text
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/unless}}
|
|
<div
|
|
class="field text-file box is-fullwidth is-marginless is-shadowless {{if this.inputOnly "is-paddingless"}}"
|
|
data-test-component="text-file"
|
|
>
|
|
{{#if @file.enterAsText}}
|
|
<div class="control has-icon-right">
|
|
<textarea
|
|
class="textarea {{unless this.showValue "masked-font"}}"
|
|
{{on "input" this.updateData}}
|
|
data-test-text-file-textarea={{true}}
|
|
>{{@file.value}}</textarea>
|
|
<button
|
|
{{on "click" this.toggleMask}}
|
|
type="button"
|
|
class="{{if (eq this.value "") "has-text-grey"}} masked-input-toggle button {{if this.displayOnly "is-compact"}}"
|
|
data-test-button
|
|
>
|
|
<Icon @name={{if this.showValue "eye" "eye-off"}} />
|
|
</button>
|
|
</div>
|
|
<p class="help has-text-grey">
|
|
{{this.textareaHelpText}}
|
|
</p>
|
|
{{else}}
|
|
<div class="control is-expanded">
|
|
<div class="file has-name is-fullwidth">
|
|
<label class="file-label">
|
|
<input class="file-input" type="file" {{on "change" this.pickedFile}} data-test-text-file-input={{true}} />
|
|
<span class="file-cta button">
|
|
<Icon @name="upload" class="has-light-grey-text" />
|
|
Choose a file…
|
|
</span>
|
|
<span class="file-name has-text-grey-dark" data-test-text-file-input-label={{true}}>
|
|
{{#if @file.fileName}}
|
|
{{@file.fileName}}
|
|
{{else}}
|
|
No file chosen
|
|
{{/if}}
|
|
</span>
|
|
{{#if @file.fileName}}
|
|
{{! template-lint-configure no-nested-interactive "warn" }}
|
|
<button type="button" class="file-delete-button" {{on "click" this.clearFile}} data-test-text-clear={{true}}>
|
|
<Icon @name="x-circle" />
|
|
</button>
|
|
{{! template-lint-configure no-nested-interactive "on" }}
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<p class="help has-text-grey">
|
|
{{this.fileHelpText}}
|
|
</p>
|
|
{{/if}}
|
|
</div> |