road.component.ts
2.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
import { Component, ViewEncapsulation, AfterViewInit } from '@angular/core';
import { TdLoadingService } from '@covalent/core';
import { GridOptions, IGetRowsParams, IRowModel } from 'ag-grid/main';
import { StatementBase } from '../../../models/statement.base';
import { RoadService } from '../../../services/road.service';
import { RoadCreateService } from '../../../services/road-create.service';
import { Road } from '../../../models/road';
import { EditorComponent } from '../../../helpers/editor.component';
import { RendererComponent } from '../../../helpers/renderer.component';
import { RoadTypeSelectList } from '../../../models/road-type-select-list';
import { routerTransition } from '../../../animations/router.animation';
@Component({
// tslint:disable-next-line:component-selector
selector: 'road-grid',
templateUrl: 'road.component.html',
styleUrls: ['road.scss'],
encapsulation: ViewEncapsulation.None,
})
export class RoadComponent extends StatementBase {
public roadTypes: RoadTypeSelectList[];
constructor(
protected service: RoadService,
protected dataService: RoadCreateService,
protected loadingService: TdLoadingService,
) {
super();
}
protected createColumnDefs(): any[] {
return [
{
headerName: '#',
width: 30,
checkboxSelection: true,
suppressSorting: true,
suppressMenu: true,
pinned: true,
},
{
headerName: 'ID',
field: 'id',
},
{
headerName: 'Назва дороги',
field: 'name',
editable: true,
},
{
headerName: 'Індекс дороги',
field: 'index',
editable: true,
},
{
headerName: 'Тип дороги',
field: 'roadTypeId',
editable: true,
cellEditorFramework: EditorComponent,
cellRendererFramework: RendererComponent,
cellEditorParams: {
data: this.roadTypes,
valueCol: 'roadTypeId',
labelCol: 'name',
},
},
];
}
protected initFunction(): void {
this.dataService.getModels().then((models: any) => {
this.roadTypes = models.roadTypeSelectListDsM as RoadTypeSelectList[];
}).then(() => {
this.bootstrapGrid();
});
}
}