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 // Display using a specific OU's timestamp when datatype = timestamp
37 @Input() timezoneContextOrg: number;
39 // Used in conjunction with cellTemplate
40 @Input() cellContext: any;
41 @Input() cellTemplate: TemplateRef<any>;
43 @Input() disableTooltip: boolean;
45 // get a reference to our container grid.
46 constructor(@Host() private grid: GridComponent) {}
51 console.warn('GridColumnComponent needs an <eg-grid>');
55 const col = new GridColumn();
58 col.label = this.label;
60 col.hidden = this.hidden === true;
61 col.isIndex = this.index === true;
62 col.cellTemplate = this.cellTemplate;
63 col.cellContext = this.cellContext;
64 col.disableTooltip = this.disableTooltip;
65 col.isSortable = this.sortable;
66 col.isFilterable = this.filterable;
67 col.isMultiSortable = this.multiSortable;
68 col.datatype = this.datatype;
69 col.datePlusTime = this.datePlusTime;
70 col.ternaryBool = this.ternaryBool;
71 col.timezoneContextOrg = this.timezoneContextOrg;
73 this.grid.context.columnSet.add(col);