kwikid-agent-dashboard 0.0.31 → 0.0.32

package/bundles/kwikid-agent-dashboard.umd.js

@@ -1558,6 +1558,7 @@
           this.filterTaskList = new i0.EventEmitter();
           this.filteredData = [];
           this.formGroup = new i7.FormGroup({});
+          this.max = new i10.TuiDay(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());
           this.fromDate = this.getDate(null);
           this.toDate = this.getDate(null);
           this.dateRangeFormControl = new i7.FormControl({
@@ -1568,34 +1569,35 @@
           this.searchFormControl = new i7.FormControl('');
           this.formGroup.addControl('search', this.searchFormControl);
       }
-      CustomerListComponent.prototype.ngOnInit = function () {
-      };
+      CustomerListComponent.prototype.ngOnInit = function () { };
       CustomerListComponent.prototype.ngAfterViewInit = function () {
           var _this = this;
+          var _a, _b;
+          this.maxLength = (_b = (_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.searchDateRange) !== null && _b !== void 0 ? _b : this.maxLength;
           setTimeout(function () { return __awaiter(_this, void 0, void 0, function () {
-              var _a, _c;
-              return __generator(this, function (_d) {
-                  switch (_d.label) {
+              var _c, _d;
+              return __generator(this, function (_e) {
+                  switch (_e.label) {
                       case 0:
                           if (!this.config.dashboard.isShowMaps) return [3 /*break*/, 6];
-                          if (!(((_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.mapType) == 'open-street')) return [3 /*break*/, 2];
+                          if (!(((_c = this.config.dashboard) === null || _c === void 0 ? void 0 : _c.mapType) == 'open-street')) return [3 /*break*/, 2];
                           return [4 /*yield*/, this.openStreetMapsService.initializeMap()];
                       case 1:
-                          _d.sent();
+                          _e.sent();
                           return [3 /*break*/, 4];
                       case 2: return [4 /*yield*/, this.googleMapsService.initializeMap()];
                       case 3:
-                          _d.sent();
-                          _d.label = 4;
+                          _e.sent();
+                          _e.label = 4;
                       case 4:
-                          _c = this;
+                          _d = this;
                           return [4 /*yield*/, this.plotMarkers(this.customers)];
                       case 5:
-                          _c.filteredData = _d.sent();
+                          _d.filteredData = _e.sent();
                           return [3 /*break*/, 7];
                       case 6:
                           this.filteredData = this.customers;
-                          _d.label = 7;
+                          _e.label = 7;
                       case 7: return [2 /*return*/];
                   }
               });
@@ -1603,20 +1605,20 @@
       };
       CustomerListComponent.prototype.ngOnChanges = function () {
           return __awaiter(this, void 0, void 0, function () {
-              var _c;
-              return __generator(this, function (_d) {
-                  switch (_d.label) {
+              var _d;
+              return __generator(this, function (_e) {
+                  switch (_e.label) {
                       case 0:
                           if (!(this.config.dashboard.isShowMaps &&
                               (this.googleMapsService.map || this.openStreetMapsService.map))) return [3 /*break*/, 2];
-                          _c = this;
+                          _d = this;
                           return [4 /*yield*/, this.plotMarkers(this.customers)];
                       case 1:
-                          _c.filteredData = _d.sent();
+                          _d.filteredData = _e.sent();
                           return [3 /*break*/, 3];
                       case 2:
                           this.filteredData = this.customers;
-                          _d.label = 3;
+                          _e.label = 3;
                       case 3: return [2 /*return*/];
                   }
               });
@@ -1641,8 +1643,8 @@
           var _a, _b;
           return __awaiter(this, void 0, void 0, function () {
               var _this = this;
-              return __generator(this, function (_c) {
-                  switch (_c.label) {
+              return __generator(this, function (_d) {
+                  switch (_d.label) {
                       case 0:
                           if (!((_a = this.config.dashboard) === null || _a === void 0 ? void 0 : _a.isPlotCompletedTaskMarkers)) {
                               customers = customers.filter(function (customer) {
@@ -1652,12 +1654,12 @@
                           if (!(((_b = this.config.dashboard) === null || _b === void 0 ? void 0 : _b.mapType) == 'open-street')) return [3 /*break*/, 2];
                           return [4 /*yield*/, this.openStreetMapsService.plotDirectionsForAllTasks(customers)];
                       case 1:
-                          customers = _c.sent();
+                          customers = _d.sent();
                           return [3 /*break*/, 4];
                       case 2: return [4 /*yield*/, this.googleMapsService.plotDirectionsForAllTasks(customers)];
                       case 3:
-                          customers = _c.sent();
-                          _c.label = 4;
+                          customers = _d.sent();
+                          _d.label = 4;
                       case 4: return [2 /*return*/, customers];
                   }
               });
@@ -1691,7 +1693,7 @@
       return CustomerListComponent;
   }());
   /** @nocollapse */ CustomerListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerListComponent, deps: [{ token: GoogleMapsService }, { token: OpenStreetMapsService }, { token: AgentService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-  /** @nocollapse */ CustomerListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-list-wrapper\">\n  <div class=\"customer-list-filter\" [formGroup]=\"formGroup\">\n    <kwikui-input-date-range\n      *ngIf=\"config?.dashboard?.isAllowDateFilter\"\n      [label]=\"'Date Range'\"\n      [id]=\"'dateRange'\"\n      [size]=\"'m'\"\n      [formControlName]=\"'dateRange'\"\n      [formControl]=\"dateRangeFormControl\"\n      (getKeyValue)=\"onDateRangeChange($event)\"\n    ></kwikui-input-date-range>\n    <kwikui-input\n      *ngIf=\"config?.dashboard?.isAllowSearchFilter\"\n      [label]=\"'Search'\"\n      [id]=\"'search'\"\n      icon=\"tuiIconSearch\"\n      size=\"m\"\n      placeholder=\"Search Any Task\"\n      [formControlName]=\"'search'\"\n      [formControl]=\"searchFormControl\"\n      (getKeyValue)=\"onSearchFilter($event)\"\n    ></kwikui-input>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport itemSize=\"1\" class=\"customer-task-list-scroll\">\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div class=\"customer-list-empty\" *ngIf=\"filteredData.length === 0\">\n    {{config?.dashboard?.emptyTaskListMessage ?? '0 Tasks for the given Date.'}}\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i4__namespace.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i4__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i5__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["nextStep", "removeTask"] }], directives: [{ type: i7__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i7__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5__namespace.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe } });
+  /** @nocollapse */ CustomerListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: CustomerListComponent, selector: "customer-list", inputs: { customers: "customers", config: "config" }, outputs: { nextStep: "nextStep", removeTask: "removeTask", filterTaskList: "filterTaskList" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"customer-list-wrapper\">\n  <div class=\"customer-list-filter\" [formGroup]=\"formGroup\">\n    <kwikui-input-date-range\n      *ngIf=\"config?.dashboard?.isAllowDateFilter\"\n      [label]=\"'Date Range'\"\n      [id]=\"'dateRange'\"\n      [size]=\"'m'\"\n      [max]=\"max\"\n      [maxLength]=\"maxLength\"\n      [formControlName]=\"'dateRange'\"\n      [formControl]=\"dateRangeFormControl\"\n      (getKeyValue)=\"onDateRangeChange($event)\"\n    ></kwikui-input-date-range>\n    <kwikui-input\n      *ngIf=\"config?.dashboard?.isAllowSearchFilter\"\n      [label]=\"'Search'\"\n      [id]=\"'search'\"\n      icon=\"tuiIconSearch\"\n      size=\"m\"\n      placeholder=\"Search Any Task\"\n      [formControlName]=\"'search'\"\n      [formControl]=\"searchFormControl\"\n      (getKeyValue)=\"onSearchFilter($event)\"\n    ></kwikui-input>\n  </div>\n\n  <div class=\"customer-task-list\">\n    <cdk-virtual-scroll-viewport itemSize=\"1\" class=\"customer-task-list-scroll\">\n      <div\n        *cdkVirtualFor=\"\n          let customer of filteredData | filter: searchText;\n          index as index\n        \"\n      >\n        <customer-tile\n          class=\"example-item\"\n          [customer]=\"customer\"\n          [config]=\"config\"\n          [index]=\"index\"\n          (nextStep)=\"handleOnClickNext($event)\"\n          (removeTask)=\"handleOnClickRemoveTask($event)\"\n        ></customer-tile>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </div>\n\n  <div class=\"customer-list-empty\" *ngIf=\"filteredData.length === 0\">\n    {{config?.dashboard?.emptyTaskListMessage ?? '0 Tasks for the given Date.'}}\n  </div>\n</div>\n", styles: [".customer-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.customer-list-filter{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;padding:1rem;grid-gap:.8rem;gap:.8rem;border-bottom:.5px solid #ddd}.customer-list-empty{height:100%;width:100%;margin-top:.5rem;font-size:1rem;text-align:center}.customer-task-list{height:100%}.customer-task-list-scroll{height:100%;width:100%}.cdk-virtual-scroll-spacer{height:0!important}.example-item{height:50px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:lightgray;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:gray}\n"], components: [{ type: i4__namespace.KwikUIInputDateRangeComponent, selector: "kwikui-input-date-range", inputs: ["disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "max", "maxLength", "min", "minLength", "placeholder", "postfix", "prefix", "properties", "size", "validators"], outputs: ["getKeyValue"] }, { type: i4__namespace.KwikUIInputComponent, selector: "kwikui-input", inputs: ["case", "disabled", "focus", "formControl", "formControlName", "hintContent", "icon", "id", "invalid", "label", "placeholder", "postfix", "prefix", "properties", "size", "type", "validators"], outputs: ["getKeyValue"] }, { type: i5__namespace.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { type: CustomerTileComponent, selector: "customer-tile", inputs: ["customer", "index", "config"], outputs: ["nextStep", "removeTask"] }], directives: [{ type: i7__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i7__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { type: i5__namespace.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }], pipes: { "filter": Ng2SearchPipe } });
   i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: CustomerListComponent, decorators: [{
               type: i0.Component,
               args: [{