1 import {Component, Input, OnInit, Host, TemplateRef} from '@angular/core';
2 import {GridColumn, GridColumnSet} from './grid';
3 import {GridComponent} from './grid.component';
6 selector: 'eg-grid-column',
7 template: '<ng-template></ng-template>'
10 export class GridColumnComponent implements OnInit {
12 // Note most input fields should match class fields for GridColumn
13 @Input() name: string;
14 @Input() path: string;
15 @Input() label: string;
16 @Input() flex: number;
17 // is this the index field?
18 @Input() index: boolean;
20 // Columns are assumed to be visible unless hidden=true.
21 @Input() hidden: boolean;
23 @Input() sortable: boolean;
24 @Input() datatype: string;
25 @Input() multiSortable: boolean;
27 // If true, boolean fields support 3 values: true, false, null (unset)
28 @Input() ternaryBool: boolean;
30 // Display date and time when datatype = timestamp
31 @Input() datePlusTime: boolean;
33 // Used in conjunction with cellTemplate
34 @Input() cellContext: any;
35 @Input() cellTemplate: TemplateRef<any>;
37 @Input() disableTooltip: boolean;
39 // get a reference to our container grid.
40 constructor(@Host() private grid: GridComponent) {}
45 console.warn('GridColumnComponent needs an <eg-grid>');
49 const col = new GridColumn();
52 col.label = this.label;
54 col.hidden = this.hidden === true;
55 col.isIndex = this.index === true;
56 col.cellTemplate = this.cellTemplate;
57 col.cellContext = this.cellContext;
58 col.disableTooltip = this.disableTooltip;
59 col.isSortable = this.sortable;
60 col.isMultiSortable = this.multiSortable;
61 col.datatype = this.datatype;
62 col.datePlusTime = this.datePlusTime;
63 col.ternaryBool = this.ternaryBool;
65 this.grid.context.columnSet.add(col);