282 lines
10 KiB
JavaScript
282 lines
10 KiB
JavaScript
define([
|
||
'jquery',
|
||
'/bower_components/chainpad-crypto/crypto.js',
|
||
'/bower_components/nthen/index.js',
|
||
'/common/sframe-common.js',
|
||
'/common/common-interface.js',
|
||
'/common/common-ui-elements.js',
|
||
'/common/common-util.js',
|
||
'/common/common-hash.js',
|
||
'/common/hyperscript.js',
|
||
'json.sortify',
|
||
'/customize/messages.js',
|
||
|
||
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
|
||
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
||
'less!/secureiframe/app-secure.less',
|
||
], function (
|
||
$,
|
||
Crypto,
|
||
nThen,
|
||
SFCommon,
|
||
UI,
|
||
UIElements,
|
||
Util,
|
||
Hash,
|
||
h,
|
||
Sortify,
|
||
Messages)
|
||
{
|
||
var APP = window.APP = {};
|
||
|
||
var andThen = function (common) {
|
||
var metadataMgr = common.getMetadataMgr();
|
||
var sframeChan = common.getSframeChannel();
|
||
var $body = $('body');
|
||
var displayed;
|
||
|
||
var hideIframe = function () {
|
||
if (!displayed) { return; }
|
||
sframeChan.event('EV_SECURE_IFRAME_CLOSE');
|
||
};
|
||
|
||
var create = {};
|
||
|
||
// Share modal
|
||
create['share'] = function (data) {
|
||
var priv = metadataMgr.getPrivateData();
|
||
var friends = common.getFriends();
|
||
|
||
require(['/common/inner/share.js'], function (Share) {
|
||
var f = (data && data.file) ? Share.getFileShareModal
|
||
: Share.getShareModal;
|
||
f(common, {
|
||
origin: priv.origin,
|
||
pathname: data.pathname || priv.pathname,
|
||
password: data.hashes ? '' : priv.password,
|
||
isTemplate: data.hashes ? false : priv.isTemplate,
|
||
hashes: data.hashes || priv.hashes,
|
||
common: common,
|
||
title: data.title,
|
||
auditorHash: data.auditorHash,
|
||
versionHash: data.versionHash,
|
||
friends: friends,
|
||
onClose: function () {
|
||
hideIframe();
|
||
},
|
||
fileData: {
|
||
hash: (data.hashes && data.hashes.fileHash) || priv.hashes.fileHash,
|
||
password: data.hashes ? '' : priv.password
|
||
}
|
||
}, function (e, modal) {
|
||
if (e) { console.error(e); }
|
||
displayed = modal;
|
||
});
|
||
});
|
||
};
|
||
|
||
// Properties modal
|
||
create['properties'] = function () {
|
||
require(['/common/inner/properties.js'], function (Properties) {
|
||
Properties.getPropertiesModal(common, {
|
||
onClose: function () {
|
||
hideIframe();
|
||
}
|
||
}, function (e, modal) {
|
||
if (e) { console.error(e); }
|
||
displayed = modal;
|
||
});
|
||
});
|
||
};
|
||
|
||
// Access modal
|
||
create['access'] = function (data) {
|
||
require(['/common/inner/access.js'], function (Access) {
|
||
Access.getAccessModal(common, {
|
||
title: data.title,
|
||
onClose: function () {
|
||
hideIframe();
|
||
}
|
||
}, function (e, modal) {
|
||
if (e) { console.error(e); }
|
||
displayed = modal;
|
||
});
|
||
});
|
||
};
|
||
|
||
// File uploader
|
||
var onFilePicked = function (data) {
|
||
var privateData = metadataMgr.getPrivateData();
|
||
var parsed = Hash.parsePadUrl(data.url);
|
||
if (displayed && displayed.hide) { displayed.hide(); }
|
||
hideIframe();
|
||
if (parsed.type === 'file') {
|
||
var secret = Hash.getSecrets('file', parsed.hash, data.password);
|
||
var fileHost = privateData.fileHost || privateData.origin;
|
||
var src = fileHost + Hash.getBlobPathFromHex(secret.channel);
|
||
var key = Hash.encodeBase64(secret.keys.cryptKey);
|
||
sframeChan.event("EV_SECURE_ACTION", {
|
||
type: parsed.type,
|
||
href: data.url,
|
||
src: src,
|
||
name: data.name,
|
||
key: key
|
||
});
|
||
return;
|
||
}
|
||
sframeChan.event("EV_SECURE_ACTION", {
|
||
type: parsed.type,
|
||
password: data.password,
|
||
static: data.static,
|
||
href: data.url,
|
||
name: data.name
|
||
});
|
||
};
|
||
var fmConfig = {
|
||
body: $('body'),
|
||
noHandlers: true,
|
||
onUploaded: function (ev, data) {
|
||
onFilePicked(data);
|
||
}
|
||
};
|
||
APP.FM = common.createFileManager(fmConfig);
|
||
create['filepicker'] = function (_filters) {
|
||
var updateContainer = function () {};
|
||
|
||
var filters = _filters;
|
||
var types = filters.types || [];
|
||
var data = {
|
||
FM: APP.FM
|
||
};
|
||
|
||
// Create modal
|
||
var modal = UI.createModal({
|
||
$body: $body,
|
||
onClose: function () {
|
||
hideIframe();
|
||
}
|
||
});
|
||
displayed = modal;
|
||
modal.show();
|
||
|
||
// Set the fixed content
|
||
modal.$modal.attr('id', 'cp-filepicker-dialog');
|
||
var $block = modal.$modal.find('.cp-modal');
|
||
|
||
// Description
|
||
var text = Messages.filePicker_description;
|
||
if (types && types.length === 1 && types[0] !== 'file') {
|
||
text = Messages.selectTemplate;
|
||
}
|
||
$block.append(h('p', text));
|
||
|
||
// Add filter input
|
||
var $filter = $(h('p.cp-modal-form')).appendTo($block);
|
||
var to;
|
||
var $input = $('<input>', {
|
||
type: 'text',
|
||
'class': 'cp-filepicker-filter',
|
||
'placeholder': Messages.filePicker_filter
|
||
}).appendTo($filter).on('keypress', function () {
|
||
if (to) { window.clearTimeout(to); }
|
||
to = window.setTimeout(updateContainer, 300);
|
||
});
|
||
|
||
// If file, display the upload button
|
||
if (types.indexOf('file') !== -1) {
|
||
var f = (filters && filters.filter) || {};
|
||
delete data.accept;
|
||
if (Array.isArray(f.fileType)) {
|
||
data.accept = f.fileType.map(function (val) {
|
||
if (/^[a-z]+\/$/.test(val)) {
|
||
val += '*';
|
||
}
|
||
return val;
|
||
});
|
||
}
|
||
}
|
||
|
||
var $uploadButton = common.createButton('upload', false, data);
|
||
$filter.append($uploadButton);
|
||
if (!common.isLoggedIn()) {
|
||
$uploadButton.prop('disabled', true)
|
||
.prop('title', Messages.upload_mustLogin);
|
||
}
|
||
|
||
var $container = $(h('span.cp-filepicker-content', [
|
||
h('div.cp-loading-spinner-container', h('span.cp-spinner'))
|
||
])).appendTo($block);
|
||
|
||
// Update the files list when needed
|
||
updateContainer = function () {
|
||
var filter = $input.val().trim();
|
||
var todo = function (err, list) {
|
||
if (err) { return void console.error(err); }
|
||
$container.html('');
|
||
Object.keys(list).forEach(function (id) {
|
||
var data = list[id];
|
||
var name = data.filename || data.title || data.name || '?';
|
||
if (filter && name.toLowerCase().indexOf(filter.toLowerCase()) === -1) {
|
||
return;
|
||
}
|
||
var $span = $('<span>', {
|
||
'class': 'cp-filepicker-content-element',
|
||
'title': Util.fixHTML(name),
|
||
}).appendTo($container);
|
||
$span.append(UI.getFileIcon(data));
|
||
$('<span>', {'class': 'cp-filepicker-content-element-name'}).text(name)
|
||
.appendTo($span);
|
||
if (data.static) { $span.attr('title', Util.fixHTML(data.href)); }
|
||
$span.click(function () {
|
||
if (typeof onFilePicked === "function") {
|
||
onFilePicked({url: data.href, name: name, static: data.static, password: data.password});
|
||
}
|
||
});
|
||
|
||
// Add thumbnail if it exists
|
||
common.displayThumbnail(data.href, data.channel, data.password, $span);
|
||
});
|
||
$input.focus();
|
||
};
|
||
common.getFilesList(filters, todo);
|
||
};
|
||
updateContainer();
|
||
};
|
||
|
||
sframeChan.on('EV_REFRESH', function (data) {
|
||
if (!data) { return; }
|
||
var type = data.modal;
|
||
if (!create[type]) { return; }
|
||
if (displayed && displayed.close) { displayed.close(); }
|
||
else if (displayed && displayed.hide) { displayed.hide(); }
|
||
$('button.cancel').click(); // Close any existing alertify
|
||
displayed = undefined;
|
||
create[type](data);
|
||
});
|
||
|
||
UI.removeLoadingScreen();
|
||
};
|
||
|
||
var main = function () {
|
||
var common;
|
||
var _andThen = Util.once(andThen);
|
||
|
||
nThen(function (waitFor) {
|
||
$(waitFor(function () {
|
||
UI.addLoadingScreen({hideTips: true, hideLogo: true});
|
||
}));
|
||
SFCommon.create(waitFor(function (c) { APP.common = common = c; }));
|
||
}).nThen(function (/*waitFor*/) {
|
||
var metadataMgr = common.getMetadataMgr();
|
||
if (metadataMgr.getMetadataLazy() !== 'uninitialized') {
|
||
_andThen(common);
|
||
return;
|
||
}
|
||
metadataMgr.onChange(function () {
|
||
_andThen(common);
|
||
});
|
||
});
|
||
};
|
||
main();
|
||
});
|