<div class="row">
	<div class="col-md-3 col-lg-2">
		<h1>Versions</h1>
		<ul class="list-group">
			<a *ngFor="let version of versionsList">
				<li	[className]="version.active ? 'list-group-item active' : 'list-group-item'"
					(click)="showVersionRevision(version)">
					{{version.number}}
				</li>
			</a>
		</ul>
	</div>
	<div id="versionRevisionsArea" class="col-md-9 col-lg-10">
		<div *ngIf="versionRevisionsList.length">
			<h3>Ajouts de fonctionnalités</h3>
			<ul>
				<li *ngFor="let versionRevision of versionRevisionsList">
					{{versionRevision.text}}
				</li>
			</ul>
		</div>
		<h4 *ngIf="!versionRevisionsList.length">Aucune nouvelle fonctionnalité pour cette version.</h4>
		
		<div *ngIf="versionRevisionsBugfixList.length">
			<h3>Correction d'anomalies</h3>
			<ul>
				<li *ngFor="let versionRevision of versionRevisionsBugfixList">
					{{versionRevision.text}}
				</li>
			</ul>
		</div>
		<h4 *ngIf="!versionRevisionsBugfixList.length">Aucune correction d'anomalie pour cette version.</h4>
	</div>
</div>
