funky-framadate-front/src/app/features/consultation/consultation.component.html

<div class="columns">
	<div class="column has-text-centered">
		<h1>Consultation de {{ pollSlug }}</h1>
	</div>
</div>
<section class="loading_poll" *ngIf="fetching"></section>
<section class="poll_loaded padded" *ngIf="!fetching && poll">
	<div class="alert alert-info" *ngIf="poll.votes.length == 0">
		aucun vote pour le moment
	</div>

	<div class="columns">
		<div class="column">
			<div class="card">
				<header class="card-header">
					<p class="card-header-title">{{ poll.title }}</p>
					<!--				<p class="card-header-icon">author : {{ poll.owner?.pseudo }}</p>-->
				</header>
				<button
					class="btn is-info"
					(click)="isCompactMode = !isCompactMode"
					[ngClass]="{ 'is-primary': isCompactMode, 'is-default': !isCompactMode }"
				>
					changer d'affichage
				</button>
				<div class="card-content">
					<div class="content">
						<p>{{ poll.description }}</p>
						<div class="buttons has-addons is-small is-right">
							<button class="button" [class.is-active]="isCompactMode" (click)="isCompactMode = true">
								Compact
							</button>
							<button class="button" [class.is-active]="!isCompactMode" (click)="isCompactMode = false">
								Detailed
							</button>
						</div>
						<app-poll-results-compact *ngIf="isCompactMode" [poll]="poll"></app-poll-results-compact>
						<app-poll-results-detailed *ngIf="!isCompactMode" [poll]="poll"></app-poll-results-detailed>
					</div>
				</div>
				<footer class="card-footer" *ngIf="!isArchived">
					TODO links
					<!--					<a routerLink="{{ '../../../poll/' + poll.slug + '/participation' }}" class="card-footer-item">-->
					<!--						Participer-->
					<!--					</a>-->
					<!--					<a routerLink="{{ '../../../poll/' + poll.slug + '/administration' }}" class="card-footer-item">-->
					<!--						Administrer-->
					<!--					</a>-->
				</footer>
			</div>
		</div>
	</div>

	<div class="columns">
		<div class="column">
			<app-comments></app-comments>
		</div>
	</div>
</section>