Finalize Documentation R6 - sdc - SDC Parent Project Catalog FE and BE

diff options

author	Ofir Sonsino <os0695@intl.att.com>	2020-05-27 15:08:59 +0300
committer	Ofir Sonsino <ofir.sonsino@intl.att.com>	2020-05-28 08:56:25 +0000
commit	6fc8a352e6b0d32bf166c0547d5fe9d1507917e7 (patch)
tree	5c3abe2339dd4f19ecfc53d3c01d79033ae69cd4 /docs
parent	9e43b160bde937c32151c8ce5a3d07701bd31924 (diff)

Finalize Documentation R6

Change-Id: I66837d0b314c1a529bd6ca2e29c9527899286c6f Issue-ID: SDC-2949 Signed-off-by: Ofir Sonsino <os0695@intl.att.com>

Diffstat (limited to 'docs')

-rw-r--r--

docs/release-notes.rst

1 files changed, 3 insertions, 3 deletions

/*- * ============LICENSE_START======================================================= * SDC * ================================================================================ * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file 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. * ============LICENSE_END========================================================= */ import { Component, ContentChildren, QueryList, AfterContentInit, Input, Output, EventEmitter } from '@angular/core'; import { Tab } from './tab/tab.component'; import { ViewEncapsulation } from '@angular/core'; import { trigger, state, style, transition, animate, keyframes } from '@angular/core'; @Component({ selector: 'tabs', templateUrl: './tabs.component.html', styleUrls: ['./tabs.component.less'], encapsulation: ViewEncapsulation.None, animations: [ trigger('indicatorAnimation', [ transition(':enter', [style({ transform: 'translateY(-50%)', opacity: 0 }), animate('250ms', style({ transform: 'translateY(0)', opacity: 1 })) ]), transition(':leave', [style({ opacity: 1 }), animate('500ms', style({ opacity: 0 })) ]) ]) ] }) export class Tabs implements AfterContentInit { @Input() tabStyle: string; @Input() hideIndicationOnTabChange?: boolean = false; @ContentChildren(Tab) tabs: QueryList<Tab>; @Output() tabChanged: EventEmitter<Tab> = new EventEmitter<Tab>(); ngAfterContentInit() { //after contentChildren are set, determine active tab. If no active tab set, activate the first one let activeTabs = this.tabs.filter((tab) => tab.active); if (activeTabs.length === 0) { this.selectTab(this.tabs.first); } } selectTab(tab: Tab) { //activate the tab the user clicked. this.tabs.toArray().forEach(tab => { tab.active = false; if (this.hideIndicationOnTabChange && tab.indication) { tab.indication = null; } }); tab.active = true; this.tabChanged.emit(tab); } triggerTabChange(tabTitle) { this.tabs.toArray().forEach(tab => { tab.active = (tab.title == tabTitle) ? true : false; }); } setTabIndication(tabTitle:string, indication?:number) { let selectedTab: Tab = this.tabs.toArray().find(tab => tab.title == tabTitle); selectedTab.indication = indication || null; } }


context:
space:
mode: