@smartsoft001/crud-shell-angular 1.1.653 → 1.1.664

package/fesm2015/smartsoft001-crud-shell-angular.js

@@ -403,7 +403,7 @@ class FilterComponent {
 FilterComponent.decorators = [
     { type: 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: [""]
             },] }
 ];
@@ -449,12 +449,38 @@ class BaseComponent {
     set value(val) {
         this.refresh(val);
     }
-    refresh(val) {
+    get minValue() {
         if (this.isArrayType()) {
-            this.refreshForArray(val);
+            return this.filter.query
+                .filter((q) => q.key === this.item.key && q.type === "<=")
+                .map(q => q.value);
+        }
+        const query = this.filter.query.find((q) => q.key === this.item.key && q.type === "<=");
+        return query === null || query === void 0 ? void 0 : query.value;
+    }
+    set minValue(val) {
+        this.refresh(val, "<=");
+    }
+    get maxValue() {
+        if (this.isArrayType()) {
+            return this.filter.query
+                .filter((q) => q.key === this.item.key && q.type === ">=")
+                .map(q => q.value);
+        }
+        const query = this.filter.query.find((q) => q.key === this.item.key && q.type === ">=");
+        return query === null || query === void 0 ? void 0 : query.value;
+    }
+    set maxValue(val) {
+        this.refresh(val, ">=");
+    }
+    refresh(val, type = null) {
+        if (!type)
+            type = this.item.type;
+        if (this.isArrayType()) {
+            this.refreshForArray(val, type);
             return;
         }
-        let query = this.filter.query.find((q) => q.key === this.item.key && q.type === this.item.type);
+        let query = this.filter.query.find((q) => q.key === this.item.key && q.type === type);
         if (val === null || val === undefined || val === '') {
             const index = this.filter.query.indexOf(query);
             if (index > -1) {
@@ -466,7 +492,7 @@ class BaseComponent {
         if (!query) {
             query = {
                 key: this.item.key,
-                type: this.item.type,
+                type: type,
                 value: null,
             };
             this.filter.query.push(query);
@@ -491,8 +517,8 @@ class BaseComponent {
         var _a;
         return (((_a = this.item) === null || _a === void 0 ? void 0 : _a.fieldType) === FieldType.check);
     }
-    refreshForArray(vals) {
-        const queries = this.filter.query.filter((q) => q.key === this.item.key && q.type === this.item.type);
+    refreshForArray(vals, type) {
+        const queries = this.filter.query.filter((q) => q.key === this.item.key && q.type === type);
         queries.forEach(query => {
             const index = this.filter.query.indexOf(query);
             if (index > -1) {
@@ -506,7 +532,7 @@ class BaseComponent {
         vals.forEach(val => {
             const query = {
                 key: this.item.key,
-                type: this.item.type,
+                type: type,
                 value: val,
             };
             this.filter.query.push(query);
@@ -538,11 +564,15 @@ BaseComponent.propDecorators = {
 __decorate([
     Debounce(500),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
+    __metadata("design:paramtypes", [Object, Object]),
     __metadata("design:returntype", void 0)
 ], BaseComponent.prototype, "refresh", null);
 
 class FilterDateComponent extends BaseComponent {
+    get allowAdvanced() {
+        var _a;
+        return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === '=';
+    }
     set customValue(val) {
         var _a;
         const momentDate = moment(val);
@@ -551,6 +581,22 @@ class FilterDateComponent extends BaseComponent {
     get customValue() {
         return this.value;
     }
+    set customMinValue(val) {
+        var _a;
+        const momentDate = moment(val);
+        this.minValue = ((_a = val) === null || _a === void 0 ? void 0 : _a.length) >= 10 && momentDate.isValid() ? momentDate.format('YYYY-MM-DD') : val;
+    }
+    get customMinValue() {
+        return this.minValue;
+    }
+    set customMaxValue(val) {
+        var _a;
+        const momentDate = moment(val);
+        this.maxValue = ((_a = val) === null || _a === void 0 ? void 0 : _a.length) >= 10 && momentDate.isValid() ? momentDate.format('YYYY-MM-DD') : val;
+    }
+    get customMaxValue() {
+        return this.maxValue;
+    }
 }
 /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
 FilterDateComponent.decorators = [
@@ -565,6 +611,7 @@ class FilterDateWithEditComponent extends FilterDateComponent {
     constructor() {
         super(...arguments);
         this._subscriptions = new Subscription();
+        this.advanced = false;
     }
     open() {
         this.dateTimePicker.open();
@@ -590,7 +637,7 @@ class FilterDateWithEditComponent extends FilterDateComponent {
 FilterDateWithEditComponent.decorators = [
     { type: 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"]
             },] }
 ];
@@ -662,6 +709,34 @@ FilterCheckComponent.decorators = [
             },] }
 ];
 
+class FilterIntComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this._subscriptions = new Subscription();
+        this.advanced = false;
+    }
+    get allowAdvanced() {
+        var _a;
+        return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.type) === '=';
+    }
+    ngOnInit() {
+        super.ngOnInit();
+    }
+    ngOnDestroy() {
+        if (this._subscriptions) {
+            this._subscriptions.unsubscribe();
+        }
+    }
+}
+/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
+FilterIntComponent.decorators = [
+    { type: 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
@@ -744,7 +819,8 @@ class FiltersComponent {
                 .filter(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(item => ({
                 key: item.key,
-                type: '=',
+                type: item.options.type === FieldType.text || item.options.type === FieldType.longText
+                    ? '~=' : '=',
                 label: 'MODEL.' + item.key,
                 fieldType: item.options.type
             }))
@@ -1406,6 +1482,7 @@ const COMPONENTS = [
     FiltersComponent,
     FilterFlagComponent,
     FilterCheckComponent,
+    FilterIntComponent,
     MultiselectComponent,
     GroupComponent
 ];
@@ -1417,9 +1494,6 @@ CrudComponentsModule.decorators = [
                 declarations: [
                     ...COMPONENTS
                 ],
-                entryComponents: [
-                    ...COMPONENTS
-                ],
                 imports: [
                     //AuthSharedModule,
                     StoreModule,
@@ -1432,13 +1506,16 @@ CrudComponentsModule.decorators = [
                     CrudPipesModule,
                     ...COMPONENTS
                 ],
+                entryComponents: [
+                    ...COMPONENTS
+                ],
                 providers: [
                     CrudService,
                     CrudEffects,
                     CrudFacade,
                     SocketService,
                     CrudListPaginationFactory,
-                ],
+                ]
             },] }
 ];
 
@@ -2342,9 +2419,6 @@ CrudFullModule.decorators = [
                 declarations: [
                     ...PAGES
                 ],
-                entryComponents: [
-                    ...PAGES
-                ],
                 imports: [
                     StoreModule,
                     SharedModule,
@@ -2362,6 +2436,9 @@ CrudFullModule.decorators = [
                     ...PAGES,
                     CrudComponentsModule
                 ],
+                entryComponents: [
+                    ...PAGES
+                ],
                 providers: [
                     CrudService,
                     PageService,
@@ -2454,5 +2531,5 @@ CrudModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { CRUD_MODEL_POSSIBILITIES_PROVIDER, CrudComponentsModule, CrudConfig, CrudCoreModule, CrudEffects, CrudFacade, CrudFullConfig, CrudFullModule, CrudItemPageBaseComponent, CrudListPageBaseComponent, CrudListPaginationFactory, CrudModule, CrudPipesModule, CrudSearchService, CrudService, ExportComponent, FilterCheckComponent, FilterComponent, FilterDateComponent, FilterDateWithEditComponent, FilterFlagComponent, FilterRadioComponent, FilterTextComponent, FiltersComponent, FiltersConfigComponent, FormOptionsPipe, GroupComponent, ICrudModelPossibilitiesProvider, MultiselectComponent, PageService, create, createFailure, createMany, createManyFailure, createManySuccess, createSuccess, deleteFailure, deleteItem, deleteSuccess, exportList, exportListFailure, exportListSuccess, getCrudError, getCrudFilter, getCrudLinks, getCrudList, getCrudLoaded, getCrudMultiSelected, getCrudSelected, getCrudState, getCrudTotalCount, getReducer, initialState, multiSelect, read, readFailure, readSuccess, select, selectFailure, selectSuccess, unselect, update, updateFailure, updatePartial, updatePartialFailure, updatePartialMany, updatePartialManyFailure, updatePartialManySuccess, updatePartialSuccess, updateSuccess, ɵ0, CrudPipesModule as ɵa, FormOptionsPipe as ɵb, CrudComponentsModule as ɵc, ExportComponent as ɵd, FilterComponent as ɵe, FilterTextComponent as ɵf, FiltersConfigComponent as ɵg, FilterDateComponent as ɵh, FilterDateWithEditComponent as ɵi, FilterRadioComponent as ɵj, FiltersComponent as ɵk, FilterFlagComponent as ɵl, FilterCheckComponent as ɵm, MultiselectComponent as ɵn, GroupComponent as ɵo, SocketService as ɵp, NotSocketService as ɵq, ItemComponent as ɵr, ItemStandardComponent as ɵs, CrudItemPageBaseComponent as ɵt, ListComponent as ɵu, ListStandardComponent as ɵv, CrudListPageBaseComponent as ɵw };
+export { CRUD_MODEL_POSSIBILITIES_PROVIDER, CrudComponentsModule, CrudConfig, CrudCoreModule, CrudEffects, CrudFacade, CrudFullConfig, CrudFullModule, CrudItemPageBaseComponent, CrudListPageBaseComponent, CrudListPaginationFactory, CrudModule, CrudPipesModule, CrudSearchService, CrudService, ExportComponent, FilterCheckComponent, FilterComponent, FilterDateComponent, FilterDateWithEditComponent, FilterFlagComponent, FilterIntComponent, FilterRadioComponent, FilterTextComponent, FiltersComponent, FiltersConfigComponent, FormOptionsPipe, GroupComponent, ICrudModelPossibilitiesProvider, MultiselectComponent, PageService, create, createFailure, createMany, createManyFailure, createManySuccess, createSuccess, deleteFailure, deleteItem, deleteSuccess, exportList, exportListFailure, exportListSuccess, getCrudError, getCrudFilter, getCrudLinks, getCrudList, getCrudLoaded, getCrudMultiSelected, getCrudSelected, getCrudState, getCrudTotalCount, getReducer, initialState, multiSelect, read, readFailure, readSuccess, select, selectFailure, selectSuccess, unselect, update, updateFailure, updatePartial, updatePartialFailure, updatePartialMany, updatePartialManyFailure, updatePartialManySuccess, updatePartialSuccess, updateSuccess, ɵ0, CrudPipesModule as ɵa, FormOptionsPipe as ɵb, CrudComponentsModule as ɵc, ExportComponent as ɵd, FilterComponent as ɵe, FilterTextComponent as ɵf, FiltersConfigComponent as ɵg, FilterDateComponent as ɵh, FilterDateWithEditComponent as ɵi, FilterRadioComponent as ɵj, FiltersComponent as ɵk, FilterFlagComponent as ɵl, FilterCheckComponent as ɵm, FilterIntComponent as ɵn, MultiselectComponent as ɵo, GroupComponent as ɵp, SocketService as ɵq, NotSocketService as ɵr, ItemComponent as ɵs, ItemStandardComponent as ɵt, CrudItemPageBaseComponent as ɵu, ListComponent as ɵv, ListStandardComponent as ɵw, CrudListPageBaseComponent as ɵx };
 //# sourceMappingURL=smartsoft001-crud-shell-angular.js.map