@bnsights/bbsf-controls 1.0.44 → 1.0.47

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++) {
@@ -4746,6 +4756,8 @@
         PagingComponent.prototype.getItemList = function (page, IsFilterUpdated) {
             var _this = this;
             if (IsFilterUpdated === void 0) { IsFilterUpdated = false; }
+            if (this.options.StartPagingCallback)
+                this.options.StartPagingCallback.call(null);
             var pagingDTO = new PagingDTO();
             var size = Number.parseInt(this.options.PageSize.toString());
             if (this.options.IsLoadMoreControl)
@@ -4755,42 +4767,16 @@
             pagingDTO.CurrentPageNumber = page;
             pagingDTO.TotalCount = this.totalRow;
             pagingDTO.IsFilterUpdated = IsFilterUpdated;
-            var params = new http$1.HttpParams();
-            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];
-                                        params = params.append(this.options.Filters[index].ActionParameterName, value);
-                                    }
-                                }
-                                else {
-                                    params = params.append(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);
-                                params = params.append(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)
-                            params = params.append(this.options.Filters[index].ActionParameterName, ElementValue);
-                    }
-                }
-            }
-            this.requestHandlerService.post(this.options.ActionPostURL, pagingDTO, null, params, null)
+            var filters = {};
+            filters = this.getFiltersValue();
+            //Set Filters object that sent to action URL
+            var filtersDTO = {
+                PagingDTO: pagingDTO,
+                Filters: filters
+            };
+            var requestOptions = new bbsfUtilities.RequestOptionsModel();
+            requestOptions.disableBlockUI = this.options.DisableBlockUI;
+            this.requestHandlerService.post(this.options.ActionPostURL, this.options.Filters && this.options.Filters.length > 0 ? filtersDTO : pagingDTO, null, null, requestOptions)
                 .subscribe(function (responseData) {
                 _this.result = responseData.items; //this.castItems(responseData.items);
                 var castedResult = classTransformer.plainToClass(_this.options.TypeOfResponse, _this.result, { excludeExtraneousValues: true });
@@ -4850,6 +4836,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 = [
@@ -5851,10 +5891,7 @@
         FormComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             this.options.FormGroup.valueChanges.subscribe(function (es) {
-                if (_this.isChange != null)
-                    _this.OnChange.emit(_this.isChange);
-                else
-                    _this.isChange = true;
+                _this.OnChange.emit(true);
             });
         };
         FormComponent.prototype.submit = function () {
@@ -7795,6 +7832,10 @@
             /**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;
+            this.DisableBlockUI = false;
+            this.StartPagingCallback = null;
         }
         return PagingOptions;
     }());