0.0.1

resources/[creators]/jobs_creator/utils/dialogs/items/items.js

@@ -0,0 +1,77 @@
+async function itemsDialog() {
+    let div = $(`
+    <div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" role="dialog" style="z-index: 1070;">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">${getLocalizedText("menu:items_dialog:title")}</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="input-group">
+                        <span class="input-group-text">${getLocalizedText("menu:items_dialog:search_item")}</span>
+                        <input type="text" class="form-control item-search">
+                    </div>
+    
+                    <ul class="list-group mt-2 items-list scrollbar" style="overflow: auto; max-height: 70vh">
+    
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    `)
+
+    // delete the div when the modal is closed
+    div.on("hidden.bs.modal", function() {
+        div.remove();
+    });
+
+    div.modal("show");
+
+    div.find(".item-search").val("").on("keyup", function() {
+        let text = $(this).val().toLowerCase();
+    
+        div.find(".items-list li").filter(function() {
+            $(this).toggle($(this).text().toLowerCase().indexOf(text) > -1)
+        });
+    })
+    
+    const items = await $.post(`https://${resName}/getAllItems`)
+    let itemsListDiv = div.find(".items-list");
+    itemsListDiv.empty();
+
+    if (!Array.isArray(items)) {
+        console.error('Invalid items data received:', items);
+        return new Promise((resolve) => {
+            div.modal("hide");
+            resolve(null);
+        });
+    }
+
+    for(const item of items) {
+        if (!item || typeof item !== 'object') continue;
+        
+        let itemDiv = $(`
+            <li class="list-group-item list-group-item-action clickable" data-item-name="${item.name || 'unknown'}">${item.label || 'Unknown'}</li>
+        `);
+
+        itemsListDiv.append(itemDiv);
+    }
+
+    return new Promise((resolve) => {
+        div.find(".list-group-item").click(function() {
+          let itemName = $(this).data("itemName");
+          div.modal("hide");
+          resolve(itemName);
+        });
+
+        div.find(".item-search").keydown(function(e) {
+            if (e.keyCode != 13) return;
+            
+            let searchContent = $(this).val();
+            div.modal("hide");
+            resolve(searchContent);
+        });
+    });
+}