Administrator / maps-admin

  import {Component, ViewEncapsulation, AfterViewInit, ViewChild, OnDestroy} from '@angular/core';

  import {TdLoadingService} from '@covalent/core';
  
  import {StatementBase} from '../../../models/statement.base';
  
  import {AuthorityService} from '../../../services/authority.service';
  import {EditorComponent} from '../../../helpers/editor.component';
  import {RendererComponent} from '../../../helpers/renderer.component';
  import {AuthorityCreateService} from '../../../services/authority-create.service';
  import {RoadSelectList} from '../../../models/road-select-list';
  import {CrossSectionSelectList} from "../../../models/cross-section-select-list";

  import {ActivatedRoute} from "@angular/router";

  
  @Component({
      // tslint:disable-next-line:component-selector
      selector: 'authority-grid',
      templateUrl: 'authority.component.html',
      styleUrls: ['authority.scss'],
      encapsulation: ViewEncapsulation.None,
  })

  export class AuthorityComponent extends StatementBase implements OnDestroy {

      public roads: RoadSelectList[];
      public crosssections: CrossSectionSelectList[];

      public roadId: string;
      protected roadSub: any;

  
      constructor(protected service: AuthorityService,
                  protected dataService: AuthorityCreateService,

                  protected loadingService: TdLoadingService,
                  protected route: ActivatedRoute
      ) {

          super();
      }
  
      protected createColumnDefs(): any[] {
          return [
              {
                  headerName: '#',
                  width: 30,
                  checkboxSelection: true,
                  suppressSorting: true,
                  suppressMenu: true,
                  pinned: true,
              },
              {
                  headerName: 'ID',
                  field: 'id',
              },
              {
                  headerName: 'Назва дороги',
                  field: 'roadId',
                  editable: true,
                  cellEditorFramework: EditorComponent,
                  cellRendererFramework: RendererComponent,
                  cellEditorParams: {
                      data: this.roads,
                      valueCol: 'roadId',
                      labelCol: 'name',
                  },
              },
              {
                  headerName: 'Номер з\'їзду транспортної розв\'язки',
                  field: 'crossSectionId',
                  editable: true,
                  cellEditorFramework: EditorComponent,
                  cellRendererFramework: RendererComponent,
                  cellEditorParams: {
                      data: this.crosssections,
                      valueCol: 'id',
                      labelCol: 'name',
                  },
              },
              {
                  headerName: 'Назва органу управління (балансоутримувача)',
                  field: 'authorityName',
                  editable: true,
              },
              {
                  headerName: 'Номер ділянки дороги',
                  field: 'roadSectionNumber',
                  editable: true,
              },
              {
                  headerName: 'Початок (псевдогеодані)',
                  field: 'begin',
                  editable: true,
              },
              {
                  headerName: 'Кінець (псевдогеодані)',
                  field: 'end',
                  editable: true,
              },
              {
                  headerName: 'Довжина (у метрах)',
                  field: 'length',
                  editable: false,
              },
              {
                  headerName: 'Координати вісі правого проїзду',
                  field: 'rightCoords',
                  editable: true,
              },
              {
                  headerName: 'Схема початку/межі збірного об’єкту',
                  field: 'beginScheme',
                  editable: true,
              },
              {
                  headerName: 'Схема кінця/межі збірного об’єкту',
                  field: 'endScheme',
                  editable: true,
              },
          ];
      }

      protected initFunction(): void {
          this.dataService.getModels().then((models: any) => {
              this.roads = models.roadSelectListDsM as RoadSelectList[];
              this.crosssections = models.crossSectionSelectListDsM as CrossSectionSelectList[];
          }).then(() => {
              this.bootstrapGrid();

              this.filterRoad();
          });
      }
      public ngOnDestroy() {
          this.roadSub.unsubscribe();
      }
      protected filterRoad(): void {
          this.roadSub = this.route.params.subscribe(params => {
              this.roadId = params['roadId'];

          });

          if (this.roadId) {
              setTimeout(() => {
                  let filter = this.gridOptions.api.getFilterInstance('roadId');
                  filter.setModel({
                      type: 'equals',
                      filter: this.roadId
                  });
                  this.gridOptions.api.onFilterChanged();
              }, 0);
          }

      }
  }