Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-18 06:35:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Workings for future posterity - Can't access iframe content from parent. iframe needs to initiate. Postmessage data up the stack.

Browse Source
This commit is contained in:
Richard Lewis 2017-12-03 19:44:59 +00:00
parent 3a89b90e57
commit c9b8aab0e0
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/structures/RoomView.js
View File

@ -468,6 +468,9 @@ module.exports = React.createClass({
unsentMessageError: this._getUnsentMessageError(this.state.room),
});
break;
case 'picture_snapshot':
this.uploadFile(payload.file);
break;
case 'notifier_enabled':
case 'upload_failed':
case 'upload_started':

22
src/components/views/elements/AppTile.js
View File

@ -32,6 +32,7 @@ import AppWarning from './AppWarning';
import MessageSpinner from './MessageSpinner';
import WidgetUtils from '../../../WidgetUtils';
import dis from '../../../dispatcher';
import domtoimage from 'dom-to-image';
const ALLOWED_APP_URL_SCHEMES = ['https:', 'http:'];
@ -222,7 +223,14 @@ export default React.createClass({
},
_onSnapshotClick(e) {
console.log("Snapshot widget ID ", this.props.id);
const iframe = this.refs.appFrame;
domtoimage.toPng(iframe).then(function(dataUrl) {
console.log("Image data URL:", dataUrl);
dis.dispatch({
action: 'picture_snapshot',
file: dataURLtoBlob(dataUrl),
}, true);
});
},
/* If user has permission to modify widgets, delete the widget,
@ -428,3 +436,15 @@ export default React.createClass({
);
},
});
function dataURLtoBlob(dataurl) {
const arr = dataurl.split(',');
const mime = arr[0].match(/:(.*?);/)[1];
const bstr = atob(arr[1]);
let n = bstr.length;
const u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n);
}
return new Blob([u8arr], {type: mime});
}