MirrorMirror
/
lufi
mirror of https://framagit.org/fiat-tux/hat-softwares/lufi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
themes/default/public/js/download.js
View File

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

12
themes/default/public/js/minified/download.min.js vendored
View File

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

3
themes/default/templates/render.html.ep
View File

@ -116,6 +116,9 @@
</div> </div>
</div> </div>
<div class="render has-text-centered"></div>
<div id="zip-container" class="columns is-justify-content-center is-hidden mt-6"> <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"> <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> <a id="show-zip-button" href="" class="button"><%= l('Show zip content') %></a>