b616b82480f31621252cfd64ecd6c2946c61a05c
[working/Evergreen.git] / Open-ILS / src / eg2 / src / app / share / grid / grid-column.component.ts
1 import {Component, Input, OnInit, Host, TemplateRef} from '@angular/core';
2 import {GridColumn} from './grid';
3 import {GridComponent} from './grid.component';
4
5 @Component({
6   selector: 'eg-grid-column',
7   template: '<ng-template></ng-template>'
8 })
9
10 export class GridColumnComponent implements OnInit {
11
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;
19
20     // Columns are assumed to be visible unless hidden=true.
21     @Input() hidden: boolean;
22
23     @Input() sortable: boolean;
24     @Input() datatype: string;
25     @Input() multiSortable: boolean;
26
27     // If true, boolean fields support 3 values: true, false, null (unset)
28     @Input() ternaryBool: boolean;
29
30     // result filtering
31     @Input() filterable: boolean;
32
33     // Display date and time when datatype = timestamp
34     @Input() datePlusTime: boolean;
35
36     // Used in conjunction with cellTemplate
37     @Input() cellContext: any;
38     @Input() cellTemplate: TemplateRef<any>;
39
40     @Input() disableTooltip: boolean;
41
42     // get a reference to our container grid.
43     constructor(@Host() private grid: GridComponent) {}
44
45     ngOnInit() {
46
47         if (!this.grid) {
48             console.warn('GridColumnComponent needs an <eg-grid>');
49             return;
50         }
51
52         const col = new GridColumn();
53         col.name = this.name;
54         col.path = this.path;
55         col.label = this.label;
56         col.flex = this.flex;
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;
68         col.isAuto = false;
69         this.grid.context.columnSet.add(col);
70     }
71 }
72