alfresco-ng2-components/lib/core/info-drawer/info-drawer.component.html
Maurizio Vitale 14c81ca978 [ADF-2103] Info Drawer - Provide a way to select a different tab (#2788)
* Provide a way to select a different tab

* Fix the default value

* Override the value through the html
2017-12-18 12:11:23 +00:00

23 lines
1014 B
HTML

<adf-info-drawer-layout>
<div *ngIf="title" info-drawer-title>{{title}}</div>
<ng-content *ngIf="!title" info-drawer-title select="[info-drawer-title]"></ng-content>
<ng-content info-drawer-buttons select="[info-drawer-buttons]"></ng-content>
<ng-container info-drawer-content *ngIf="showTabLayout(); then tabLayout else singleLayout"></ng-container>
<ng-template #tabLayout>
<mat-tab-group [(selectedIndex)]="selectedIndex" class="adf-info-drawer-tabs" (selectedTabChange)="onTabChange($event)">
<ng-container *ngFor="let contentBlock of contentBlocks">
<mat-tab [label]="contentBlock.label" class="adf-info-drawer-tab">
<ng-container *ngTemplateOutlet="contentBlock.content"></ng-container>
</mat-tab>
</ng-container>
</mat-tab-group>
</ng-template>
<ng-template #singleLayout>
<ng-content select="[info-drawer-content]"></ng-content>
</ng-template>
</adf-info-drawer-layout>