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
|
/*-
* ============LICENSE_START==========================================
* ONAP Portal
* ===================================================================
* Copyright (C) 2017-2018 AT&T Intellectual Property. All rights reserved.
* ===================================================================
*
* Unless otherwise specified, all software contained herein is licensed
* under the Apache License, Version 2.0 (the "License");
* you may not use this software except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* Unless otherwise specified, all documentation contained herein is licensed
* under the Creative Commons License, Attribution 4.0 Intl. (the "License");
* you may not use this documentation except in compliance with the License.
* You may obtain a copy of the License at
*
* https://creativecommons.org/licenses/by/4.0/
*
* Unless required by applicable law or agreed to in writing, documentation
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* ============LICENSE_END============================================
*
*
*/
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { DomSanitizer } from '@angular/platform-browser';
import { Tab } from './tab';
import { AddTabFunctionService } from 'src/app/shared/services/tab/add-tab-function.service';
@Component({
selector: 'app-tabbar',
templateUrl: './tabbar.component.html',
styleUrls: ['./tabbar.component.scss']
})
export class TabbarComponent implements OnInit {
tabs = [];
mainTab = 'Home';
selected = new FormControl(0);
collapedSideBar: boolean;
constructor(private sanitizer: DomSanitizer, private addTabFuntionService: AddTabFunctionService) {
}
ngOnInit(): void {
this.addTabFuntionService.listen().subscribe((m: any) => {
console.log(m);
this.addTab(true, m.title, m.url);
})
}
addTab(selectAfterAdding: boolean, label: string, url: string) {
const tab = new Tab(label);
tab.url = this.sanitizer.bypassSecurityTrustResourceUrl(url);
tab.active = true;
this.tabs.push(tab);
if (selectAfterAdding) {
this.selected.setValue(this.tabs.length);
}
}
removeTab(index: number) {
this.tabs.splice(index, 1);
}
receiveCollapsed($event) {
this.collapedSideBar = $event;
}
tabChanged($event) {
for (const ttab of this.tabs) {
ttab.active = false;
}
if(this.tabs.length != 0 && $event.index != 0)
this.tabs[$event.index - 1].active = true;
}
setStyle() {
const style = {
'margin-left': this.collapedSideBar ? '80px' : '370px',
};
return style;
}
}
|