46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
|
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)
|
||
|
|
}
|