Secure share modal
yflory
6 years ago
parent
bfba5ff33b
commit
fb0827107b
@ -0,0 +1,14 @@
|
|||||||
|
@import (reference) '../../customize/src/less2/include/colortheme-all.less';
|
||||||
|
@import (reference) '../../customize/src/less2/include/modal.less';
|
||||||
|
@import (reference) '../../customize/src/less2/include/alertify.less';
|
||||||
|
@import (reference) '../../customize/src/less2/include/tippy.less';
|
||||||
|
@import (reference) '../../customize/src/less2/include/checkmark.less';
|
||||||
|
@import (reference) '../../customize/src/less2/include/password-input.less';
|
||||||
|
|
||||||
|
&.cp-app-share {
|
||||||
|
.alertify_main();
|
||||||
|
.tippy_main();
|
||||||
|
.checkmark_main(20px);
|
||||||
|
.password_main();
|
||||||
|
.modal_main();
|
||||||
|
}
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CryptPad</title>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="referrer" content="no-referrer" />
|
||||||
|
<script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||||
|
<style>
|
||||||
|
html, body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
#sbox-iframe {
|
||||||
|
position:fixed;
|
||||||
|
top:0px;
|
||||||
|
left:0px;
|
||||||
|
bottom:0px;
|
||||||
|
right:0px;
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
border:none;
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<iframe id="sbox-iframe">
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="height: 100%; background: transparent;">
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
|
||||||
|
<script async data-bootload="/share/inner.js" data-main="/common/sframe-boot.js?ver=1.6" src="/bower_components/requirejs/require.js?ver=2.3.5"></script>
|
||||||
|
<style>
|
||||||
|
.loading-hidden { display: none; }
|
||||||
|
body #cp-loading {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 15vh;
|
||||||
|
bottom: 15vh;
|
||||||
|
left: 10vw;
|
||||||
|
right: 10vw;
|
||||||
|
z-index: 200000;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
body #cp-loading .cp-loading-container {
|
||||||
|
margin-top: 35vh;
|
||||||
|
}
|
||||||
|
body #cp-loading .cp-loading-cryptofist {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="cp-app-share" style="background: transparent;">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
@ -0,0 +1,86 @@
|
|||||||
|
define([
|
||||||
|
'jquery',
|
||||||
|
'/bower_components/nthen/index.js',
|
||||||
|
'/common/sframe-common.js',
|
||||||
|
'/common/common-ui-elements.js',
|
||||||
|
'/common/common-interface.js',
|
||||||
|
|
||||||
|
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
|
||||||
|
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
|
||||||
|
'less!/share/app-share.less',
|
||||||
|
], function (
|
||||||
|
$,
|
||||||
|
nThen,
|
||||||
|
SFCommon,
|
||||||
|
UIElements,
|
||||||
|
UI)
|
||||||
|
{
|
||||||
|
var APP = window.APP = {};
|
||||||
|
|
||||||
|
var andThen = function (common) {
|
||||||
|
var metadataMgr = common.getMetadataMgr();
|
||||||
|
var sframeChan = common.getSframeChannel();
|
||||||
|
|
||||||
|
var hideShareDialog = function () {
|
||||||
|
sframeChan.event('EV_SHARE_CLOSE');
|
||||||
|
};
|
||||||
|
/*
|
||||||
|
var onShareAction = function (data) {
|
||||||
|
hideShareDialog();
|
||||||
|
sframeChan.event("EV_SHARE_ACTION", {
|
||||||
|
// XXX data
|
||||||
|
});
|
||||||
|
};
|
||||||
|
*/
|
||||||
|
|
||||||
|
var createShareDialog = function (data) {
|
||||||
|
var priv = metadataMgr.getPrivateData();
|
||||||
|
var hashes = priv.hashes;
|
||||||
|
var origin = priv.origin;
|
||||||
|
var pathname = priv.pathname;
|
||||||
|
var f = (data && data.file) ? UIElements.createFileShareModal
|
||||||
|
: UIElements.createShareModal;
|
||||||
|
var modal = f({
|
||||||
|
origin: origin,
|
||||||
|
pathname: pathname,
|
||||||
|
hashes: hashes,
|
||||||
|
common: common,
|
||||||
|
onClose: function () {
|
||||||
|
hideShareDialog();
|
||||||
|
},
|
||||||
|
fileData: {
|
||||||
|
hash: hashes.fileHash,
|
||||||
|
password: priv.password
|
||||||
|
}
|
||||||
|
});
|
||||||
|
UI.openCustomModal(UI.dialog.tabs(modal));
|
||||||
|
};
|
||||||
|
sframeChan.on('EV_SHARE_REFRESH', function (data) {
|
||||||
|
createShareDialog(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
//UI.removeLoadingScreen();
|
||||||
|
};
|
||||||
|
|
||||||
|
var main = function () {
|
||||||
|
var common;
|
||||||
|
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
$(waitFor(function () {
|
||||||
|
UI.removeLoadingScreen();
|
||||||
|
//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();
|
||||||
|
});
|
||||||
@ -0,0 +1,132 @@
|
|||||||
|
// Load #1, load as little as possible because we are in a race to get the loading screen up.
|
||||||
|
define([
|
||||||
|
'/bower_components/nthen/index.js',
|
||||||
|
'/api/config',
|
||||||
|
'jquery',
|
||||||
|
'/common/requireconfig.js',
|
||||||
|
], function (nThen, ApiConfig, $, RequireConfig) {
|
||||||
|
var requireConfig = RequireConfig();
|
||||||
|
|
||||||
|
var create = function (config) {
|
||||||
|
// Loaded in load #2
|
||||||
|
var sframeChan;
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
$(waitFor());
|
||||||
|
}).nThen(function (waitFor) {
|
||||||
|
var req = {
|
||||||
|
cfg: requireConfig,
|
||||||
|
req: [ '/common/loading.js' ],
|
||||||
|
pfx: window.location.origin
|
||||||
|
};
|
||||||
|
window.rc = requireConfig;
|
||||||
|
window.apiconf = ApiConfig;
|
||||||
|
$('#sbox-share-iframe').attr('src',
|
||||||
|
ApiConfig.httpSafeOrigin + '/share/inner.html?' + requireConfig.urlArgs +
|
||||||
|
'#' + encodeURIComponent(JSON.stringify(req)));
|
||||||
|
|
||||||
|
// This is a cheap trick to avoid loading sframe-channel in parallel with the
|
||||||
|
// loading screen setup.
|
||||||
|
var done = waitFor();
|
||||||
|
var onMsg = function (msg) {
|
||||||
|
var data = JSON.parse(msg.data);
|
||||||
|
if (data.q !== 'READY') { return; }
|
||||||
|
window.removeEventListener('message', onMsg);
|
||||||
|
var _done = done;
|
||||||
|
done = function () { };
|
||||||
|
_done();
|
||||||
|
};
|
||||||
|
window.addEventListener('message', onMsg);
|
||||||
|
}).nThen(function (/*waitFor*/) {
|
||||||
|
var Cryptpad = config.modules.Cryptpad;
|
||||||
|
var Utils = config.modules.Utils;
|
||||||
|
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
// The inner iframe tries to get some data from us every ms (cache, store...).
|
||||||
|
// It will send a "READY" message and wait for our answer with the correct txid.
|
||||||
|
// First, we have to answer to this message, otherwise we're going to block
|
||||||
|
// sframe-boot.js. Then we can start the channel.
|
||||||
|
var msgEv = Utils.Util.mkEvent();
|
||||||
|
var iframe = $('#sbox-share-iframe')[0].contentWindow;
|
||||||
|
var postMsg = function (data) {
|
||||||
|
iframe.postMessage(data, '*');
|
||||||
|
};
|
||||||
|
var w = waitFor();
|
||||||
|
var whenReady = function (msg) {
|
||||||
|
if (msg.source !== iframe) { return; }
|
||||||
|
var data = JSON.parse(msg.data);
|
||||||
|
if (!data.txid) { return; }
|
||||||
|
// Remove the listener once we've received the READY message
|
||||||
|
window.removeEventListener('message', whenReady);
|
||||||
|
// Answer with the requested data
|
||||||
|
postMsg(JSON.stringify({ txid: data.txid, language: Cryptpad.getLanguage() }));
|
||||||
|
|
||||||
|
// Then start the channel
|
||||||
|
window.addEventListener('message', function (msg) {
|
||||||
|
if (msg.source !== iframe) { return; }
|
||||||
|
msgEv.fire(msg);
|
||||||
|
});
|
||||||
|
config.modules.SFrameChannel.create(msgEv, postMsg, waitFor(function (sfc) {
|
||||||
|
sframeChan = sfc;
|
||||||
|
}));
|
||||||
|
w();
|
||||||
|
};
|
||||||
|
window.addEventListener('message', whenReady);
|
||||||
|
}).nThen(function () {
|
||||||
|
var updateMeta = function () {
|
||||||
|
//console.log('EV_METADATA_UPDATE');
|
||||||
|
var metaObj;
|
||||||
|
nThen(function (waitFor) {
|
||||||
|
Cryptpad.getMetadata(waitFor(function (err, n) {
|
||||||
|
if (err) { console.log(err); }
|
||||||
|
metaObj = n;
|
||||||
|
}));
|
||||||
|
}).nThen(function (/*waitFor*/) {
|
||||||
|
metaObj.doc = {};
|
||||||
|
var additionalPriv = {
|
||||||
|
accountName: Utils.LocalStore.getAccountName(),
|
||||||
|
origin: window.location.origin,
|
||||||
|
pathname: window.location.pathname,
|
||||||
|
feedbackAllowed: Utils.Feedback.state,
|
||||||
|
hashes: config.data.hashes,
|
||||||
|
password: config.data.password,
|
||||||
|
file: config.data.file
|
||||||
|
};
|
||||||
|
for (var k in additionalPriv) { metaObj.priv[k] = additionalPriv[k]; }
|
||||||
|
|
||||||
|
sframeChan.event('EV_METADATA_UPDATE', metaObj);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Cryptpad.onMetadataChanged(updateMeta);
|
||||||
|
sframeChan.onReg('EV_METADATA_UPDATE', updateMeta);
|
||||||
|
|
||||||
|
config.addCommonRpc(sframeChan);
|
||||||
|
|
||||||
|
sframeChan.on('Q_GET_FILES_LIST', function (types, cb) {
|
||||||
|
Cryptpad.getSecureFilesList(types, function (err, data) {
|
||||||
|
cb({
|
||||||
|
error: err,
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
sframeChan.on('EV_SHARE_CLOSE', function () {
|
||||||
|
config.onClose();
|
||||||
|
});
|
||||||
|
sframeChan.on('EV_SHARE_ACTION', function (data) {
|
||||||
|
config.onShareAction(data);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
var refresh = function (data) {
|
||||||
|
if (!sframeChan) { return; }
|
||||||
|
sframeChan.event('EV_SHARE_REFRESH', data);
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
refresh: refresh
|
||||||
|
};
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
create: create
|
||||||
|
};
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue