Bastelstube/Tims-Chat
1
0
Fork 0
mirror of https://github.com/wbbaddons/Tims-Chat.git synced 2024-12-21 21:30:08 +00:00
Code Issues Releases Wiki Activity

Add preview for non-images in attachment dialog

Browse Source
This commit is contained in:
Maximilian Mader 2021-02-04 22:45:02 +01:00
parent c241df9470
commit 57fbe3d3e9
Signed by: Max
GPG Key ID: F71D56A3151C4FB3
1 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
files_wcf/js/Bastelstu.be/Chat/Ui/Attachment/Upload.js
View File

@ -48,7 +48,6 @@ define([
super(buttonContainerId, previewContainerId, { super(buttonContainerId, previewContainerId, {
className: 'wcf\\data\\attachment\\AttachmentAction', className: 'wcf\\data\\attachment\\AttachmentAction',
acceptableFiles: ['.png', '.gif', '.jpg', '.jpeg'],
}) })
this.input = input this.input = input
@ -209,8 +208,11 @@ define([
* @see WoltLabSuite/Core/Upload#_success * @see WoltLabSuite/Core/Upload#_success
*/ */
_success(uploadId, data, responseText, xhr, requestOptions) { _success(uploadId, data, responseText, xhr, requestOptions) {
if (data.returnValues.errors && data.returnValues.errors[0]) { const target = this._fileElements[uploadId][0]
const error = data.returnValues.errors[0] const progress = target.querySelector(':scope > progress')
if (data.returnValues.errors && data.returnValues.errors[uploadId]) {
const error = data.returnValues.errors[uploadId]
elInnerError( elInnerError(
this._button, this._button,
@ -219,6 +221,8 @@ define([
}) })
) )
progress.remove()
return return
} else { } else {
elInnerError(this._button, '') elInnerError(this._button, '')
@ -237,31 +241,37 @@ define([
elHide(this.uploadDescription) elHide(this.uploadDescription)
const attachment = data.returnValues.attachments[uploadId] const attachment = data.returnValues.attachments[uploadId]
const url =
attachment.thumbnailURL || attachment.tinyURL || attachment.url
if (!url) { if (attachment.isImage) {
throw new Error('Missing image URL') const url =
} attachment.thumbnailURL || attachment.tinyURL || attachment.url
const target = this._fileElements[uploadId][0] if (!url) {
const progress = target.querySelector(':scope > progress') throw new Error('Missing image URL')
}
const img = document.createElement('img') const img = document.createElement('img')
img.setAttribute('src', url) img.setAttribute('src', url)
img.setAttribute('alt', '') img.setAttribute('alt', '')
if (url === attachment.tinyURL) { if (url === attachment.tinyURL) {
img.classList.add('attachmentTinyThumbnail') img.classList.add('attachmentTinyThumbnail')
} else {
img.classList.add('attachmentThumbnail')
}
img.dataset.width = attachment.width
img.dataset.height = attachment.height
DomUtil.replaceElement(progress, img)
} else { } else {
img.classList.add('attachmentThumbnail') const anchor = document.createElement('a')
anchor.setAttribute('href', attachment.url)
anchor.innerText = attachment.filename
DomUtil.replaceElement(progress, anchor)
} }
img.dataset.width = attachment.width
img.dataset.height = attachment.height
DomUtil.replaceElement(progress, img)
this.createButtons(uploadId, attachment.attachmentID, this.tmpHash) this.createButtons(uploadId, attachment.attachmentID, this.tmpHash)
Dialog.rebuild(DIALOG_CONTAINER_ID) Dialog.rebuild(DIALOG_CONTAINER_ID)