mirrors/PairDrop
1
0
Fork 0
mirror of https://github.com/schlagmichdoch/PairDrop.git synced 2025-04-20 15:06:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix video + audio preview

Browse source
This commit is contained in:
schlagmichdoch 2023-01-21 18:20:42 +01:00
parent c0c2715f56
commit fb306b6c94
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/scripts/ui.js
View file

@ -502,11 +502,11 @@ class ReceiveFileDialog extends ReceiveDialog {
let element = document.createElement(previewElement[mime]); let element = document.createElement(previewElement[mime]);
element.src = URL.createObjectURL(file); element.src = URL.createObjectURL(file);
element.controls = true; element.controls = true;
element.classList = 'element-preview' element.classList.add('element-preview');
this.$previewBox.style.display = 'block';
this.$previewBox.appendChild(element) this.$previewBox.appendChild(element)
element.onload = _ => resolve(true); element.onload = _ => resolve(true);
element.addEventListener('loadeddata', _ => resolve(true));
element.onerror = _ => reject(`${mime} preview could not be loaded`);
} }
}); });
} }
@ -572,7 +572,7 @@ class ReceiveFileDialog extends ReceiveDialog {
this.$shareOrDownloadBtn.href = url; this.$shareOrDownloadBtn.href = url;
} }
this.createPreviewElement(files[0]).then(_ => { this.createPreviewElement(files[0]).finally(_ => {
document.title = `PairDrop - ${files.length} Files received`; document.title = `PairDrop - ${files.length} Files received`;
document.changeFavicon("images/favicon-96x96-notification.png"); document.changeFavicon("images/favicon-96x96-notification.png");
this.show(); this.show();
@ -643,7 +643,6 @@ class ReceiveRequestDialog extends ReceiveDialog {
element.src = request.thumbnailDataUrl; element.src = request.thumbnailDataUrl;
element.classList.add('element-preview'); element.classList.add('element-preview');
this.$previewBox.style.display = 'block';
this.$previewBox.appendChild(element) this.$previewBox.appendChild(element)
} }
@ -666,7 +665,6 @@ class ReceiveRequestDialog extends ReceiveDialog {
} }
hide() { hide() {
this.$previewBox.style.display = 'none';
this.$previewBox.innerHTML = ''; this.$previewBox.innerHTML = '';
super.hide(); super.hide();
} }

4
public/styles.css
View file

@ -899,6 +899,10 @@ x-dialog x-paper {
margin: 10px -24px 40px -24px; margin: 10px -24px 40px -24px;
} }
.file-preview:empty {
display: none;
}
.element-preview { .element-preview {
max-width: 100%; max-width: 100%;
max-height: 40vh; max-height: 40vh;