@smartsoft001/crud-shell-angular 1.1.653 → 1.1.664

package/bundles/smartsoft001-crud-shell-angular.umd.js

@@ -744,7 +744,7 @@
     FilterComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "smart-crud-filter",
-                    template: "<ion-item [ngSwitch]=\"item.fieldType\">\n  <smart-crud-filter-date\n          *ngSwitchCase=\"FieldType.date\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date>\n\n  <smart-crud-filter-date-with-edit\n          *ngSwitchCase=\"FieldType.dateWithEdit\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date-with-edit>\n\n  <smart-crud-filter-radio\n          *ngSwitchCase=\"FieldType.radio\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-radio>\n\n  <smart-crud-filter-check\n          *ngSwitchCase=\"FieldType.check\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-check>\n\n  <smart-crud-filter-flag\n          *ngSwitchCase=\"FieldType.flag\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-flag>\n\n  <smart-crud-filter-text\n    *ngSwitchDefault\n    [item]=\"item\"\n    [filter]=\"filter\"\n  ></smart-crud-filter-text>\n</ion-item>\n",
+                    template: "<ion-item [ngSwitch]=\"item.fieldType\">\n  <smart-crud-filter-date\n          *ngSwitchCase=\"FieldType.date\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date>\n\n  <smart-crud-filter-date-with-edit\n          *ngSwitchCase=\"FieldType.dateWithEdit\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-date-with-edit>\n\n  <smart-crud-filter-radio\n          *ngSwitchCase=\"FieldType.radio\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-radio>\n\n  <smart-crud-filter-check\n          *ngSwitchCase=\"FieldType.check\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-check>\n\n  <smart-crud-filter-flag\n          *ngSwitchCase=\"FieldType.flag\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-flag>\n\n  <smart-crud-filter-int\n          *ngSwitchCase=\"FieldType.int\"\n          [item]=\"item\"\n          [filter]=\"filter\"\n  ></smart-crud-filter-int>\n\n  <smart-crud-filter-text\n    *ngSwitchDefault\n    [item]=\"item\"\n    [filter]=\"filter\"\n  ></smart-crud-filter-text>\n</ion-item>\n",
                     styles: [""]
                 },] }
     ];
@@ -798,13 +798,50 @@
             enumerable: false,
             configurable: true
         });
