29 lines
1.5 KiB
HTML
29 lines
1.5 KiB
HTML
<core-loading [hideUntil]="hideUntil" class="core-loading-center">
|
|
<div class="core-tabs-bar" #topTabs [hidden]="!tabs || tabs.length < 2">
|
|
<ion-row>
|
|
<ion-col class="col-with-arrow" (click)="slidePrev()" no-padding col-1>
|
|
<ion-icon *ngIf="showPrevButton" name="arrow-back" md="ios-arrow-back"></ion-icon>
|
|
</ion-col>
|
|
<ion-col no-padding col-10>
|
|
<ion-slides (ionSlideDidChange)="slideChanged()" [slidesPerView]="slidesShown">
|
|
<ng-container *ngFor="let tab of tabs; let idx = index">
|
|
<ion-slide *ngIf="tab.show">
|
|
<a [attr.aria-selected]="selected == idx" (click)="selectTab(idx)" class="tab-slide">
|
|
<core-icon *ngIf="tab.icon" [name]="tab.icon"></core-icon>
|
|
<span *ngIf="tab.title">{{ tab.title }}</span>
|
|
<ion-badge *ngIf="tab.badge" [color]="tab.badgeStyle" class="tab-badge">{{tab.badge}}</ion-badge>
|
|
</a>
|
|
</ion-slide>
|
|
</ng-container>
|
|
</ion-slides>
|
|
</ion-col>
|
|
<ion-col class="col-with-arrow" (click)="slideNext()" no-padding col-1>
|
|
<ion-icon *ngIf="showNextButton" name="arrow-forward" md="ios-arrow-forward"></ion-icon>
|
|
</ion-col>
|
|
</ion-row>
|
|
</div>
|
|
<div class="core-tabs-content-container" #originalTabs>
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</core-loading>
|