summaryrefslogtreecommitdiffhomepage
path: root/html
diff options
context:
space:
mode:
Diffstat (limited to 'html')
-rw-r--r--html/index.html1
-rw-r--r--html/whiteboard.css14
-rw-r--r--html/whiteboard.js15
3 files changed, 30 insertions, 0 deletions
diff --git a/html/index.html b/html/index.html
index decc540..b72e23b 100644
--- a/html/index.html
+++ b/html/index.html
@@ -23,6 +23,7 @@
<button class="button" onclick="on_qrcode_click();">QR code</button>
<span id="status">Starting up...</span>
<button class="buttonred" id="reconnect" onclick="on_reconnect_click();" hidden>Reconnect</button>
+ <span class="helper"></span><img class="center-img clickable" onclick="on_pdf_click();" src="pdf-icon-30.png" height="37" width="30"/></span>
<br/>
<br/>
Reichwein.IT Whiteboard <span id="version"></span> by <a href="https://www.reichwein.it">https://www.reichwein.it</a><br/>
diff --git a/html/whiteboard.css b/html/whiteboard.css
index 4de9b46..2d222d5 100644
--- a/html/whiteboard.css
+++ b/html/whiteboard.css
@@ -20,6 +20,20 @@ div.status {
color: #FF0000;
}
+span.helper {
+ display: inline-block;
+ height: 100%;
+ vertical-align: middle;
+}
+
+img.center-img {
+ vertical-align: middle;
+}
+
+.clickable {
+ cursor: pointer;
+}
+
textarea {
/*
height: 30vh;
diff --git a/html/whiteboard.js b/html/whiteboard.js
index 38f972f..379c757 100644
--- a/html/whiteboard.js
+++ b/html/whiteboard.js
@@ -94,6 +94,14 @@ function on_version(version)
document.getElementById("version").textContent = version;
}
+function on_pdf(pdf)
+{
+ var a = document.getElementById("download-a");
+ a.href = "data:application/pdf;base64," + pdf;
+ a.download = get_id() + ".pdf"
+ a.click();
+}
+
function on_modify_ack(rev)
{
if (rev != revision + 1)
@@ -128,6 +136,8 @@ function on_message(e) {
on_qrcode(xmlDocument.getElementsByTagName("png")[0].textContent);
} else if (type == "version") {
on_version(xmlDocument.getElementsByTagName("version")[0].textContent);
+ } else if (type == "pdf") {
+ on_pdf(xmlDocument.getElementsByTagName("pdf")[0].textContent);
} else if (type == "error") {
alert(xmlDocument.getElementsByTagName("message")[0].textContent);
} else {
@@ -334,3 +344,8 @@ function on_qrcode_click()
websocket.send(new XMLSerializer().serializeToString(xmlDocument));
}
+function on_pdf_click()
+{
+ websocket.send("<request><command>pdf</command><id>" + get_id() + "</id></request>");
+}
+