@tetacom/ng-components 1.0.25 → 1.0.26

package/src/component/filter/boolean-filter/boolean-filter.component.ts

@@ -1,71 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-import { FilterComponentBase } from '../base/filter-component-base';
-import { FilterItem } from '../contarct/filter-item';
-import { IIdName } from '../../../common/contract/i-id-name';
-import { FilterBase } from '../base/filter-base';
-import { FilterState } from '../contarct/filter-state';
-import { BooleanFilter } from '../contarct/boolean-filter';
-
-@Component({
-  selector: 'teta-boolean-filter',
-  templateUrl: './boolean-filter.component.html',
-  styleUrls: ['./boolean-filter.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class BooleanFilterComponent
-  extends FilterComponentBase
-  implements OnInit
-{
-  @Input() column: FilterItem;
-  @Input() filterOptions: IIdName<any>[] = [];
-  @Output() filterChanged: EventEmitter<FilterBase> =
-    new EventEmitter<FilterBase>();
-
-  filter: BooleanFilter;
-  state$: FilterState;
-
-  @Input()
-  set state(val: FilterState) {
-    this.state$ = val;
-    this.filter = this.getFilter();
-    this.changeDetector.detectChanges();
-  }
-
-  get state() {
-    return this.state$;
-  }
-
-  constructor(private changeDetector: ChangeDetectorRef) {
-    super();
-  }
-
-  ngOnInit() {}
-
-  setFilter() {
-    this.filterChanged.emit(this.filter);
-  }
-
-  private getFilter(): BooleanFilter {
-    let filter = this.state.booleanFilters.find(
-      (f) => f.field === this.column.filterField
-    );
-    if (!filter) {
-      filter = this.state.addBooleanFilter(
-        new BooleanFilter({
-          value: null,
-          field: this.column.filterField,
-          name: this.column.name,
-        })
-      );
-    }
-    return filter;
-  }
-}

package/src/component/filter/contarct/boolean-filter.ts

@@ -1,12 +0,0 @@
-import { FilterBase } from '../base/filter-base';
-
-export class BooleanFilter extends FilterBase {
-  override value: boolean;
-
-  constructor(options?: { value?: boolean; field: string; name: string }) {
-    super(options);
-    if (options) {
-      this.value = options.value;
-    }
-  }
-}

package/src/component/filter/contarct/date-filter-value.ts

@@ -1,20 +0,0 @@
-export class DateFilterValue {
-  /**
-   * Значение должно быть меньше чем
-   */
-  lessThan: Date | undefined | null;
-  /**
-   * Значение должно быть больше чем
-   */
-  greaterThan: Date | undefined | null;
-
-  constructor(options?: {
-    lessThan?: Date | undefined | null;
-    greaterThan?: Date | undefined | null;
-  }) {
-    if (options) {
-      this.lessThan = (typeof options.lessThan === 'string') ? new Date(options.lessThan) : options.lessThan;
-      this.greaterThan = (typeof options.greaterThan === 'string') ? new Date(options.greaterThan) : options.greaterThan;
-    }
-  }
-}

package/src/component/filter/contarct/date-filter.ts

@@ -1,17 +0,0 @@
-import {FilterBase} from '../base/filter-base';
-import {DateFilterValue} from './date-filter-value';
-
-export class DateFilter extends FilterBase {
-  override value: DateFilterValue;
-
-  constructor(options?: {
-    value?: DateFilterValue;
-    field: string;
-    name: string;
-  }) {
-    super(options);
-    if (options) {
-      this.value = new DateFilterValue(options.value);
-    }
-  }
-}

package/src/component/filter/contarct/filter-component-map.ts

@@ -1,24 +0,0 @@
-import { FilterType } from '../enum/filter-type.enum';
-import { Type } from '@angular/core';
-import { NumericFilterComponent } from '../numeric-filter/numeric-filter.component';
-import { DateFilterComponent } from '../date-filter/date-filter.component';
-import { ListFilterComponent } from '../list-filter/list-filter.component';
-import { StringFilterComponent } from '../string-filter/string-filter.component';
-import { FilterItem } from './filter-item';
-import { BooleanFilterComponent } from '../boolean-filter/boolean-filter.component';
-
-const filterComponentsMap: Map<FilterType, Type<any>> = new Map<
-  FilterType,
-  Type<any>
->()
-  .set(FilterType.number, NumericFilterComponent)
-  .set(FilterType.date, DateFilterComponent)
-  .set(FilterType.list, ListFilterComponent)
-  .set(FilterType.string, StringFilterComponent)
-  .set(FilterType.boolean, BooleanFilterComponent)
-  .set(FilterType.custom, StringFilterComponent);
-
-export const getFilterComponent = (item: FilterItem): Type<any> =>
-  filterComponentsMap.has(item.filterType)
-    ? filterComponentsMap.get(item.filterType)
-    : StringFilterComponent;

package/src/component/filter/contarct/filter-item.ts

@@ -1,95 +0,0 @@
-import {FilterType} from '../enum/filter-type.enum';
-import {StringFilterType} from '../enum/string-filter-type.enum';
-import {ListFilterType} from '../enum/list-filter-type.enum';
-
-export class FilterItem {
-  /**
-   * Порядковый номер
-   */
-  sortOrder: number = Number.MAX_VALUE;
-  /**
-   * Название столбца для заголовка таблицы
-   */
-  caption: string;
-  /**
-   * Подсказка
-   */
-  hint: string;
-  /**
-   * Название столбца в строке результатов
-   */
-  name: string;
-  /**
-   * Возможность сортировать поле
-   */
-  sortable = true;
-  /**
-   * Возможность фильтровать поле
-   */
-  filterable = true;
-  /**
-   * Поле для сортировки
-   */
-  sortField: string;
-  /**
-   * Поле для фильтрации
-   */
-  filterField: string;
-  /**
-   * Тип фильтра
-   */
-  filterType: FilterType | null;
-  /**
-   * Тип сравнения строкового фильтра
-   */
-  stringFilterType: StringFilterType;
-  /**
-   * Тип сравнения строкового фильтра
-   */
-  listFilterType: ListFilterType;
-  /**
-   * Строгое сравнение
-   */
-  strict: boolean;
-  /**
-   * Компонент для рендера фильтра
-   */
-  filterComponent: any;
-
-  /**
-   * Дочерние элементы
-   */
-  columns: FilterItem[];
-
-  constructor(options?: {
-    sortOrder?: number;
-    name?: string;
-    caption?: string;
-    hint?: string;
-    sortable?: boolean;
-    sortField?: string;
-    filterable?: boolean;
-    filterField?: string;
-    filterType?: FilterType | null;
-    stringFilterType?: StringFilterType;
-    listFilterType?: ListFilterType;
-    strict?: boolean;
-    filterComponent?: any;
-    columns?: FilterItem[];
-  }) {
-    this.sortOrder = options?.sortOrder ?? Number.MAX_VALUE;
-    this.name = options?.name ?? '';
-    this.caption = options?.caption ?? this.name;
-    this.hint = options?.hint ?? '';
-    this.sortable = options?.sortable ?? true;
-    this.filterable = options?.filterable ?? true;
-    this.sortField = options?.sortField ?? this.name;
-    this.filterField = options?.filterField ?? this.name;
-    this.filterType = options?.filterType;
-    this.stringFilterType = options?.stringFilterType ?? StringFilterType.Contains;
-    this.listFilterType = options?.listFilterType ?? ListFilterType.None;
-    this.strict = options?.strict ?? false;
-    this.filterComponent = options?.filterComponent;
-    this.columns = options?.columns?.map(_ => new FilterItem(_)) ?? [];
-  }
-}

package/src/component/filter/contarct/filter-state.ts

@@ -1,172 +0,0 @@
-import { StringFilter } from './string-filter';
-import { NumericFilter } from './numeric-filter';
-import { DateFilter } from './date-filter';
-import { ListFilter } from './list-filter';
-import { SortParam } from './sort-param';
-import { DateFilterValue } from './date-filter-value';
-import { NumericFilterValue } from './numeric-filter-value';
-import { ListFilterType } from '../enum/list-filter-type.enum';
-import { BooleanFilter } from './boolean-filter';
-
-export class FilterState {
-  stringFilters: StringFilter[] = [];
-  numericFilters: NumericFilter[] = [];
-  dateFilters: DateFilter[] = [];
-  listFilters: ListFilter[] = [];
-  booleanFilters: BooleanFilter[] = [];
-  sortParams: SortParam[] = [];
-
-  constructor(options?: {
-    stringFilters?: any[];
-    booleanFilters?: any[];
-    numericFilters?: any[];
-    dateFilters?: any[];
-    listFilters?: any[];
-    sortParams?: any[];
-  }) {
-    if (options) {
-      if (options.stringFilters && options.stringFilters.length) {
-        this.stringFilters = options.stringFilters.map(
-          (x: any) => new StringFilter(x)
-        );
-      }
-
-      if (options.booleanFilters && options.booleanFilters.length) {
-        this.booleanFilters = options.booleanFilters.map(
-          (x: any) => new BooleanFilter(x)
-        );
-      }
-
-      if (options.numericFilters && options.numericFilters.length) {
-        this.numericFilters = options.numericFilters.map(
-          (x: any) => new NumericFilter(x)
-        );
-      }
-
-      if (options.dateFilters && options.dateFilters.length) {
-        this.dateFilters = options.dateFilters.map(
-          (x: any) => new DateFilter(x)
-        );
-      }
-
-      if (options.listFilters && options.listFilters.length) {
-        this.listFilters = options.listFilters.map(
-          (x: any) => new ListFilter(x)
-        );
-      }
-
-      if (options.sortParams && options.sortParams.length) {
-        this.sortParams = options.sortParams.map((x: any) => new SortParam(x));
-      }
-    }
-  }
-
-  static restore(cookie: string): any {
-    const state = localStorage.getItem(cookie) || 'null';
-    return JSON.parse(state);
-  }
-
-  save(cookieName: string): void {
-    if (cookieName) {
-      localStorage.setItem(cookieName, JSON.stringify(this));
-    }
-  }
-
-  addListFilter(value: ListFilter): ListFilter {
-    if (this.listFilters === null || this.listFilters === undefined) {
-      this.listFilters = [];
-    }
-    const filter = this.listFilters.find((f) => f.field === value.field);
-    if (filter === null || filter === undefined) {
-      this.listFilters.push(value);
-      return value;
-    } else {
-      filter.value = value.value;
-      return filter;
-    }
-  }
-
-  addDateFilter(value: DateFilter): DateFilter {
-    if (this.dateFilters === null || this.dateFilters === undefined) {
-      this.dateFilters = [];
-    }
-    const filter = this.dateFilters.find((f) => f.field === value.field);
-    if (filter === null || filter === undefined) {
-      this.dateFilters.push(value);
-      return value;
-    } else {
-      filter.value = value.value;
-      return filter;
-    }
-  }
-
-  addStringFilter(value: StringFilter): StringFilter {
-    if (this.stringFilters === null || this.stringFilters === undefined) {
-      this.stringFilters = [];
-    }
-    const filter = this.stringFilters.find((f) => f.field === value.field);
-    if (filter === null || filter === undefined) {
-      this.stringFilters.push(value);
-      return value;
-    } else {
-      filter.value = value.value;
-      return filter;
-    }
-  }
-
-  addBooleanFilter(value: BooleanFilter): BooleanFilter {
-    if (this.booleanFilters === null || this.booleanFilters === undefined) {
-      this.booleanFilters = [];
-    }
-    const filter = this.booleanFilters.find((f) => f.field === value.field);
-    if (filter === null || filter === undefined) {
-      this.booleanFilters.push(value);
-      return value;
-    } else {
-      filter.value = value.value;
-      return filter;
-    }
-  }
-
-  addNumericFilter(value: NumericFilter): NumericFilter {
-    if (this.numericFilters === null || this.numericFilters === undefined) {
-      this.numericFilters = [];
-    }
-    const filter = this.numericFilters.find((f) => f.field === value.field);
-    if (filter === null || filter === undefined) {
-      this.numericFilters.push(value);
-      return value;
-    } else {
-      filter.value = value.value;
-      return filter;
-    }
-  }
-
-  clear(): void {
-    this.sortParams.length = 0;
-
-    this.stringFilters.map((f: StringFilter) => {
-      f.value = '';
-    });
-    this.booleanFilters.map((f: BooleanFilter) => {
-      f.value = null;
-    });
-    this.dateFilters.map((f: DateFilter) => {
-      f.value = new DateFilterValue({
-        lessThan: null,
-        greaterThan: null,
-      });
-    });
-    this.numericFilters.map((f: NumericFilter) => {
-      f.value = new NumericFilterValue({
-        lessThan: null,
-        greaterThan: null,
-        equalsTo: null,
-      });
-    });
-    this.listFilters.map((f: ListFilter) => {
-      f.value = [];
-      f.type = ListFilterType.None;
-    });
-  }
-}

package/src/component/filter/contarct/i-filter.ts

@@ -1,5 +0,0 @@
-export interface IFilter {
-  name: string;
-  field: string;
-  value: any;
-}

package/src/component/filter/contarct/list-filter.ts

@@ -1,20 +0,0 @@
-import {FilterBase} from '../base/filter-base';
-import {ListFilterType} from '../enum/list-filter-type.enum';
-
-export class ListFilter extends FilterBase {
-  override value: any[];
-  type: ListFilterType;
-
-  constructor(options?: {
-    value?: any[];
-    type?: ListFilterType;
-    field: string;
-    name: string;
-  }) {
-    super(options);
-    if (options) {
-      this.value = options.value || this.value;
-      this.type = options.type || ListFilterType.None;
-    }
-  }
-}

package/src/component/filter/contarct/numeric-filter-value.ts

@@ -1,26 +0,0 @@
-export class NumericFilterValue {
-  /**
-   * Значение должно быть меньше чем
-   */
-  lessThan: number | null | undefined;
-  /**
-   * Значение должно быть больше чем
-   */
-  greaterThan: number | null | undefined;
-  /**
-   * Значение должно быть равно
-   */
-  equalsTo: number | null | undefined;
-
-  constructor(options?: {
-    lessThan?: number | null | undefined;
-    greaterThan?: number | null | undefined;
-    equalsTo?: number | null | undefined;
-  }) {
-    if (options) {
-      this.lessThan = options.lessThan;
-      this.greaterThan = options.greaterThan;
-      this.equalsTo = options.equalsTo;
-    }
-  }
-}

package/src/component/filter/contarct/numeric-filter.ts

@@ -1,20 +0,0 @@
-import {FilterBase} from '../base/filter-base';
-import {NumericFilterValue} from './numeric-filter-value';
-
-export class NumericFilter extends FilterBase {
-  override value: NumericFilterValue;
-  strict: boolean;
-
-  constructor(options?: {
-    value?: NumericFilterValue;
-    strict?: boolean;
-    field: string;
-    name: string;
-  }) {
-    super(options);
-    if (options) {
-      this.value = options.value || this.value;
-      this.strict = options.strict || false;
-    }
-  }
-}

package/src/component/filter/contarct/sort-param.ts

@@ -1,29 +0,0 @@
-export class SortParam {
-  /**
-   * Поле сортировки
-   */
-  field: string;
-  /**
-   * Направление (true: Asc, false: Desc)
-   */
-  asc: boolean;
-  /**
-   * Порядок сортировки
-   */
-  order: number;
-
-  /**
-   * Инициализация из анонимного объекта
-   */
-  constructor(options?: {
-    field?: string;
-    asc?: boolean;
-    order?: number;
-  }) {
-    if (options) {
-      this.field = options.field || this.field;
-      this.asc = options.asc || false;
-      this.order = options.order || this.order;
-    }
-  }
-}

package/src/component/filter/contarct/string-filter.ts

@@ -1,21 +0,0 @@
-import {FilterBase} from '../base/filter-base';
-import {StringFilterType} from '../enum/string-filter-type.enum';
-
-export class StringFilter extends FilterBase {
-  override value: string;
-  type: StringFilterType;
-
-
-  constructor(options?: {
-    value?: string;
-    type?: StringFilterType;
-    field: string;
-    name: string;
-  }) {
-    super(options);
-    if (options) {
-      this.value = options.value || this.value;
-      this.type = options.type || StringFilterType.Contains;
-    }
-  }
-}

package/src/component/filter/date-filter/date-filter.component.html

@@ -1,14 +0,0 @@
-<div class="form-row padding-3">
-  <teta-input [label]="'От'">
-    <teta-date-picker style="width: 110px"
-                      [ngModel]="filter.value?.greaterThan"
-                      [appendToBody]="true"
-                      (ngModelChange)="filter.value.greaterThan=$event"></teta-date-picker>
-  </teta-input>
-  <teta-input [label]="'До'">
-    <teta-date-picker style="width: 110px"
-                      [ngModel]="filter.value?.lessThan"
-                      [appendToBody]="true"
-                      (ngModelChange)="filter.value.lessThan=$event"></teta-date-picker>
-  </teta-input>
-</div>

package/src/component/filter/date-filter/date-filter.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DateFilterComponent } from './date-filter.component';
-
-describe('DateFilterComponent', () => {
-  let component: DateFilterComponent;
-  let fixture: ComponentFixture<DateFilterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ DateFilterComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(DateFilterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/component/filter/date-filter/date-filter.component.ts

@@ -1,68 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-import { DateFilterValue } from '../contarct/date-filter-value';
-import { DateFilter } from '../contarct/date-filter';
-import { FilterState } from '../contarct/filter-state';
-import { FilterBase } from '../base/filter-base';
-import { FilterComponentBase } from '../base/filter-component-base';
-import { FilterItem } from '../contarct/filter-item';
-import { IIdName } from '../../../common/contract/i-id-name';
-
-@Component({
-  selector: 'teta-date-filter',
-  templateUrl: './date-filter.component.html',
-  styleUrls: ['./date-filter.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class DateFilterComponent extends FilterComponentBase implements OnInit {
-  @Input() column: FilterItem;
-  @Input() filterOptions: IIdName<any>[] = [];
-  @Output() filterChanged: EventEmitter<FilterBase> =
-    new EventEmitter<FilterBase>();
-
-  filter: DateFilter;
-  state$: FilterState;
-
-  @Input()
-  set state(val: FilterState) {
-    this.state$ = val;
-    this.filter = this.getFilter();
-    this.changeDetector.detectChanges();
-    this.changeDetector.markForCheck();
-  }
-
-  get state() {
-    return this.state$;
-  }
-
-  constructor(private changeDetector: ChangeDetectorRef) {
-    super();
-  }
-
-  ngOnInit() {
-    this.filter = this.getFilter();
-  }
-
-  private getFilter(): DateFilter {
-    let filter = this.state.dateFilters.find(
-      (f) => f.field === this.column.filterField
-    );
-    if (filter === null || filter === undefined) {
-      filter = this.state.addDateFilter(
-        new DateFilter({
-          value: new DateFilterValue(),
-          field: this.column.filterField,
-          name: this.column.name,
-        })
-      );
-    }
-    return filter;
-  }
-}

package/src/component/filter/enum/filter-type.enum.ts

@@ -1,8 +0,0 @@
-export enum FilterType {
-  string,
-  number,
-  date,
-  list,
-  boolean,
-  custom,
-}

package/src/component/filter/enum/list-filter-type.enum.ts

@@ -1,4 +0,0 @@
-export enum ListFilterType {
-  None,
-  Excluded
-}

package/src/component/filter/enum/string-filter-type.enum.ts

@@ -1,18 +0,0 @@
-export enum StringFilterType {
-  /**
-   * Строгое совпадение
-   */
-  Equals = 1,
-  /**
-   * Начинается с указанной подстроки
-   */
-  StartsWith = 2,
-  /**
-   * Оканчивается указанной подстрокой
-   */
-  EndsWith = 3,
-  /**
-   * Содержит указанную подстроку
-   */
-  Contains = 4,
-}