@snabcentr/client-ui 0.17.0 → 0.17.1
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/form-fields/suggestion-field/sc-suggestion-field.component.mjs +25 -20
- package/fesm2015/snabcentr-client-ui.mjs +23 -18
- package/fesm2015/snabcentr-client-ui.mjs.map +1 -1
- package/fesm2020/snabcentr-client-ui.mjs +22 -17
- package/fesm2020/snabcentr-client-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -35,6 +35,7 @@ import { LineChart } from 'echarts/charts';
|
|
|
35
35
|
import { TitleComponent, TooltipComponent, GridComponent } from 'echarts/components';
|
|
36
36
|
import * as echarts from 'echarts/core';
|
|
37
37
|
import { SVGRenderer } from 'echarts/renderers';
|
|
38
|
+
import { HttpErrorResponse } from '@angular/common/http';
|
|
38
39
|
import * as i3$1 from '@taiga-ui/layout';
|
|
39
40
|
import { TuiBlockStatusModule } from '@taiga-ui/layout';
|
|
40
41
|
|
|
@@ -2359,16 +2360,18 @@ class ScSuggestionFieldComponent {
|
|
|
2359
2360
|
/** @inheritDoc */
|
|
2360
2361
|
ngOnInit() {
|
|
2361
2362
|
const request$ = tuiControlValue(this.control).pipe(debounceTime(300), filter(tuiIsPresent), map((term) => term.trim()), filter((term) => term.length >= 3), switchMap((term) => this.suggestionService.getData(term, this.type).pipe(startWith(null))), catchError((error) => {
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2363
|
+
if (error instanceof HttpErrorResponse) {
|
|
2364
|
+
const errorResponse = error.error;
|
|
2365
|
+
if (this.control.control) {
|
|
2366
|
+
tuiMarkControlAsTouchedAndValidate(this.control.control);
|
|
2367
|
+
this.control.control.setErrors({
|
|
2368
|
+
serverResponse: [errorResponse.message || 'Ошибка сервера: пожалуйста, перезагрузите страницу и/или выполните запрос позже.'],
|
|
2369
|
+
});
|
|
2370
|
+
}
|
|
2368
2371
|
}
|
|
2369
2372
|
return throwError(() => of([]));
|
|
2370
2373
|
}), share());
|
|
2371
|
-
this.suggestions$ = request
|
|
2374
|
+
this.suggestions$ = request$.pipe(filter(tuiIsPresent), startWith(null));
|
|
2372
2375
|
this.loading$ = request$.pipe(map(tuiIsFalsy));
|
|
2373
2376
|
}
|
|
2374
2377
|
/**
|
|
@@ -2385,21 +2388,21 @@ class ScSuggestionFieldComponent {
|
|
|
2385
2388
|
break;
|
|
2386
2389
|
case ScISuggestionType.address:
|
|
2387
2390
|
if ('addressString' in suggestion) {
|
|
2388
|
-
this.control.control?.patchValue(suggestion.addressString
|
|
2391
|
+
this.control.control?.patchValue(suggestion.addressString);
|
|
2389
2392
|
}
|
|
2390
2393
|
break;
|
|
2391
2394
|
case ScISuggestionType.bank:
|
|
2392
2395
|
if ('inn' in suggestion && 'bic' in suggestion) {
|
|
2393
|
-
this.control.control?.parent
|
|
2396
|
+
(this.control.control?.parent).patchValue({
|
|
2394
2397
|
bankName: suggestion.name,
|
|
2395
2398
|
bic: suggestion.bic,
|
|
2396
|
-
correspondentAccount: suggestion.correspondentAccount
|
|
2397
|
-
}
|
|
2399
|
+
correspondentAccount: suggestion.correspondentAccount,
|
|
2400
|
+
});
|
|
2398
2401
|
}
|
|
2399
2402
|
break;
|
|
2400
2403
|
case ScISuggestionType.organization:
|
|
2401
2404
|
if ('inn' in suggestion && !('bic' in suggestion)) {
|
|
2402
|
-
this.control.control?.parent
|
|
2405
|
+
(this.control.control?.parent).patchValue({
|
|
2403
2406
|
name: suggestion.name,
|
|
2404
2407
|
inn: suggestion.inn,
|
|
2405
2408
|
kpp: suggestion.kpp,
|
|
@@ -2408,23 +2411,25 @@ class ScSuggestionFieldComponent {
|
|
|
2408
2411
|
directorPosition: suggestion.directorPosition,
|
|
2409
2412
|
legalAddress: suggestion.legalAddress,
|
|
2410
2413
|
postalAddress: suggestion.postalAddress,
|
|
2411
|
-
actualAddress: suggestion.actualAddress
|
|
2412
|
-
}
|
|
2414
|
+
actualAddress: suggestion.actualAddress,
|
|
2415
|
+
});
|
|
2413
2416
|
}
|
|
2414
2417
|
break;
|
|
2415
2418
|
case ScISuggestionType.email:
|
|
2416
2419
|
if ('email' in suggestion) {
|
|
2417
|
-
this.control.control?.patchValue(suggestion.email
|
|
2420
|
+
this.control.control?.patchValue(suggestion.email);
|
|
2418
2421
|
}
|
|
2419
2422
|
break;
|
|
2423
|
+
default:
|
|
2424
|
+
break;
|
|
2420
2425
|
}
|
|
2421
2426
|
}
|
|
2422
2427
|
}
|
|
2423
2428
|
ScSuggestionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSuggestionFieldComponent, deps: [{ token: NgControl, skipSelf: true }, { token: i1.ScSuggestionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2424
|
-
ScSuggestionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, ngImport: i0, template: "<tui-loader
|
|
2429
|
+
ScSuggestionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ScSuggestionFieldComponent, selector: "sc-suggestion-field", inputs: { type: "type" }, ngImport: i0, template: "<tui-loader\n size=\"m\"\n [overlay]=\"true\"\n [showLoader]=\"!!(loading$ | async)\"\n>\n <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n <button\n *ngFor=\"let option of options\"\n tuiOption\n (click)=\"onSelected(option)\"\n class=\"flex-col !items-start\"\n >\n <ng-container *tuiLet=\"$any(option) as option\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"suggestionType.fio\">\n <span class=\"text-tui-link\">{{ option.fio }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.organization\">\n <span class=\"text-tui-link\">\n {{ option.name }}\n <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n </span>\n <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.bank\">\n <span class=\"text-tui-link\">{{ option.name }}</span>\n <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.email\">\n <span class=\"text-tui-link\">{{ option.email }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.address\">\n <span class=\"text-tui-link\">{{ option.addressString }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </button>\n </tui-data-list>\n</tui-loader>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i5.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "component", type: i4.TuiDataListComponent, selector: "tui-data-list", inputs: ["role", "emptyContent", "size"] }, { kind: "component", type: i4.TuiOptionComponent, selector: "button[tuiOption], a[tuiOption]", inputs: ["size", "role", "disabled", "value"] }, { kind: "component", type: i4.TuiLoaderComponent, selector: "tui-loader", inputs: ["size", "inheritColor", "overlay", "textContent", "showLoader"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2425
2430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ScSuggestionFieldComponent, decorators: [{
|
|
2426
2431
|
type: Component,
|
|
2427
|
-
args: [{ selector: 'sc-suggestion-field', template: "<tui-loader
|
|
2432
|
+
args: [{ selector: 'sc-suggestion-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<tui-loader\n size=\"m\"\n [overlay]=\"true\"\n [showLoader]=\"!!(loading$ | async)\"\n>\n <tui-data-list *tuiLet=\"suggestions$ | async as options\">\n <button\n *ngFor=\"let option of options\"\n tuiOption\n (click)=\"onSelected(option)\"\n class=\"flex-col !items-start\"\n >\n <ng-container *tuiLet=\"$any(option) as option\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"suggestionType.fio\">\n <span class=\"text-tui-link\">{{ option.fio }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.organization\">\n <span class=\"text-tui-link\">\n {{ option.name }}\n <span class=\"ml-2 text-tui-text-02\">\u0438\u043D\u043D: {{ option.inn }}</span>\n </span>\n <span class=\"text-tui-text-02\">{{ option?.legalAddress }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.bank\">\n <span class=\"text-tui-link\">{{ option.name }}</span>\n <span class=\"text-tui-text-02\">{{ option.bic }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.email\">\n <span class=\"text-tui-link\">{{ option.email }}</span>\n </ng-container>\n <ng-container *ngSwitchCase=\"suggestionType.address\">\n <span class=\"text-tui-link\">{{ option.addressString }}</span>\n </ng-container>\n </ng-container>\n </ng-container>\n </button>\n </tui-data-list>\n</tui-loader>\n" }]
|
|
2428
2433
|
}], ctorParameters: function () { return [{ type: i3.NgControl, decorators: [{
|
|
2429
2434
|
type: SkipSelf
|
|
2430
2435
|
}, {
|