@bnsights/bbsf-controls 1.0.45 → 1.0.46

package/bundles/bnsights-bbsf-controls.umd.js

@@ -4697,6 +4697,16 @@
                     }, false);
                 }
             }
+            //Add click event on Reset Filter button
+            if (this.options.ResetFilterButtonName != null) {
+                var button = document.getElementsByName(this.options.ResetFilterButtonName)[0];
+                if (button != undefined) {
+                    var element = button;
+                    element.addEventListener("click", function (e) {
+                        _this.clearFilters();
+                    }, false);
+                }
+            }
             if (this.options.TypeaheadSearchControlNames != null && this.options.TypeaheadSearchControlNames.length > 0) {
                 var TypeaheadSearchControlNames = this.options.TypeaheadSearchControlNames;
                 for (var index = 0; index < TypeaheadSearchControlNames.length; index++) {
@@ -4756,40 +4766,7 @@
             pagingDTO.TotalCount = this.totalRow;
             pagingDTO.IsFilterUpdated = IsFilterUpdated;
             var filters = {};
-            if (this.options.Filters != null && this.options.Filters != []) {
-                for (var index = 0; index < this.options.Filters.length; index++) {
-                    if (this.options.Filters[index].FormControlName != null && this.options.Filters[index].FormControlName != "") {
-                        var FormControlName = this.options.Filters[index].FormControlName;
-                        var ControlValue = this.group.controls[FormControlName].value;
-                        if (ControlValue != undefined && ControlValue != null) {
-                            if (this.options.Filters[index].FilterType == exports.FilterType.DatePicker) {
-                                if (Array.isArray(ControlValue)) {
-                                    for (var element = 0; element < ControlValue.length; element++) {
-                                        var value = ControlValue[element];
-                                        filters[this.options.Filters[index].ActionParameterName] = value;
-                                    }
-                                }
-                                else {
-                                    filters[this.options.Filters[index].ActionParameterName] = ControlValue;
-                                }
-                            }
-                            else {
-                                if (this.options.Filters[index].FilterType == exports.FilterType.AutocompleteTextBox)
-                                    ControlValue = JSON.stringify(ControlValue);
-                                if (this.options.Filters[index].FilterType == exports.FilterType.TagInput)
-                                    ControlValue = JSON.stringify(ControlValue);
-                                filters[this.options.Filters[index].ActionParameterName] = ControlValue;
-                            }
-                        }
-                    }
-                    else {
-                        var ElementjQuerySelector = this.options.Filters[index].jQuerySelector;
-                        var ElementValue = document.querySelector(ElementjQuerySelector).value;
-                        if (ElementValue != undefined && ElementValue != null)
-                            filters[this.options.Filters[index].ActionParameterName] = ElementValue;
-                    }
-                }
-            }
+            filters = this.getFiltersValue();
             //Set Filters object that sent to action URL
             var filtersDTO = {
                 PagingDTO: pagingDTO,
@@ -4855,6 +4832,60 @@
                     this.itemsText = this.utilityService.getResourceValue("Item");
             }
         };
+        PagingComponent.prototype.clearFilters = function () {
+            if (this.options.Filters != null && this.options.Filters != []) {
+                for (var index = 0; index < this.options.Filters.length; index++) {
+                    if (this.options.Filters[index].FormControlName != null && this.options.Filters[index].FormControlName != "") {
+                        var FormControlName = this.options.Filters[index].FormControlName;
+                        this.group.controls[FormControlName].setValue(null);
+                    }
+                }
+                this.ReinitializePaging();
+            }
+        };
+        PagingComponent.prototype.getFiltersValue = function () {
+            var filters = {};
+            if (this.options.Filters != null && this.options.Filters != []) {
+                for (var index = 0; index < this.options.Filters.length; index++) {
+                    if (this.options.Filters[index].FormControlName != null && this.options.Filters[index].FormControlName != "") {
+                        var FormControlName = this.options.Filters[index].FormControlName;
+                        var ControlValue = this.group.controls[FormControlName].value;
+                        if (ControlValue != undefined && ControlValue != null && ControlValue != "") {
+                            if (this.options.Filters[index].FilterType == exports.FilterType.DatePicker) {
+                                if (Array.isArray(ControlValue)) {
+                                    for (var element = 0; element < ControlValue.length; element++) {
+                                        var value = ControlValue[element];
+                                        filters[this.options.Filters[index].ActionParameterName] = value;
+                                    }
+                                }
+                                else {
+                                    filters[this.options.Filters[index].ActionParameterName] = ControlValue;
+                                }
+                            }
+                            else {
+                                if (this.options.Filters[index].FilterType == exports.FilterType.AutocompleteTextBox)
+                                    ControlValue = JSON.stringify(ControlValue);
+                                if (this.options.Filters[index].FilterType == exports.FilterType.TagInput)
+                                    ControlValue = JSON.stringify(ControlValue);
+                                filters[this.options.Filters[index].ActionParameterName] = ControlValue;
+                            }
+                        }
+                        else {
+                            filters[this.options.Filters[index].ActionParameterName] = null;
+                        }
+                    }
+                    else {
+                        var ElementjQuerySelector = this.options.Filters[index].jQuerySelector;
+                        var ElementValue = document.querySelector(ElementjQuerySelector).value;
+                        if (ElementValue != undefined && ElementValue != null)
+                            filters[this.options.Filters[index].ActionParameterName] = ElementValue;
+                        else
+                            filters[this.options.Filters[index].ActionParameterName] = null;
+                    }
+                }
+            }
+            return filters;
+        };
         return PagingComponent;
     }());
     PagingComponent.decorators = [
@@ -7797,6 +7828,8 @@
             /**listens to the window scroll instead of the actual element scroll. this allows to invoke a callback function in the scope of the element while listenning to the window scroll. */
             this.ScrollWindow = true;
             this.ForceDirection = exports.ForceDirection.English;
+            /** Clear Filter button selector  */
+            this.ResetFilterButtonName = null;
         }
         return PagingOptions;
     }());