summaryrefslogtreecommitdiffstats
path: root/portal-FE-os/src/app/layout/components/tabbar
diff options
context:
space:
mode:
authorSudarshan Kumar <sudarshan.kumar@att.com>2020-01-31 20:08:08 +0530
committerSudarshan Kumar <sudarshan.kumar@att.com>2020-02-04 07:38:53 +0000
commit3f7386d4245f9a05db961440ebf80d97d788f902 (patch)
tree1952962fe532ae8486abe4746e8a345608e40f89 /portal-FE-os/src/app/layout/components/tabbar
parente0b464f75666b80976466437fa1057c3b4efd39f (diff)
Added portal-FE-os components
Removed layout from portal-FE-os and added new components in portal-fe-os Issue-ID: PORTAL-795 Change-Id: I3d7f93fa22a7935f9e73ed96802495019aabc129 Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>
Diffstat (limited to 'portal-FE-os/src/app/layout/components/tabbar')
-rw-r--r--portal-FE-os/src/app/layout/components/tabbar/tab.ts12
-rw-r--r--portal-FE-os/src/app/layout/components/tabbar/tabbar.component.html77
-rw-r--r--portal-FE-os/src/app/layout/components/tabbar/tabbar.component.scss80
-rw-r--r--portal-FE-os/src/app/layout/components/tabbar/tabbar.component.spec.ts63
-rw-r--r--portal-FE-os/src/app/layout/components/tabbar/tabbar.component.ts95
5 files changed, 0 insertions, 327 deletions
diff --git a/portal-FE-os/src/app/layout/components/tabbar/tab.ts b/portal-FE-os/src/app/layout/components/tabbar/tab.ts
deleted file mode 100644
index 0b941c6c..00000000
--- a/portal-FE-os/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-os/src/app/layout/components/tabbar/tabbar.component.html b/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.html
deleted file mode 100644
index 4a704da9..00000000
--- a/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.html
+++ /dev/null
@@ -1,77 +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">
- <div>
- <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: scroll">
- <div class="container">
- <router-outlet></router-outlet>
- </div>
- </mat-grid-tile>
- </mat-grid-list>
-
- </mat-tab>
-
- <mat-tab *ngFor="let tab of tabs; let index = index">
- <ng-template mat-tab-label>
- {{tab.label | elipsis: 13}} &nbsp;
- <i class="icon ion-md-close-circle" (click)="removeTab(index)"></i>
- </ng-template>
-
-
- </mat-tab>
-
- </mat-tab-group>
- <mat-grid-list cols="5">
- <mat-grid-tile [colspan]="5" [rowspan]="tab.active? 3 : 0" *ngFor="let tab of tabs; let index = index"
- [style.display]='tab.active? "inline" : "none"' [style.position]='tab.active? "static" : "absolute"'>
-
- <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>
-
- </mat-grid-tile>
-
- </mat-grid-list>
- </div> \ No newline at end of file
diff --git a/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.scss b/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.scss
deleted file mode 100644
index 807e2d57..00000000
--- a/portal-FE-os/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-os/src/app/layout/components/tabbar/tabbar.component.spec.ts b/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.spec.ts
deleted file mode 100644
index 94866e4e..00000000
--- a/portal-FE-os/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-os/src/app/layout/components/tabbar/tabbar.component.ts b/portal-FE-os/src/app/layout/components/tabbar/tabbar.component.ts
deleted file mode 100644
index 7a10e39d..00000000
--- a/portal-FE-os/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;
- }
-}