wbrawner/snapdrop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Paste image content from the clipboard

Browse source 
This allows someone to take a screen capture and send it to a peer without having to save it as a file.  This only works if only one peer is connected as I wasn't sure what the UI flow should be if there are multiple peers.  If nothing else, maybe this can be used to implement the full flow for multiple peers. =]
This commit is contained in:
CJ 2020-03-03 09:15:32 -05:00 committed by GitHub
parent 662a2e48de
commit 5efd9a3bba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
client/scripts/ui.js
View file

@ -12,6 +12,7 @@ class PeersUI {
Events.on('peer-left', e => this._onPeerLeft(e.detail));
Events.on('peers', e => this._onPeers(e.detail));
Events.on('file-progress', e => this._onFileProgress(e.detail));
window.addEventListener('paste', e => this._onPaste(e));
}
_onPeerJoined(peer) {
@ -41,6 +42,23 @@ class PeersUI {
_clearPeers() {
const $peers = $$('x-peers').innerHTML = '';
}
_onPaste(e) {
const files = e.clipboardData.items
.filter(i => i.type.indexOf('image') > -1)
.map(i => i.getAsFile());
// send the pasted image content to the only peer if there is one
// otherwise, select the peer somehow by notifying the client that
// "image data has been pasted, click the client to which to send it"
// not implemented
if (files.length > 0 && $$('x-peer').length === 1) {
Events.fire('files-selected', {
files: files,
to: $$('x-peer').id
});
}
}
}
class PeerUI {