crabapples
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add download screenshot button

This commit is contained in:
DomenGaber 2020-02-05 13:16:10 +01:00
parent 65bd696326
commit 7090db605b
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/ui.js
View File

@ -766,12 +766,21 @@ const UI = {
}); });
}, },
attachDownloadScreenshotButton() {
document.getElementById('noVNC_download_screenshot').addEventListener('click', function() {
let link = document.createElement('a');
link.download = 'screenshot.png';
link.href = UI.rfb.canvas.toDataURL("image/png");
link.click();
});
},
updateInteractionStackUI() { updateInteractionStackUI() {
document.getElementById('noVNC_click_stack').innerHTML = ""; document.getElementById('noVNC_click_stack').innerHTML = '';
for (var i = 0; i < UI.canvasInteractionEvents.length; i++) { for (var i = 0; i < UI.canvasInteractionEvents.length; i++) {
let e = UI.canvasInteractionEvents[i]; let e = UI.canvasInteractionEvents[i];
let el = document.createElement('li'); let el = document.createElement('li');
el.innerText = e.name + " at (" + e.x + ", " + e.y + ")"; el.innerText = e.name + ' at (' + e.x + ', ' + e.y + ')';
document.getElementById('noVNC_click_stack').append(el); document.getElementById('noVNC_click_stack').append(el);
} }
}, },
@ -1108,6 +1117,7 @@ const UI = {
UI.trackMouse(); UI.trackMouse();
UI.trackClicks(); UI.trackClicks();
UI.attachDownloadScreenshotButton();
UI.updateViewOnly(); // requires UI.rfb UI.updateViewOnly(); // requires UI.rfb
}, },

4
vnc.html
View File

@ -338,6 +338,10 @@
(0, 0) (0, 0)
</div> </div>
</div> </div>
<div class="noVNC_info_item">
<span class="noVNC_info_item_label">Screenshot</span>
<button id="noVNC_download_screenshot">Download screenshot</button>
</div>
<div class="noVNC_info_item"> <div class="noVNC_info_item">
<span class="noVNC_info_item_label">Interaction stack</span> <span class="noVNC_info_item_label">Interaction stack</span>
<button id="noVNC_click_stack_copy">Copy stack to clipboard</button> <button id="noVNC_click_stack_copy">Copy stack to clipboard</button>