serviceman.component.ts

import { Component, AfterViewInit, ChangeDetectorRef } from '@angular/core';
import { BaseTableComponent } from 'app/shared/components';
import { StringFilterComponent } from 'app/shared/components/filters/string-filter/string-filter.component';
import { ColumnType } from 'app/shared/types/enumerations';
import { SERVICEMAN, SERVICEMAN_NEW } from 'app/shared/constants';
import { HoaRepository, ServicemanRepository } from 'app/repositories';
import { SelectFilterComponent } from 'app/shared/components/filters/select-filter/select-filter.component';

@Component({
  selector: 'ngx-serviceman',
  templateUrl: '../../shared/components/base-table/base-table.component.html',
  styleUrls: ['../../shared/components/base-table/base-table.component.scss'],
})
export class ServicemanComponent extends BaseTableComponent implements AfterViewInit {
  constructor(
    private hoaRepo: HoaRepository,
    public servicemanRepository: ServicemanRepository,
    protected cdk: ChangeDetectorRef,
  ) {
    super(servicemanRepository);

    this.columns['connectedHoas'] = {
      title: this.translate.instant('table_title.hoa'),
      type: ColumnType.STRING,
      getter: (val: Array<any>) => {
        return val?.length ? val?.map(hoa => hoa.hoaName).join(', ') : ' - ';
      },
      filter: {
        component: SelectFilterComponent,
        dropdownItemName: 'hoaName',
        dynamicData: this.hoaRepo.find({
          order: [['hoaName', 'ASC']],
        }),
        name: '$hoas->HoaServicemanModel.hoa_id$',
      },
      disableSort: true,
    };

    this.columns['type'] = {
      title: this.translate.instant('table_title.serviceman_type'),
      type: ColumnType.STRING,
      filter: {
        name: 'type',
        component: StringFilterComponent,
      },
    };
    this.columns['servicemanName'] = {
      title: this.translate.instant('table_title.serviceman_name'),
      type: ColumnType.STRING,
      filter: {
        name: 'servicemanName',
        component: StringFilterComponent,
      },
    };
    this.columns['phone'] = {
      title: this.translate.instant('table_title.serviceman_phone'),
      type: ColumnType.STRING,
      filter: {
        name: 'phone',
        component: StringFilterComponent,
      },
    };
    this.editUrl = SERVICEMAN;
    this.pageSize = 0;
  }

  override ngAfterViewInit() {
    this.FAB.newItemUrl = SERVICEMAN_NEW;
    super.ngAfterViewInit();
    this.cdk.detectChanges();
  }
}