-        BaseComponent.prototype.refresh = function (val) {
+        Object.defineProperty(BaseComponent.prototype, "minValue", {
+            get: function () {
+                var _this = this;
+                if (this.isArrayType()) {
+                    return this.filter.query
+                        .filter(function (q) { return q.key === _this.item.key && q.type === "<="; })
+                        .map(function (q) { return q.value; });
+                }
+                var query = this.filter.query.find(function (q) { return q.key === _this.item.key && q.type === "<="; });
+                return query === null || query === void 0 ? void 0 : query.value;
+            },
+            set: function (val) {
+                this.refresh(val, "<=");
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BaseComponent.prototype, "maxValue", {
+            get: function () {
+                var _this = this;
+                if (this.isArrayType()) {
+                    return this.filter.query
+                        .filter(function (q) { return q.key === _this.item.key && q.type === ">="; })
+                        .map(function (q) { return q.value; });
+                }
+                var query = this.filter.query.find(function (q) { return q.key === _this.item.key && q.type === ">="; });
+                return query === null || query === void 0 ? void 0 : query.value;
+            },
+            set: function (val) {
+                this.refresh(val, ">=");
+            },
+            enumerable: false,
+            configurable: true
+        });
+        BaseComponent.prototype.refresh = function (val, type) {
             var _this = this;
+            if (type === void 0) { type = null; }
+            if (!type)
+                type = this.item.type;
             if (this.isArrayType()) {
-                this.refreshForArray(val);
+                this.refreshForArray(val, type);
                 return;
             }
-            var query = this.filter.query.find(function (q) { return q.key === _this.item.key && q.type === _this.item.type; });
+            var query = this.filter.query.find(function (q) { return q.key === _this.item.key && q.type === type; });
             if (val === null || val === undefined || val === '') {
                 var index = this.filter.query.indexOf(query);
                 if (index > -1) {
@@ -816,7 +853,7 @@
             if (!query) {
                 query = {
                     key: this.item.key,
-                    type: this.item.type,
+                    type: type,
                     value: null,
                 };
                 this.filter.query.push(query);
@@ -841,9 +878,9 @@
             var _a;
             return (((_a = this.item) === null || _a === void 0 ? void 0 : _a.fieldType) === models.FieldType.check);
         };
-        BaseComponent.prototype.refreshForArray = function (vals) {
+        BaseComponent.prototype.refreshForArray = function (vals, type) {
             var _this = this;
-            var queries = this.filter.query.filter(function (q) { return q.key === _this.item.key && q.type === _this.item.type; });
+            var queries = this.filter.query.filter(function (q) { return q.key === _this.item.key && q.type === type; });
             queries.forEach(function (query) {
                 var index = _this.filter.query.indexOf(query);
                 if (index > -1) {
@@ -857,7 +894,7 @@
             vals.forEach(function (val) {
                 var query = {
                     key: _this.item.key,
-                    type: _this.item.type,
+                    type: type,
                     value: val,
                 };
                 _this.filter.query.push(query);
@@ -890,7 +927,7 @@
     __decorate([
         lodashDecorators.Debounce(500),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
+        __metadata("design:paramtypes", [Object, Object]),
         __metadata("design:returntype", void 0)
     ], BaseComponent.prototype, "refresh", null);
 
@@ -899,6 +936,14 @@
         function FilterDateComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
+        Object.defineProperty(FilterDateComponent.prototype, "allowAdvanced", {
+            get: function () {
+                var _a;
+                return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === '=';
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FilterDateComponent.prototype, "customValue", {
             get: function () {
                 return this.value;
@@ -911,6 +956,30 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FilterDateComponent.prototype, "customMinValue", {
+            get: function () {
+                return this.minValue;
+            },
+            set: function (val) {
+                var _a;
+                var momentDate = moment__namespace(val);
+                this.minValue = ((_a = val) === null || _a === void 0 ? void 0 : _a.length) >= 10 && momentDate.isValid() ? momentDate.format('YYYY-MM-DD') : val;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(FilterDateComponent.prototype, "customMaxValue", {
+            get: function () {
+                return this.maxValue;
+            },
+            set: function (val) {
+                var _a;
+                var momentDate = moment__namespace(val);
+                this.maxValue = ((_a = val) === null || _a === void 0 ? void 0 : _a.length) >= 10 && momentDate.isValid() ? momentDate.format('YYYY-MM-DD') : val;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return FilterDateComponent;
     }(BaseComponent));
     /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
@@ -927,6 +996,7 @@
         function FilterDateWithEditComponent() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this._subscriptions = new rxjs.Subscription();
+            _this.advanced = false;
             return _this;
         }
         FilterDateWithEditComponent.prototype.open = function () {
@@ -955,7 +1025,7 @@
     FilterDateWithEditComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'smart-crud-filter-date-with-edit',
-                    template: "<ion-row>\n    <ion-col>\n        <ion-label position=\"floating\">\n            {{ item.label | translate }}\n        </ion-label>\n\n        <ion-input placeholder=\"YYYY-MM-DD\"\n                   [(ngModel)]=\"customValue\"\n                   [pattern]=\"'([12]\\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01]))'\"\n        ></ion-input>\n        <ion-datetime [hidden]=\"true\"\n                      displayFormat=\"YYYY-MM-DD\"\n                      pickerFormat=\"YYYY-MM-DD\"\n                      [(ngModel)]=\"customValue\"></ion-datetime>\n    </ion-col>\n    <ion-col size=\"auto\">\n        <ion-button (click)=\"open()\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"calendar-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
+                    template: "<ion-row>\n    <ion-col>\n        <ion-label>\n            {{ item.label | translate }}\n        </ion-label>\n\n        <ion-input placeholder=\"YYYY-MM-DD\"\n                   [(ngModel)]=\"customValue\"\n                   [pattern]=\"'([12]\\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01]))'\"\n        ></ion-input>\n        <ion-datetime [hidden]=\"true\"\n                      displayFormat=\"YYYY-MM-DD\"\n                      pickerFormat=\"YYYY-MM-DD\"\n                      [(ngModel)]=\"customValue\"></ion-datetime>\n    </ion-col>\n    <ion-col size=\"auto\">\n        <ion-button (click)=\"open()\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"calendar-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"allowAdvanced\">\n        <ion-button (click)=\"advanced = !advanced\" class=\"squere-button\" [disabled]=\"minValue || maxValue\">\n            <ion-icon *ngIf=\"!advanced\" slot=\"icon-only\" name=\"settings-outline\"></ion-icon>\n            <ion-icon *ngIf=\"advanced\" slot=\"icon-only\" name=\"settings\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>\n<ion-row *ngIf=\"(advanced || minValue || maxValue) && allowAdvanced\">\n    <ion-col>\n        <ion-item>\n            <ion-label>\n                {{ 'from' | translate }}\n            </ion-label>\n            <ion-input placeholder=\"YYYY-MM-DD\"\n                       [(ngModel)]=\"customMinValue\"\n                       [pattern]=\"'([12]\\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01]))'\"\n            ></ion-input>\n            <ion-datetime [hidden]=\"true\"\n                          [(ngModel)]=\"customMinValue\"\n                          displayFormat=\"YYYY-MM-DD\"\n                          pickerFormat=\"YYYY-MM-DD\"></ion-datetime>\n        </ion-item>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"customMinValue\">\n        <ion-button color=\"danger\" (click)=\"refresh(null, '<=')\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col>\n        <ion-item>\n            <ion-label>\n                {{ 'to' | translate }}\n            </ion-label>\n            <ion-input placeholder=\"YYYY-MM-DD\"\n                       [(ngModel)]=\"customMaxValue\"\n                       [pattern]=\"'([12]\\\\d{3}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\\\d|3[01]))'\"\n            ></ion-input>\n            <ion-datetime [hidden]=\"true\"\n                          displayFormat=\"YYYY-MM-DD\"\n                          pickerFormat=\"YYYY-MM-DD\"\n                          [(ngModel)]=\"customMaxValue\"></ion-datetime>\n        </ion-item>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"customMaxValue\">\n        <ion-button color=\"danger\" (click)=\"refresh(null, '>=')\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
                     styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
                 },] }
     ];
@@ -1048,6 +1118,41 @@
                 },] }
     ];
 
+    var FilterIntComponent = /** @class */ (function (_super) {
+        __extends(FilterIntComponent, _super);
+        function FilterIntComponent() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this._subscriptions = new rxjs.Subscription();
+            _this.advanced = false;
+            return _this;
+        }
+        Object.defineProperty(FilterIntComponent.prototype, "allowAdvanced", {
+            get: function () {
+                var _a;
+                return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === '=';
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FilterIntComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+        };
+        FilterIntComponent.prototype.ngOnDestroy = function () {
+            if (this._subscriptions) {
+                this._subscriptions.unsubscribe();
+            }
+        };
+        return FilterIntComponent;
+    }(BaseComponent));
+    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
+    FilterIntComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'smart-crud-filter-int',
+                    template: "<ion-row>\n    <ion-col>\n        <ion-label>\n            {{ item.label | translate }}\n        </ion-label>\n        <ion-input [(ngModel)]=\"value\" type=\"number\" step=\"1\"></ion-input>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"allowAdvanced\">\n        <ion-button (click)=\"advanced = !advanced\" class=\"squere-button\" [disabled]=\"minValue || maxValue\">\n            <ion-icon *ngIf=\"!advanced\" slot=\"icon-only\" name=\"settings-outline\"></ion-icon>\n            <ion-icon *ngIf=\"advanced\" slot=\"icon-only\" name=\"settings\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"value\">\n        <ion-button color=\"danger\" (click)=\"refresh(null)\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>\n<ion-row *ngIf=\"(advanced || minValue || maxValue) && allowAdvanced\">\n    <ion-col>\n        <ion-item>\n            <ion-label>\n                {{ 'from' | translate }}\n            </ion-label>\n            <ion-input [(ngModel)]=\"minValue\" type=\"number\" step=\"1\"></ion-input>\n        </ion-item>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"minValue\">\n        <ion-button color=\"danger\" (click)=\"refresh(null, '<=')\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n    <ion-col>\n        <ion-item>\n            <ion-label>\n                {{ 'to' | translate }}\n            </ion-label>\n            <ion-input [(ngModel)]=\"maxValue\" type=\"number\" step=\"1\"></ion-input>\n        </ion-item>\n    </ion-col>\n    <ion-col size=\"auto\" *ngIf=\"maxValue\">\n        <ion-button color=\"danger\" (click)=\"refresh(null, '>=')\" class=\"squere-button\">\n            <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n        </ion-button>\n    </ion-col>\n</ion-row>",
+                    styles: [":host{width:100%}:host .squere-button{height:var(--smart-button-height)!important;margin:.8rem}\n"]
+                },] }
+    ];
+
     /**
      * This component is only to use in crud module
      * @requires CrudModule
@@ -1135,7 +1240,8 @@
                 .filter(function (item) { var _a, _b; return (_b = (_a = item.options) === null || _a === void 0 ? void 0 : _a.list) === null || _b === void 0 ? void 0 : _b.filter; })
                 .map(function (item) { return ({
                 key: item.key,
-                type: '=',
+                type: item.options.type === models.FieldType.text || item.options.type === models.FieldType.longText
+                    ? '~=' : '=',
                 label: 'MODEL.' + item.key,
                 fieldType: item.options.type
             }); })));
@@ -1843,6 +1949,7 @@
         FiltersComponent,
         FilterFlagComponent,
         FilterCheckComponent,
+        FilterIntComponent,
         MultiselectComponent,
         GroupComponent
     ];
@@ -1855,7 +1962,6 @@
     CrudComponentsModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: __spreadArray([], __read(COMPONENTS)),
-                    entryComponents: __spreadArray([], __read(COMPONENTS)),
                     imports: [
                         //AuthSharedModule,
                         store.StoreModule,
@@ -1867,13 +1973,14 @@
                     exports: __spreadArray([
                         CrudPipesModule
                     ], __read(COMPONENTS)),
+                    entryComponents: __spreadArray([], __read(COMPONENTS)),
                     providers: [
                         CrudService,
                         CrudEffects,
                         CrudFacade,
                         SocketService,
                         CrudListPaginationFactory,
-                    ],
+                    ]
                 },] }
     ];
 
@@ -2854,7 +2961,6 @@
     CrudFullModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: __spreadArray([], __read(PAGES)),
-                    entryComponents: __spreadArray([], __read(PAGES)),
                     imports: [
                         store.StoreModule,
                         angular.SharedModule,
@@ -2871,6 +2977,7 @@
                     exports: __spreadArray(__spreadArray([], __read(PAGES)), [
                         CrudComponentsModule
                     ]),
+                    entryComponents: __spreadArray([], __read(PAGES)),
                     providers: [
                         CrudService,
                         PageService,
@@ -2987,6 +3094,7 @@
     exports.FilterDateComponent = FilterDateComponent;
     exports.FilterDateWithEditComponent = FilterDateWithEditComponent;
     exports.FilterFlagComponent = FilterFlagComponent;
+    exports.FilterIntComponent = FilterIntComponent;
     exports.FilterRadioComponent = FilterRadioComponent;
     exports.FilterTextComponent = FilterTextComponent;
     exports.FiltersComponent = FiltersComponent;
@@ -3050,16 +3158,17 @@
     exports["ɵk"] = FiltersComponent;
     exports["ɵl"] = FilterFlagComponent;
     exports["ɵm"] = FilterCheckComponent;
-    exports["ɵn"] = MultiselectComponent;
-    exports["ɵo"] = GroupComponent;
-    exports["ɵp"] = SocketService;
-    exports["ɵq"] = NotSocketService;
-    exports["ɵr"] = ItemComponent;
-    exports["ɵs"] = ItemStandardComponent;
-    exports["ɵt"] = CrudItemPageBaseComponent;
-    exports["ɵu"] = ListComponent;
-    exports["ɵv"] = ListStandardComponent;
-    exports["ɵw"] = CrudListPageBaseComponent;
+    exports["ɵn"] = FilterIntComponent;
+    exports["ɵo"] = MultiselectComponent;
+    exports["ɵp"] = GroupComponent;
+    exports["ɵq"] = SocketService;
+    exports["ɵr"] = NotSocketService;
+    exports["ɵs"] = ItemComponent;
+    exports["ɵt"] = ItemStandardComponent;
+    exports["ɵu"] = CrudItemPageBaseComponent;
+    exports["ɵv"] = ListComponent;
+    exports["ɵw"] = ListStandardComponent;
+    exports["ɵx"] = CrudListPageBaseComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });