mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-10-30 18:17:55 +00:00
a35b2905bb
* 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
60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
import Component from '@ember/component';
|
|
import filesize from 'filesize';
|
|
|
|
/**
|
|
* @module FileToArrayBuffer
|
|
* `FileToArrayBuffer` is a component that will allow you to pick a file from the local file system. Once
|
|
* loaded, this file will be emitted as a JS ArrayBuffer to the passed `onChange` callback.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <FileToArrayBuffer @onChange={{action (mut file)}} />
|
|
* ```
|
|
* @param onChange=null {Function} - The function to call when the file read is complete. This function
|
|
* recieves the file as a JS ArrayBuffer
|
|
* @param [label=null {String}] - Text to use as the label for the file input
|
|
* @param [fileHelpText=null {String} - Text to use as help under the file input
|
|
*
|
|
*/
|
|
export default Component.extend({
|
|
classNames: ['box', 'is-fullwidth', 'is-marginless', 'is-shadowless'],
|
|
onChange: () => {},
|
|
label: null,
|
|
fileHelpText: null,
|
|
|
|
file: null,
|
|
fileName: null,
|
|
fileSize: null,
|
|
fileLastModified: null,
|
|
|
|
readFile(file) {
|
|
const reader = new FileReader();
|
|
reader.onload = () => this.send('onChange', reader.result, file);
|
|
reader.readAsArrayBuffer(file);
|
|
},
|
|
|
|
actions: {
|
|
pickedFile(e) {
|
|
let { files } = e.target;
|
|
if (!files.length) {
|
|
return;
|
|
}
|
|
for (let i = 0, len = files.length; i < len; i++) {
|
|
this.readFile(files[i]);
|
|
}
|
|
},
|
|
clearFile() {
|
|
this.send('onChange');
|
|
},
|
|
onChange(fileAsBytes, fileMeta) {
|
|
let { name, size, lastModifiedDate } = fileMeta || {};
|
|
let fileSize = size ? filesize(size) : null;
|
|
this.set('file', fileAsBytes);
|
|
this.set('fileName', name);
|
|
this.set('fileSize', fileSize);
|
|
this.set('fileLastModified', lastModifiedDate);
|
|
this.onChange(fileAsBytes, name);
|
|
},
|
|
},
|
|
});
|