Disable video player based on subscription

res/include/script/file_viewer/viewer_scripts/FileViewer.js

@@ -1,7 +1,7 @@
 function FileViewer(viewer, file, next) {
 	this.viewer = viewer
-	this.file   = file
-	this.next   = next
+	this.file = file
+	this.next = next
 
 	this.container = document.createElement("div")
 	this.container.classList = "image-container"
@@ -23,23 +23,24 @@ function FileViewer(viewer, file, next) {
 	this.fileDetails.style.paddingLeft = "8px"
 	this.fileDetails.style.verticalAlign = "middle"
 
-	this.fileDetails.appendChild(document.createTextNode("Name: "+file.name))
+	this.fileDetails.appendChild(document.createTextNode("Name: " + file.name))
 	this.fileDetails.appendChild(document.createElement("br"))
-	this.fileDetails.appendChild(document.createTextNode("Type: "+file.mime_type))
+	this.fileDetails.appendChild(document.createTextNode("Type: " + file.mime_type))
 	this.fileDetails.appendChild(document.createElement("br"))
 	this.fileDetails.appendChild(document.createTextNode(
 		"No preview is available for this file type. Download to view it locally"
 	))
 	this.fileDetails.appendChild(document.createElement("br"))
 
-	this.btnDL = document.getElementById("btn_download").cloneNode(true)
+	this.btnDL = document.createElement("button")
 	this.btnDL.addEventListener("click", () => { viewer.toolbar.download() })
+	this.btnDL.innerHTML = `<i class="icon">save</i> Download`
 	this.btnDL.classList = "button_highlight"
 	this.fileDetails.appendChild(this.btnDL)
 
 	this.container.appendChild(this.fileDetails)
 }
 
-FileViewer.prototype.render = function(parent) {
+FileViewer.prototype.render = function (parent) {
 	parent.appendChild(this.container)
 }

res/include/script/file_viewer/viewer_scripts/TextViewer.js

@@ -35,7 +35,7 @@ TextViewer.prototype.getCode = function () {
 
 		// Load prettyprint script
 		this.prettyprint = document.createElement("script")
-		this.prettyprint.src = "https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"
+		this.prettyprint.src = `{{noescape "https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"}}`
 		this.container.appendChild(this.prettyprint)
 	}).catch(err => {
 		this.pre.innerText = "Error loading file: " + err

res/include/script/file_viewer/viewer_scripts/VideoViewer.js

@@ -2,27 +2,74 @@ function VideoViewer(viewer, file, next) {
 	this.viewer = viewer
 	this.file = file
 	this.next = next
-
-	this.vidContainer = document.createElement("div")
-	this.vidContainer.classList = "image-container"
-
-	this.vidElement = document.createElement("video")
-	this.vidElement.controls = "controls"
-	this.vidElement.playsInline = "playsInline"
-	this.vidElement.classList = "center drop_shadow"
-	this.vidElement.addEventListener("ended", () => { this.next() }, false)
-	if (!embeddedViewer) {
-		this.vidElement.autoplay = "autoplay"
-	}
-
-	this.videoSource = document.createElement("source")
-	this.videoSource.src = this.file.get_href
-	this.videoSource.type = this.file.mime_type
-
-	this.vidElement.appendChild(this.videoSource)
-	this.vidContainer.appendChild(this.vidElement)
 }
 
 VideoViewer.prototype.render = function (parent) {
-	parent.appendChild(this.vidContainer)
+	if (this.file.allow_video_player) {
+		let vidContainer = document.createElement("div")
+		vidContainer.classList = "image-container"
+
+		let vidElement = document.createElement("video")
+		vidElement.controls = "controls"
+		vidElement.playsInline = "playsInline"
+		vidElement.classList = "center drop_shadow"
+		vidElement.addEventListener("ended", () => { this.next() }, false)
+		if (!embeddedViewer) {
+			vidElement.autoplay = "autoplay"
+		}
+
+		let videoSource = document.createElement("source")
+		videoSource.src = this.file.get_href
+		videoSource.type = this.file.mime_type
+
+		vidElement.appendChild(videoSource)
+		vidContainer.appendChild(vidElement)
+		parent.appendChild(vidContainer)
+
+		// Possible fix for ios 15 video bug?
+		this.videoSource.src = this.file.get_href
+		this.videoSource.type = this.file.mime_type
+	} else {
+		let container = document.createElement("div")
+		container.classList = "image-container"
+		container.appendChild(document.createElement("br"))
+
+		let title = document.createElement("h1")
+		title.innerText = "This is a video file on pixeldrain"
+		container.appendChild(title)
+
+		let icon = document.createElement("img")
+		icon.style.display = "inline-block"
+		icon.style.verticalAlign = "middle"
+		icon.src = this.file.icon_href
+		container.appendChild(icon)
+
+		let fileDetails = document.createElement("div")
+		fileDetails.style.display = "inline-block"
+		fileDetails.style.textAlign = "left"
+		fileDetails.style.paddingLeft = "8px"
+		fileDetails.style.verticalAlign = "middle"
+		fileDetails.style.maxWidth = "600px"
+
+		fileDetails.appendChild(document.createTextNode(
+			`The online video player on pixeldrain has been disabled due to
+			repeated abuse. You can still watch videos online by upgrading to
+			Pro. Or download the video and watch it locally on your computer.`,
+		))
+		fileDetails.appendChild(document.createElement("br"))
+
+		let upgradeBtn = document.createElement("a")
+		upgradeBtn.innerHTML = `<i class="icon">upgrade</i> Upgrade to Pro`
+		upgradeBtn.classList = "button button_highlight"
+		upgradeBtn.href = `{{noescape "https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12"}}`
+		fileDetails.appendChild(upgradeBtn)
+
+		let downloadBtn = document.createElement("button")
+		downloadBtn.innerHTML = `<i class="icon">save</i> Download`
+		downloadBtn.addEventListener("click", () => { this.viewer.toolbar.download() })
+		fileDetails.appendChild(downloadBtn)
+
+		container.appendChild(fileDetails)
+		parent.appendChild(container)
+	}
 }