Vmeda.Online/src/components/tabs/core-tabs.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>