966c7dbf02
New look for the navbar and new functionality on mobile. Also includes new look for the mounts list and headers in secret engines.
71 lines
2.1 KiB
Handlebars
71 lines
2.1 KiB
Handlebars
{{#unless inputOnly}}
|
|
<div class="level is-mobile">
|
|
<div class="level-left">
|
|
<label class="is-label" data-test-text-label=true>
|
|
{{#if label}}
|
|
{{label}}
|
|
{{else}}
|
|
File
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
<div class="level-right">
|
|
<div class="control is-flex">
|
|
<input
|
|
data-test-text-toggle=true
|
|
id={{concat "useText-" elementId}}
|
|
type="checkbox"
|
|
name={{concat "useText-" elementId}}
|
|
class="switch is-rounded is-success is-small"
|
|
checked={{file.enterAsText}}
|
|
onchange={{action (toggle "enterAsText" file)}}
|
|
/>
|
|
<label for={{concat "useText-" elementId}}>
|
|
Enter as text
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/unless}}
|
|
<div class="field">
|
|
{{#if file.enterAsText}}
|
|
<div class="control">
|
|
<textarea
|
|
class="textarea"
|
|
oninput={{action "updateData"}}
|
|
data-test-text-file-textarea=true
|
|
>{{file.value}}</textarea>
|
|
</div>
|
|
<p class="help has-text-grey">
|
|
{{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" onchange={{action "pickedFile"}} data-test-text-file-input=true>
|
|
<span class="file-cta button">
|
|
{{i-con glyph="upload" class="has-light-grey-text" size=16}}
|
|
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}}
|
|
<button type="button" class="file-delete-button" {{action 'clearFile'}} data-test-text-clear=true>
|
|
<ICon @glyph="close-circled-outline" @size=16 />
|
|
</button>
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<p class="help has-text-grey">
|
|
{{fileHelpText}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|