<mat-tab-group animationDuration="0ms" selectedIndex=0 (selectedTabChange)="onTabChanged($event)">
	<mat-tab label="Configurateur.log">
		<div *ngIf="isProcessing" class="process"
			fxLayout="column"
			fxLayoutAlign="space-around center">
			<mat-spinner></mat-spinner>
		</div>
		<div *ngIf="!isProcessing" class="container"
			fxLayout="column"
			fxLayoutAlign="space-around center">
			<mat-card class="scrollable-content">
				<mat-card-title fxLayout="row" fxLayoutAlign="space-around center">
					<div class="logHeaderDebug mat-elevation-z2"><b>DEBUG</b></div>
					<div class="logHeaderInfo mat-elevation-z2"><b>INFO</b></div>
					<div class="logHeaderWarn mat-elevation-z2"><b>WARNING</b></div>
					<div class="logHeaderErr mat-elevation-z2"><b>ERROR</b></div>
				</mat-card-title>
				<mat-card-content>
					<ng-container *ngIf="confLogs">
						<div *ngFor="let log of confLogs; let last = last" class={{log.gravity}}>
							{{log.datetime}} - {{log.msg}}<br>
							{{last ? scrollToBottom(): ''}}
						</div>
					</ng-container>
				</mat-card-content>
			</mat-card>
		</div>
	</mat-tab>
	<mat-tab label="KineIntercom.log">
		<div *ngIf="isProcessing" class="process"
			fxLayout="column"
			fxLayoutAlign="space-around center">
			<mat-spinner></mat-spinner>
		</div>
		<div *ngIf="!isProcessing" class="container"
			fxLayout="column"
			fxLayoutAlign="space-around center">
			<mat-card class="scrollable-content">
				<mat-card-title fxLayout="row" fxLayoutAlign="space-around center">
					<div class="logHeaderDebug mat-elevation-z2"><b>DEBUG</b></div>
					<div class="logHeaderInfo mat-elevation-z2"><b>INFO</b></div>
					<div class="logHeaderWarn mat-elevation-z2"><b>WARNING</b></div>
					<div class="logHeaderErr mat-elevation-z2"><b>ERROR</b></div>
				</mat-card-title>
				<mat-card-content>
					<ng-container *ngIf="appLogs">
						<div *ngFor="let log of appLogs; let last = last" class={{log.gravity}}>
							{{log.datetime}} - {{log.msg}}<br>
							{{last ? scrollToBottom(): ''}}
						</div>
					</ng-container>
				</mat-card-content>
			</mat-card>
		</div>
	</mat-tab>
</mat-tab-group>
