Add render zone

This commit is contained in:
Booteille 2024-12-05 11:09:39 +01:00
parent a491a25f42
commit a8a5c1a804
No known key found for this signature in database
GPG Key ID: 0AB6C6CA01272646
3 changed files with 15 additions and 12 deletions

View File

@ -144,20 +144,20 @@ document.addEventListener("DOMContentLoaded", () => {
const isZipped =
downloadDOM.querySelector(".description").dataset.isZipped === "true";
let content;
let render;
if (job.lufiFile.type.match(/^image\//) !== null) {
content = `<img alt="${escapeHtml(
render = `<img alt="${escapeHtml(
job.lufiFile.name
)}" src="${blobURL}">`;
} else if (job.lufiFile.type.match(/^video\//) !== null) {
content = `<video controls><source src="${blobURL}" type="${job.lufiFile.type}"></video>`;
render = `<video controls><source src="${blobURL}" type="${job.lufiFile.type}"></video>`;
} else if (job.lufiFile.type.match(/^audio\//) !== null) {
content = `<audio controls><source src="${blobURL}" type="${job.lufiFile.type}"></audio>`;
render = `<audio controls><source src="${blobURL}" type="${job.lufiFile.type}"></audio>`;
}
if (content) {
downloadDOM.querySelector(".content").innerHTML = content;
if (render) {
downloadDOM.querySelector(".render").innerHTML = render;
}
if (isZipped) {

View File

@ -2732,18 +2732,18 @@ document.addEventListener("DOMContentLoaded", () => {
downloadButtonDOM.href = blobURL;
downloadButtonDOM.download = escapeHtml(job.lufiFile.name);
const isZipped = downloadDOM.querySelector(".description").dataset.isZipped === "true";
let content;
let render;
if (job.lufiFile.type.match(/^image\//) !== null) {
content = `<img alt="${escapeHtml(
render = `<img alt="${escapeHtml(
job.lufiFile.name
)}" src="${blobURL}">`;
} else if (job.lufiFile.type.match(/^video\//) !== null) {
content = `<video controls><source src="${blobURL}" type="${job.lufiFile.type}"></video>`;
render = `<video controls><source src="${blobURL}" type="${job.lufiFile.type}"></video>`;
} else if (job.lufiFile.type.match(/^audio\//) !== null) {
content = `<audio controls><source src="${blobURL}" type="${job.lufiFile.type}"></audio>`;
render = `<audio controls><source src="${blobURL}" type="${job.lufiFile.type}"></audio>`;
}
if (content) {
downloadDOM.querySelector(".content").innerHTML = content;
if (render) {
downloadDOM.querySelector(".render").innerHTML = render;
}
if (isZipped) {
showZipContent(job.downloadedFile);

View File

@ -116,6 +116,9 @@
</div>
</div>
<div class="render has-text-centered"></div>
<div id="zip-container" class="columns is-justify-content-center is-hidden mt-6">
<div class="column is-half has-text-centered is-size-6 p-0 content">
<a id="show-zip-button" href="" class="button"><%= l('Show zip content') %></a>