Add render zone
This commit is contained in:
parent
a491a25f42
commit
a8a5c1a804
|
@ -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) {
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -115,6 +115,9 @@
|
|||
<a href="#" id="download-button" class="button is-primary is-fullwidth is-size-5"><%= l('Get the file') %></a>
|
||||
</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">
|
||||
|
|
Loading…
Reference in New Issue