95 lines
2.8 KiB
HTML
95 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Web Gateway</title>
|
|
<style type="text/css">
|
|
.horizontal-centre {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
.vertical-centre {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
</style>
|
|
<style>
|
|
@import url("clipboard.css");
|
|
</style>
|
|
<script src="jquery-3.6.1.min.js" type="text/javascript"></script>
|
|
<script type="module" defer>
|
|
import init from "/webrdp.js";
|
|
await init();
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="rdp_status" style="position: relative; height: auto;" class="horizontal-centre vertical-centre"></div>
|
|
<div id="canvas" class="horizontal-centre vertical-centre">
|
|
<canvas id="rdp-canvas" tabIndex=1></canvas>
|
|
<button type="button" id="ctrlaltdel" style="display: inline; position:absolute; right: 10px; top: 10px;">Send
|
|
CtrlAltDel</button>
|
|
</div>
|
|
<div class="clipboardback">
|
|
<div class="clipboard">
|
|
<button id="clipboardbtn">clipboard</button>
|
|
<div id="clipboardbox" class="horizontal-centre vertical-centre">
|
|
<div style="position: relative; top: 50%; transform: translateY(-50%);">
|
|
<div><textarea id="clipboardtxt" rows="30"></textarea></div>
|
|
<div><button id="clipboardsend">Send</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script type="text/javascript" defer>
|
|
$("#clipboardbtn").attr("open1", 0);
|
|
$("#clipboardbtn").click(
|
|
function (e) {
|
|
e.stopPropagation();
|
|
if (($("#clipboardbtn")).attr("open1") == 0) {
|
|
open();
|
|
} else {
|
|
close();
|
|
}
|
|
}
|
|
);
|
|
$(".clipboardback").click(function () {
|
|
close();
|
|
})
|
|
$(".clipboard").click(function () {
|
|
event.stopPropagation();
|
|
})
|
|
function open() {
|
|
$("#clipboardbtn").attr("open1", 1);
|
|
$("#clipboardbtn").html(">")
|
|
$(".clipboard").toggleClass("clipboard-open");
|
|
$(".clipboardback").toggleClass("clipboardback-open");
|
|
$(".clipboardback").css("pointer-events", "auto");
|
|
}
|
|
|
|
function close() {
|
|
$("#clipboardbtn").attr("open1", 0);
|
|
$("#clipboardbtn").html("clipboard")
|
|
$(".clipboard").toggleClass("clipboard-open");
|
|
$(".clipboardback").toggleClass("clipboardback-open");
|
|
$(".clipboardback").css("pointer-events", "none");
|
|
}
|
|
|
|
function setClipBoard(s) {
|
|
$("#clipboardtxt").val(s);
|
|
}
|
|
|
|
function getClipBoard() {
|
|
return $("#clipboardtxt").val();
|
|
}
|
|
</script> |