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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
|
import { Component, OnInit, Input, SimpleChanges } from '@angular/core';
import { Router } from '@angular/router';
import { environment } from '../../../../../environments/environment';
import {MatTabChangeEvent, VERSION} from '@angular/material';
import { Observable, Observer } from 'rxjs';
import { HeadertabsService } from './headertabs.service';
export interface ExampleTab {
label: string;
content: any;
}
@Component({
selector: 'app-header-tabs-component',
templateUrl: './header-tabs.component.html',
styleUrls: ['./header-tabs.component.css']
})
export class HeaderTabsComponent implements OnInit {
asyncTabs: Observable<ExampleTab[]>;
@Input("reportId") reportId : string;
@Input ("reportMode") reportMode : string;
finalReportId : string;
repMode : string;
navLinks : {}[];
reportType : string;
tabChanged : any;
constructor(private _router : Router, private _headerTabsService : HeadertabsService) {
this.asyncTabs = new Observable((observer: Observer<ExampleTab[]>) => {
setTimeout(() => {
observer.next([
{label: 'Definition', content: '<app-pilot-page [reportId]="reportId"></app-pilot-page>'},
]);
}, 1000);
});
//console.log(this.reportId);
if(this.reportId == "" && this.reportMode=="")
{
this.finalReportId = "-1";
this.repMode = "Create";
this.reportId = "-1";
this.reportMode = "Create";
console.log(this.finalReportId, this.repMode);
}
else
{
if(this.reportId !== undefined && this.reportMode !== undefined)
{
this.finalReportId = this.reportId;
this.repMode = this.reportMode;
console.log(this.finalReportId, this.repMode);
}
}
}
ngOnInit() {
if(this.reportId == "" && this.reportMode=="")
{
this.finalReportId = "-1";
this.repMode = "Create";
this.reportId = "-1";
this.reportMode = "Create";
console.log(this.finalReportId, this.repMode);
}
else
{
if(this.reportId !== undefined && this.reportMode !== undefined)
{
this.finalReportId = this.reportId;
this.repMode = this.reportMode;
this._headerTabsService.getReportTypeData(this.finalReportId)
.subscribe((responseReportType) => {
this.reportType = responseReportType["reportType"];
console.log(this.reportType);
});
console.log(this.finalReportId, this.repMode);
}
}
}
ngAfterViewInit()
{
//console.log(this.reportId);
if(this.reportId == "" && this.reportMode=="")
{
this.finalReportId = "-1";
this.repMode = "Create";
this.reportId = "-1";
this.reportMode = "Create";
console.log(this.finalReportId, this.repMode);
}
else
{
if(this.reportId !== undefined && this.reportMode !== undefined)
{
this.finalReportId = this.reportId;
this.repMode = this.reportMode;
console.log(this.finalReportId, this.repMode);
}
}
}
ngDoCheck()
{
// var id = this.finalReportId;
// console.log(this.finalReportId);
this.tabChanged = (tabChangeEvent: MatTabChangeEvent): void => {
console.log('tabChangeEvent => ', tabChangeEvent);
console.log('index => ', tabChangeEvent.index);
};
}
ngOnChanges(changes: SimpleChanges)
{
this.tabChanged = (tabChangeEvent: MatTabChangeEvent): void => {
};
}
getReportType(reportTypeObject: any){
this.reportType= reportTypeObject['reportType'];
}
}
|