924d1b4ddc
* use lazyCapabilities macro in models * use expandAttributeMeta and fieldToAttrs everywhere * add angle bracket component polyfill * use PageHeader component throughout
78 lines
2.2 KiB
Handlebars
78 lines
2.2 KiB
Handlebars
<PageHeader as |p|>
|
|
<p.levelLeft>
|
|
<h1 class="title is-3">
|
|
Random Bytes
|
|
</h1>
|
|
</p.levelLeft>
|
|
</PageHeader>
|
|
|
|
{{#if random_bytes}}
|
|
<div class="box is-sideless is-fullwidth is-marginless">
|
|
<label for="rand" class="is-label">Random bytes</label>
|
|
<textarea readonly class="textarea" id="rand" data-test-tools-input="random-bytes">{{random_bytes}}</textarea>
|
|
</div>
|
|
<div class="field is-grouped box is-fullwidth is-bottomless">
|
|
<div class="control">
|
|
{{#copy-button
|
|
clipboardText=random_bytes
|
|
class="button is-primary"
|
|
buttonType="button"
|
|
success=(action (set-flash-message 'Random bytes copied!'))
|
|
}}
|
|
Copy
|
|
{{/copy-button}}
|
|
</div>
|
|
<div class="control">
|
|
<button {{action 'onClear'}} type="button" class="button">
|
|
Back
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="box is-sideless is-fullwidth is-marginless">
|
|
<div class="field is-horizontal">
|
|
<div class="field-body">
|
|
<div class="field">
|
|
<label for="bytes" class="is-label">
|
|
Number of bytes
|
|
</label>
|
|
<div class="control">
|
|
{{input id="bytes" class="input" value=bytes data-test-tools-input="bytes"}}
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="format" class="is-label">
|
|
Output format
|
|
</label>
|
|
<div class="control is-expanded">
|
|
<div class="select is-fullwidth">
|
|
<select
|
|
name="format"
|
|
id="format"
|
|
onchange={{action (mut format) value="target.value"}}
|
|
>
|
|
{{#each (array 'base64' 'hex') as |formatOption|}}
|
|
<option selected={{if format (eq format formatOption)}} value={{formatOption}}>
|
|
{{formatOption}}
|
|
</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field is-grouped box is-fullwidth is-bottomless">
|
|
<div class="control">
|
|
<button
|
|
type="submit"
|
|
class="button is-primary"
|
|
data-test-tools-submit="true"
|
|
>
|
|
Generate
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|