87d4e6e068
* add storage route * template out the routes and new raft storage overview * fetch raft config and add new server model * pngcrush the favicon * add view components and binary-file component * add form-save-buttons component * adjust rawRequest so that it can send a request body and returns the response on errors * hook up restore * rename binary-file to file-to-array-buffer * add ember-service-worker * use forked version of ember-service-worker for now * scope the service worker to a single endpoint * show both download buttons for now * add service worker download with a fallback to JS in-mem download * add remove peer functionality * lint go file * add storage-type to the cluster and node models * update edit for to take a cancel action * separate out a css table styles to be used by http-requests-table and on the raft-overview component * add raft-join adapter, model, component and use on the init page * fix styling and gate the menu item on the cluster using raft storage * style tweaks to the raft-join component * fix linting * add form-save-buttons component to storybook * add cancel functionality for backup uploads, and add a success message for successful uploads * add component tests * add filesize.js * add filesize and modified date to file-to-array-buffer * fix linting * fix server section showing in the cluster nav * don't use babel transforms in service worker lib because we don't want 2 copies of babel polyfill * add file-to-array-buffer to storybook * add comments and use removeObjectURL to raft-storage-overview * update alert-banner markdown * messaging change for upload alert banner * Update ui/app/templates/components/raft-storage-restore.hbs Co-Authored-By: Joshua Ogle <joshua@joshuaogle.com> * more comments * actually render the label if passed and update stories with knobs
37 lines
1.2 KiB
Handlebars
37 lines
1.2 KiB
Handlebars
<div class="field">
|
|
<div class="control is-expanded">
|
|
<label class="is-label">
|
|
{{#if label}}
|
|
{{label}}
|
|
{{/if}}
|
|
</label>
|
|
<div class="file has-name is-fullwidth">
|
|
<label class="file-label">
|
|
<input class="file-input" type="file" onchange={{action "pickedFile"}} data-test-file-input>
|
|
<span class="file-cta button">
|
|
<Icon @glyph="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>
|
|
{{or this.fileName "No file chosen"}}
|
|
</span>
|
|
{{#if this.fileName}}
|
|
<button type="button" class="file-delete-button" {{action 'clearFile'}} data-test-text-clear>
|
|
<Icon @glyph="cancel-circle-outline" />
|
|
</button>
|
|
{{/if}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{{#if this.fileName}}
|
|
<p class="help has-text-grey">
|
|
This file is {{this.fileSize}} and was created on {{date-format this.fileLastModified 'MMM DD, YYYY hh:mm:ss A'}}.
|
|
</p>
|
|
{{/if}}
|
|
{{#if @fileHelpText}}
|
|
<p class="help has-text-grey">
|
|
{{@fileHelpText}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|