diff options
Diffstat (limited to 'portal-FE-common/src/app/layout/components/tabbar')
5 files changed, 0 insertions, 347 deletions
diff --git a/portal-FE-common/src/app/layout/components/tabbar/tab.ts b/portal-FE-common/src/app/layout/components/tabbar/tab.ts deleted file mode 100644 index 0b941c6c..00000000 --- a/portal-FE-common/src/app/layout/components/tabbar/tab.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { SafeUrl } from '@angular/platform-browser'; - -export class Tab { - label: string; - url: SafeUrl; - active: boolean; - - constructor(label: string) { - this.label = label; - } - -} diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html deleted file mode 100644 index 31bb197c..00000000 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.html +++ /dev/null @@ -1,97 +0,0 @@ -<!-- - ============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============================================ - - --> - - <div style="display: flex; flex-direction:column"> - - <mat-tab-group [selectedIndex]="selected.value" (selectedIndexChange)="selected.setValue($event)" - (selectedTabChange)="tabChanged($event)"> - <mat-tab [label]="mainTab"> - <!-- - <mat-grid-list cols="5"> - <mat-grid-tile [colspan]="1" [rowspan]="3"> - <app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar> - <app-userbar></app-userbar> - </mat-grid-tile> - <mat-grid-tile [colspan]="4" style="height: calc(100vh - 24px);overflow-y: hidden"> - <div class="container"> - <router-outlet></router-outlet> - </div> - </mat-grid-tile> - </mat-grid-list> - --> - - - <div style="display: flex; flex-direction:column; overflow-y: scroll; height: calc(100vh - 100px)"> - <div style="display: flex; flex-direction:row;"> - <app-sidebar (collapsedEvent)="receiveCollapsed($event)"></app-sidebar> - <app-userbar></app-userbar> - <div class="container" style="margin-left: 370px;"> - <router-outlet></router-outlet> - </div> - </div> - <app-footer></app-footer> - </div> - - </mat-tab> - - <mat-tab *ngFor="let tab of tabs; let index = index"> - <ng-template mat-tab-label> - {{tab.label | elipsis: 13}} - <i class="icon ion-md-close-circle" (click)="removeTab(index)"></i> - </ng-template> - - - </mat-tab> - - </mat-tab-group> - - - - - - <div *ngFor="let tab of tabs; let index = index" - [style.display]='tab.active? "inline" : "none"' - [style.position]='tab.active? "static" : "absolute"' - [style.height]='tab.active? "calc(100vh)" : "calc(0vh)"'> - - <iframe id="tabframe-{{tab.label.split(' ').join('-')}}" scrolling='yes' frameBorder='0' width='100%' - scrolling='yes' frameBorder='0' width='100%' height='90%' [src]='tab.url'></iframe> - - </div> - - - </div> diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.scss b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.scss deleted file mode 100644 index 807e2d57..00000000 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.scss +++ /dev/null @@ -1,80 +0,0 @@ -/*- - * ============LICENSE_START========================================== - * ONAP Portal - * =================================================================== - * Copyright (C) 2017 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============================================ - * - * - */ - - .input-label, - .add-tab-button, - .delete-tab-button { - margin: 8px; - } - .search-bar { - position: absolute; - right: 10%; - } - - #mat-tab-label-0-1 { - position: fixed; - right: 1em; - } - - .mat-tab-group{ - margin-top: 55px; - } - - ::ng-deep .mat-tab-label { - font-size: 13px !important; - line-height: 30px !important; - margin: 5px 0px 0 !important; - border-top-left-radius: 88px 205px !important; - border-top-right-radius: 88px 205px !important; - padding: 0 30px 0 25px !important; - height: 35px !important; - background: #d2d2d2 !important; - position: relative !important; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5) !important; - width: 180px !important; - max-width: 200px !important; - min-width: 20px !important; - border: 1px solid #aaa !important; - text-transform: capitalize !important; - text-align: left !important; - } - - - ::ng-deep .mat-tab-label.mat-ripple.ng-star-inserted.mat-tab-label-active { - opacity: 1; - }
\ No newline at end of file diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.spec.ts b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.spec.ts deleted file mode 100644 index 94866e4e..00000000 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.spec.ts +++ /dev/null @@ -1,63 +0,0 @@ -/*- - * ============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 { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { TabbarComponent } from './tabbar.component'; - -describe('TabbarComponent', () => { - let component: TabbarComponent; - let fixture: ComponentFixture<TabbarComponent>; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ TabbarComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(TabbarComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts b/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts deleted file mode 100644 index 7a10e39d..00000000 --- a/portal-FE-common/src/app/layout/components/tabbar/tabbar.component.ts +++ /dev/null @@ -1,95 +0,0 @@ -/*- - * ============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; - } -} |