pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve file previews

Browse Source
This commit is contained in:
Wim Brand
2020-06-14 16:02:15 +02:00
parent 881796b416
commit 4f0393a674
3 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
res/include/script/file_viewer/viewer_scripts/FileViewer.js
View File

@@ -7,19 +7,37 @@ function FileViewer(viewer, file, next) {
this.container.classList = "image-container"
this.container.appendChild(document.createElement("br"))
this.title = document.createElement("h1")
this.title.innerText = "You are viewing a file on pixeldrain"
this.container.appendChild(this.title)
this.icon = document.createElement("img")
this.icon.style.display = "inline-block"
this.icon.style.verticalAlign = "middle"
this.icon.src = this.file.icon_href
this.container.appendChild(this.icon)
this.container.appendChild(document.createElement("br"))
this.container.appendChild(document.createTextNode(file.name))
this.container.appendChild(document.createElement("br"))
this.container.appendChild(document.createTextNode("Type: "+file.mime_type))
this.container.appendChild(document.createElement("br"))
this.container.appendChild(document.createElement("br"))
this.container.appendChild(document.createTextNode(
"Press the 'Download' button in the menu to download this file"
this.fileDetails = document.createElement("div")
this.fileDetails.style.display = "inline-block"
this.fileDetails.style.textAlign = "left"
this.fileDetails.style.paddingLeft = "8px"
this.fileDetails.style.verticalAlign = "middle"
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.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.addEventListener("click", () => { viewer.toolbar.download() })
this.btnDL.classList = "button_highlight"
this.fileDetails.appendChild(this.btnDL)
this.container.appendChild(this.fileDetails)
}
FileViewer.prototype.render = function(parent) {