Add voucher portal and a-ads skyscraper

res/include/script/file_viewer/Skyscraper.js

@@ -0,0 +1,45 @@
+function Skyscraper() {
+	this.visible = false
+
+	this.divSkyscraper = document.getElementById("skyscraper")
+	this.divAdSpace = document.getElementById("skyscraper_ad_space")
+	this.divFilePreview = document.getElementById("filepreview")
+	this.btnClose = document.getElementById("btn_skyscraper_close")
+	this.btnClose.addEventListener("click", () => { this.close() })
+}
+
+Skyscraper.prototype.open = function () {
+	// If the ad popup was dismissed less than 24 hours ago we don't show it
+	let dismissal = +localStorage.getItem("viewer_skyscraper_ad_dismissed")
+	let now = new Date().getTime()
+
+	if (dismissal > 0 && now - dismissal < 60 * 60 * 24) {
+		console.log("Skyscraper dismissed")
+		return
+	}
+
+	if (skyscraperType === "a-ads") {
+		this.divAdSpace.innerHTML = `<iframe
+				data-aa="1811738"
+				src="//ad.a-ads.com/1811738?size=160x600"
+				style="width:160px; height:600px; border:0px; padding:0; overflow:hidden; background-color: transparent;" >
+			</iframe>`
+	} else {
+		return
+	}
+
+	this.divSkyscraper.style.right = "0"
+	this.divFilePreview.style.right = this.divSkyscraper.offsetWidth + "px"
+	this.visible = true
+}
+
+Skyscraper.prototype.close = function () {
+	this.divSkyscraper.style.right = -this.divSkyscraper.offsetWidth + "px"
+	this.divFilePreview.style.right = "0"
+	this.visible = false
+
+	localStorage.setItem("viewer_skyscraper_ad_dismissed", +new Date())
+
+	// Remove the ad from the DOM to save memory
+	setTimeout(() => { this.divSkyscraper.remove() }, 1000)
+}

res/include/script/file_viewer/Viewer.js

@@ -18,6 +18,7 @@ function Viewer(type, viewToken, data) {
 	this.detailsWindow = new DetailsWindow(this)
 	this.editWindow = new EditWindow()
 	this.qrCodeWindow = new QRCodeWindow(this)
+	this.skyscraper = new Skyscraper()
 
 	this.divFilepreview = document.getElementById("filepreview")
 
@@ -26,6 +27,9 @@ function Viewer(type, viewToken, data) {
 	if (this.divFilepreview.clientWidth > 600 && !this.toolbar.visible) {
 		this.toolbar.toggle()
 	}
+	if (this.divFilepreview.clientWidth > 1000) {
+		this.skyscraper.open()
+	}
 
 	if (embeddedViewer) {
 		// Remove padding from the headerbar