<div class="devices" [ngSwitch]="device_type">
	<div class="device-icon android" *ngSwitchCase="'ANDROID'">
		<div class="icon">
			<i class="fab fa-android"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon android" *ngSwitchCase="'Android'">
		<div class="icon">
			<i class="fab fa-android"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon android" *ngSwitchCase="'android'">
		<div class="icon">
			<i class="fab fa-android"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon ios" *ngSwitchCase="'IOS'">
		<div class="icon">
			<i class="fab fa-apple"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon ios" *ngSwitchCase="'Ios'">
		<div class="icon">
			<i class="fab fa-apple"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon ios" *ngSwitchCase="'ios'">
		<div class="icon">
			<i class="fab fa-apple"></i>
		</div>
		<div class="version">
			{{version}}
		</div>
	</div>

	<div class="device-icon ios" *ngSwitchDefault>
		<div class="icon">
			<!-- <i class="fas fa-question-circle"></i> -->
		</div>
		<div class="version">
			<!-- {{version}} -->
		</div>
	</div>
	<span class="device-bar behind" *ngIf="(behind_count > 0)" [style.visibility]="(device_type == 'OTHERS') ? 'hidden' : 'none'">Behind ({{behind_count}})</span>
	<span class="device-bar latest" *ngIf="(behind_count <= 0)" [style.visibility]="(device_type == 'OTHERS') ? 'hidden' : 'none'">Latest</span>
	
</div>
