make filter at product-properties work case insensitively

Author: skamphuis

Themes/config/js/admin_product.js

@@ -1053,13 +1053,19 @@ jQuery.fn.toggleOption = function (show) {
     });
 };
 
+var filterSelectTimeout = null;
 function filterSelect(searchbox, selectid) {
-    var s = $(searchbox).val();
-    $(`#${selectid} option`).each(function(index) {
-        if ($(this).text().indexOf(s) >= 0) {
-            $(this).toggleOption(true);
-        } else {
-            $(this).toggleOption(false);
-        }
-    });
+    if (filterSelectTimeout) {
+        clearTimeout(filterSelectTimeout);
+    }
+    filterSelectTimeout = setTimeout(function() {
+        var s = $(searchbox).val().toLowerCase();
+        $(`#${selectid} option`).each(function(index) {
+            if ($(this).attr("data-lowervalue").indexOf(s) >= 0) {
+                $(this).toggleOption(true);
+            } else {
+                $(this).toggleOption(false);
+            }
+        });
+    }, 500);
 }

render/NBrightBuyRazorTokens.cs

@@ -759,19 +759,19 @@ public IEncodedString CategorySelectList(NBrightInfo info, String xpath, String
 
             if (addSearchBox)
             {
-                strOut += $"<div class=\"form-group\"><label>{ResourceKey("General.PropertyGroupSearchLabel")}</label><input type=\"text\" class=\"form-control\" onkeyup=\"filterSelect(this, '{id}')\" ></div>";
+                strOut += $"<div class=\"form-group\"><label>{ResourceKey("General.PropertyGroupSearchLabel")}</label><input type=\"text\" class=\"form-control\" onkeyup=\"filterSelect(this, '{id}')\" ></div>\r\n";
             }
 
-            strOut += "<div class=\"form-group\"><select id='" + id + "' " + upd + " " + attributes + ">";
+            strOut += "<div class=\"form-group\"><select id='" + id + "' " + upd + " " + attributes + ">\r\n";
             var s = "";
-            if (allowEmpty) strOut += "    <option value=''></option>";
+            if (allowEmpty) strOut += "    <option value=''></option>\r\n";
             foreach (var tItem in rtnList)
             {
                 if (info.GetXmlProperty(xpath) == tItem.Key.ToString())
                     s = "selected";
                 else
                     s = "";
-                strOut += "    <option value='" + tItem.Key.ToString() + "' " + s + ">" + tItem.Value + "</option>";
+                strOut += $"    <option value='{tItem.Key}' data-lowervalue=\"{tItem.Value.ToLowerInvariant()}\" {s}>{tItem.Value}</option>\r\n";
             }
             strOut += "</select></div>";
             strOut += "</div>";