Elijah/convertor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ui remake with tailwind

Browse source
This commit is contained in:
C4illin 2024-09-09 17:38:03 +02:00
parent ed59cd7aa4
commit 22f823c535
16 changed files with 296 additions and 344 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/public/script.js
View file

@ -1,8 +1,17 @@
// Select the file input element
const fileInput = document.querySelector('input[type="file"]');
const dropZone = document.getElementById("dropzone");
const fileNames = [];
let fileType;
dropZone.addEventListener("dragover", (e) => {
dropZone.classList.add("dragover");
});
dropZone.addEventListener("dragleave", (e) => {
dropZone.classList.remove("dragover");
});
const selectContainer = document.querySelector("form .select_container");
const updateSearchBar = () => {
@ -20,16 +29,20 @@ const updateSearchBar = () => {
for (const target of targets) {
if (target.dataset.target.includes(search)) {
matchingTargetsFound++;
target.hidden = false;
target.classList.remove("hidden");
target.classList.add("flex");
} else {
target.hidden = true;
target.classList.add("hidden");
target.classList.remove("flex");
}
}
if (matchingTargetsFound === 0) {
groupElement.hidden = true;
groupElement.classList.add("hidden");
groupElement.classList.remove("flex");
} else {
groupElement.hidden = false;
groupElement.classList.remove("hidden");
groupElement.classList.add("flex");
}
}
};
@ -59,15 +72,18 @@ const updateSearchBar = () => {
// Keep the popup open even when clicking on a target button
// for a split second to allow the click to go through
if (e?.relatedTarget?.classList?.contains("target")) {
convertToPopup.hidden = true;
convertToPopup.classList.add("hidden");
convertToPopup.classList.remove("flex");
return;
}
convertToPopup.hidden = true;
convertToPopup.classList.add("hidden");
convertToPopup.classList.remove("flex");
});
convertToInput.addEventListener("focus", () => {
convertToPopup.hidden = false;
convertToPopup.classList.remove("hidden");
convertToPopup.classList.add("flex");
});
};
@ -94,6 +110,7 @@ fileInput.addEventListener("change", (e) => {
if (!fileType) {
fileType = file.name.split(".").pop();
console.log("fileType", fileType);
fileInput.setAttribute("accept", `.${fileType}`);
setTitle();