d93c92e4f5
* add NavHeader component * use NavHeader in SplashPage component and application.hbs * let download button take a block * add RadialProgress component * use RadialProgress in ShamirFlow component * style up the RadialProgress component * update ember-basic-dropdown, ember-basic-dropdown-hover * rework operation token generation workflow * directly depend on ember-maybe-in-element
53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
import Ember from 'ember';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
const { computed } = Ember;
|
|
|
|
export default Ember.Component.extend({
|
|
layout: hbs`{{#if hasBlock}} {{yield}} {{else}} {{actionText}} {{/if}}`,
|
|
tagName: 'a',
|
|
role: 'button',
|
|
attributeBindings: ['role', 'download', 'href'],
|
|
download: computed('filename', 'extension', function() {
|
|
return `${this.get('filename')}-${new Date().toISOString()}.${this.get('extension')}`;
|
|
}),
|
|
|
|
fileLike: computed('data', 'mime', 'stringify', 'download', function() {
|
|
let file;
|
|
let data = this.get('data');
|
|
let filename = this.get('download');
|
|
let mime = this.get('mime');
|
|
if (this.get('stringify')) {
|
|
data = JSON.stringify(data, null, 2);
|
|
}
|
|
if (window.navigator.msSaveOrOpenBlob) {
|
|
file = new Blob([data], { type: mime });
|
|
file.name = filename;
|
|
} else {
|
|
file = new File([data], filename, { type: mime });
|
|
}
|
|
return file;
|
|
}),
|
|
|
|
href: computed('fileLike', function() {
|
|
return window.URL.createObjectURL(this.get('fileLike'));
|
|
}),
|
|
|
|
click(event) {
|
|
if (!window.navigator.msSaveOrOpenBlob) {
|
|
return;
|
|
}
|
|
event.preventDefault();
|
|
let file = this.get('fileLike');
|
|
//lol whyyyy
|
|
window.navigator.msSaveOrOpenBlob(file, file.name);
|
|
},
|
|
|
|
actionText: 'Download',
|
|
data: null,
|
|
filename: null,
|
|
mime: 'text/plain',
|
|
extension: 'txt',
|
|
stringify: false,
|
|
});
|