add viewer scripts

res/include/script/file_viewer/Toolbar.js

@@ -0,0 +1,186 @@
+class Toolbar {
+	viewer = null;
+
+	visible = false;
+	sharebarVisible = false;
+
+	// Elements
+	divToolbar       = null;
+	divFilePreview   = null;
+	downloadFrame    = null
+
+	spanViews        = null;
+	spanDownloads    = null;
+
+	btnToggleToolbar = null;
+	btnDownload      = null;
+	btnCopyLink      = null;
+	spanCopyLink     = null;
+	btnShare         = null;
+	divSharebar      = null;
+
+	constructor(viewer) {let t = this;
+		this.viewer = viewer;
+
+		t.divToolbar       = document.getElementById("toolbar");
+		t.divFilePreview   = document.getElementById("filepreview");
+		t.downloadFrame    = document.getElementById("download_frame");
+		t.spanViews        = document.getElementById("stat_views");
+		t.spanDownloads    = document.getElementById("stat_downloads");
+
+		t.btnToggleToolbar = document.getElementById("btn_toggle_toolbar");
+		t.btnDownload      = document.getElementById("btn_download");
+		t.btnCopyLink      = document.getElementById("btn_copy");
+		t.spanCopyLink     = document.querySelector("#btn_copy > span");
+		t.btnShare         = document.getElementById("btn_share");
+		t.divSharebar      = document.getElementById("sharebar");
+
+		t.btnToggleToolbar.addEventListener("click", () => { t.toggle(); });
+		t.btnDownload.addEventListener("click", () => { t.download(); });
+		t.btnCopyLink.addEventListener("click", () => { t.copyUrl(); });
+		t.btnShare.addEventListener("click", () => { t.toggleSharebar(); });
+	}
+
+	toggle() {let t = this;
+		if (t.visible) {
+			if (t.sharebarVisible) { t.toggleSharebar(); }
+
+			t.divToolbar.style.left = "-8em";
+			t.divFilePreview.style.left = "0px";
+			t.btnToggleToolbar.classList.remove("button_highlight");
+			t.visible = false;
+		} else {
+			t.divToolbar.style.left = "0px";
+			t.divFilePreview.style.left = "8em";
+			t.btnToggleToolbar.classList.add("button_highlight");
+			t.visible = true;
+		}
+	}
+
+	toggleSharebar(){let t = this;
+		if (navigator.share) {
+			navigator.share({
+				title: t.viewer.title,
+				text: "Download " + t.viewer.title + " here",
+				url: window.location.href
+			});
+			return;
+		}
+
+		if(t.sharebarVisible){
+			t.divSharebar.style.left = "-8em";
+			t.btnShare.classList.remove("button_highlight")
+			t.sharebarVisible = false;
+		}else{
+			t.divSharebar.style.left = "8em";
+			t.btnShare.classList.add("button_highlight")
+			t.sharebarVisible = true;
+		}
+	}
+
+	download() {let t = this;
+		let triggerDL = function(){
+			t.downloadFrame.src = apiEndpoint+"/file/"+t.viewer.currentFile+"?download";
+		}
+
+		if (captchaKey === "a"){
+			// If the server doesn't support captcha there's no use in checking
+			// availability
+			triggerDL();
+			return;
+		}
+
+		fetch(apiEndpoint+"/file/"+t.viewer.currentFile+"/availability").then(resp => {
+			return resp.json();
+		}).then(resp => {
+			let popupDiv = document.getElementById("captcha_popup");
+			let popupTitle = document.getElementById("captcha_popup_title");
+			let popupContent = document.getElementById("captcha_popup_content");
+
+			let showCaptcha = function() {
+				// Load the recaptcha script with a load function
+				var script = document.createElement("script");
+				script.src = "https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit";
+				document.appendChild(script);
+				// $.getScript("https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit");
+				popupDiv.style.opacity = "1";
+				popupDiv.style.visibility = "visible";
+			}
+
+			if (resp.value === "file_rate_limited_captcha_required") {
+				popupTitle.innerText = "Rate limiting enabled!";
+				popupContent.innerText = "This file is using a suspicious "+
+					"amount of bandwidth relative to its popularity. To "+
+					"continue downloading this file you will have to "+
+					"prove that you're a human first.";
+				showCaptcha();
+			} else if (resp.value === "virus_detected_captcha_required") {
+				popupTitle.innerText = "Malware warning!";
+				popupContent.innerText = "According to our scanning "+
+					"systems this file may contain a virus  of type '"+
+					resp.extra+"'. You can continue downloading this file at "+
+					"your own risk, but you will have to prove that you're a "+
+					"human first.";
+				showCaptcha();
+			} else {
+				triggerDL();
+			}
+		}).catch(e => {
+			triggerDL();
+		});
+	}
+
+	copyUrl() {let t = this;
+		if(copyText(window.location.href)) {
+			console.log('Text copied');
+			t.spanCopyLink.innerText = "Copied!";
+			t.btnCopyLink.classList.add("button_highlight")
+		} else {
+			console.log('Copying not supported');
+			t.spanCopyLink.innerText = "Error!";
+			alert("Your browser does not support copying text.");
+		}
+
+		// Return to normal
+		setTimeout(function(){
+			t.spanCopyLink.innerText = "Copy";
+			t.btnCopyLink.classList.remove("button_highlight")
+		}, 60000);
+	}
+
+	setStats(views, downloads) {let t = this;
+		t.spanViews.innerText = views
+		t.spanDownloads.innerText = Math.round(downloads*10)/10;
+	}
+}
+
+// Called by the google recaptcha script
+function loadCaptcha(){
+	grecaptcha.render("captcha_popup_captcha", {
+		sitekey: captchaKey,
+		theme: "dark",
+		callback: function(token){
+			document.getElementById("download_frame").src = "/api/file/" + Viewer.currentFile +
+				"?download&recaptcha_response="+token;
+
+			setTimeout(function(){
+				let popupDiv = document.getElementById("captcha_popup");
+				popupDiv.style.opacity = "0";
+				popupDiv.style.visibility = "hidden";
+			}, 1000)
+		}
+	});
+}
+
+function formatDataVolume(amt) {
+	if (amt > 1e12) {
+		return Math.round(amt/1e9)/1e3 + " TB";
+	} else if (amt > 1e9) {
+		return Math.round(amt/1e6)/1e3 + " GB";
+	} else if (amt > 1e6) {
+		return Math.round(amt/1e3)/1e3 + " MB";
+	} else if (amt > 1e3) {
+		return Math.round(amt)/1e3 + " kB";
+	}
+	return amt + " B"
+}