diff --git a/ereuse_devicehub/static/js/main_inventory.build.js b/ereuse_devicehub/static/js/main_inventory.build.js index 68ed50a7..34dd7bfa 100644 --- a/ereuse_devicehub/static/js/main_inventory.build.js +++ b/ereuse_devicehub/static/js/main_inventory.build.js @@ -332,15 +332,22 @@ function export_file(type_file) { } class lotsSearcher { + static enable() { + if (this.lotsSearchElement) this.lotsSearchElement.disabled = false; + } + + static disable() { + if (this.lotsSearchElement) this.lotsSearchElement.disabled = true; + } /** * do search when lot change in the search input */ + + static doSearch(inputSearch) { - const lotsList = document.getElementById("LotsSelector").children; - - for (let i = 0; i < lotsList.length; i++) { - const lot = lotsList[i].querySelector("label"); + const lots = this.getListLots(); + for (let i = 0; i < lots.length; i++) { if (lot.innerText.toLowerCase().includes(inputSearch.toLowerCase())) { lot.parentElement.style.display = ""; } else { @@ -353,8 +360,22 @@ class lotsSearcher { _defineProperty(lotsSearcher, "lots", []); +_defineProperty(lotsSearcher, "lotsSearchElement", null); + +_defineProperty(lotsSearcher, "getListLots", () => { + let lotsList = document.getElementById("LotsSelector"); + + if (lotsList) { + // Apply filter to get only labels + return Array.from(lotsList.children).filter(item => item.querySelector("label")); + } + + return []; +}); + document.addEventListener("DOMContentLoaded", () => { - document.getElementById("lots-search").addEventListener("input", e => { + lotsSearcher.lotsSearchElement = document.getElementById("lots-search"); + lotsSearcher.lotsSearchElement.addEventListener("input", e => { lotsSearcher.doSearch(e.target.value); }); }); @@ -613,6 +634,7 @@ async function processSelectedDevices() { document.getElementById("ApplyDeviceLots").classList.add("disabled"); try { + lotsSearcher.disable(); listHTML.html("
  • "); const selectedDevices = await Api.get_devices(selectedDevicesID); let lots = await Api.get_lots(); @@ -643,6 +665,7 @@ async function processSelectedDevices() { listHTML.html(""); lotsList.forEach(lot => templateLot(lot, selectedDevices, listHTML, actions)); + lotsSearcher.enable(); } catch (error) { console.log(error); listHTML.html("
  • Error feching devices and lots
    (see console for more details)
  • "); diff --git a/ereuse_devicehub/static/js/main_inventory.js b/ereuse_devicehub/static/js/main_inventory.js index 4d978ba5..cd64b3de 100644 --- a/ereuse_devicehub/static/js/main_inventory.js +++ b/ereuse_devicehub/static/js/main_inventory.js @@ -319,15 +319,31 @@ function export_file(type_file) { class lotsSearcher { static lots = []; + static lotsSearchElement = null; + + static getListLots = () => { + let lotsList = document.getElementById("LotsSelector") + if (lotsList) { + // Apply filter to get only labels + return Array.from(lotsList.children).filter(item => item.querySelector("label")); + } + return []; + } + + static enable() { + if (this.lotsSearchElement) this.lotsSearchElement.disabled = false; + } + + static disable() { + if (this.lotsSearchElement) this.lotsSearchElement.disabled = true; + } /** * do search when lot change in the search input */ static doSearch(inputSearch) { - const lotsList = document.getElementById("LotsSelector").children; - - for (let i = 0; i < lotsList.length; i++) { - const lot = lotsList[i].querySelector("label"); + const lots = this.getListLots(); + for (let i = 0; i < lots.length; i++) { if (lot.innerText.toLowerCase().includes(inputSearch.toLowerCase())) { lot.parentElement.style.display = ""; } else { @@ -338,7 +354,8 @@ class lotsSearcher { } document.addEventListener("DOMContentLoaded", () => { - document.getElementById("lots-search").addEventListener("input", (e) => { lotsSearcher.doSearch(e.target.value) }) + lotsSearcher.lotsSearchElement = document.getElementById("lots-search"); + lotsSearcher.lotsSearchElement.addEventListener("input", (e) => { lotsSearcher.doSearch(e.target.value) }) }) /** @@ -580,6 +597,7 @@ async function processSelectedDevices() { document.getElementById("ApplyDeviceLots").classList.add("disabled"); try { + lotsSearcher.disable() listHTML.html("
  • ") const selectedDevices = await Api.get_devices(selectedDevicesID); let lots = await Api.get_lots(); @@ -612,6 +630,7 @@ async function processSelectedDevices() { listHTML.html(""); lotsList.forEach(lot => templateLot(lot, selectedDevices, listHTML, actions)); + lotsSearcher.enable(); } catch (error) { console.log(error); listHTML.html("
  • Error feching devices and lots
    (see console for more details)
  • ");