1 import {Component, Input, OnInit, Host, TemplateRef} from '@angular/core';
2 import {GridColumn} 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;
31 @Input() filterable: boolean;
33 // Display date and time when datatype = timestamp
34 @Input() datePlusTime: boolean;
36 // Used in conjunction with cellTemplate
37 @Input() cellContext: any;
38 @Input() cellTemplate: TemplateRef<any>;
40 @Input() disableTooltip: boolean;
42 // get a reference to our container grid.
43 constructor(@Host() private grid: GridComponent) {}
48 console.warn('GridColumnComponent needs an <eg-grid>');
52 const col = new GridColumn();
55 col.label = this.label;
57 col.hidden = this.hidden === true;
58 col.isIndex = this.index === true;
59 col.cellTemplate = this.cellTemplate;
60 col.cellContext = this.cellContext;
61 col.disableTooltip = this.disableTooltip;
62 col.isSortable = this.sortable;
63 col.isFilterable = this.filterable;
64 col.isMultiSortable = this.multiSortable;
65 col.datatype = this.datatype;
66 col.datePlusTime = this.datePlusTime;
67 col.ternaryBool = this.ternaryBool;
69 this.grid.context.columnSet.add(col);