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

<div class="step-info">
	<div class="container">
		<div class="columns">
			<div class="column">
				<a
					class="logo-home-link navbar-item pull-left is-hidden-mobile"
					[routerLink]="['/']"
					routerLinkActive="active"
				>
					<img
						class="stepper-app-logo logo"
						*ngIf="environment.appLogo"
						src="{{ environment.appLogo }}"
						alt="accueil {{ environment.appTitle }}"
					/>
				</a>
				<h1>
					<span class="step-title-poll" *ngIf="pollService.step_current == 1">
						{{ 'creation.title' | translate }}
					</span>

					<span *ngIf="pollService.step_current > 1">
						<span class="step-title-poll poll-title-filled" *ngIf="pollService.form.value.title.length">
							{{ pollService.form.value.title }}
						</span>
						<span class="step-title-poll poll-title-empty" *ngIf="!pollService.form.value.title.length">
							{{ 'nav.no_title' | translate }}
						</span>
					</span>
				</h1>
			</div>
			<div class="column has-text-right">
				<app-language-selector class="nav-button"></app-language-selector>
				<button
					class="has-no-border nav-button cancel-button"
					[routerLink]="'/'"
					id="display_cancel_popup_button"
					aria-haspopup="dialog"
				>
					{{ 'nav.leave' | translate }} <i class="fa fa-times"></i>
				</button>
			</div>
		</div>
	</div>
</div>

<section class="poll_loaded padded consultation" *ngIf="!fetching && poll">
	<div class="step">
		<section class="main-title-poll rounded-block">
			<div class="columns">
				<div class="column">
					<h2 class="title is-2">
						{{ poll.title }}
					</h2>
				</div>
				<div class="column is-narrow">
					<button class="options-button pull-right" (click)="displayOptions()">
						{{ 'participation.menu_label' | translate }}
						<i class="fa fa-chevron-down"></i>
					</button>
				</div>
			</div>

			<p class="description">
				{{ poll.description }}
			</p>
			<button class="vote-button is-primary button" [routerLink]="'/poll/' + poll.custom_url + '/vote'">
				{{ 'participation.fav_title' | translate }}
			</button>
		</section>
		<section class="favourite">
			<h2 class="title is-3">
				{{ 'participation.fav_choice' | translate }}
			</h2>
			<div class="rounded-block">
				<div class="section no-votes">
					<div class="message is-info" *ngIf="poll.stacks.length == 0">
						<div class="message-body">
							{{ 'participation.no_votes_yet' | translate }}
							<br />
							{{ 'participation.fav_description_not_exist' | translate }}
						</div>
					</div>
				</div>
				<div class="has-votes" *ngIf="poll.stacks.length !== 0">
					{{ 'participation.fav_description_one' | translate: { maxYesCount: maxYesCount } }}
					{{ 'participation.fav_description_several' | translate }}
				</div>
			</div>
		</section>

		<section class="poll-answers">
			<h2 class="title is-3">
				{{ 'participation.poll' | translate }}
			</h2>
			<div class="rounded-block">
				<app-poll-results-dinum [poll]="poll"></app-poll-results-dinum>
			</div>
		</section>
		<section class="poll-comments">
			<h2 class="title is-3">
				{{ 'participation.comments' | translate }}
			</h2>
			<div class="rounded-block">
				<!--					*ngIf="poll.allow_comments"-->
				<app-comments [poll]="poll" [vote_stack]="storageService.vote_stack"></app-comments>
				<!--				<div class="alert has-background-info" *ngIf="!poll.allow_comments">-->
				<!--					Ce sondage ne permet pas d'ajouter de commentaires-->
				<!--				</div>-->
			</div>
		</section>
	</div>
</section>
<section class="loadin_poll" *ngIf="fetching">
	<div class="step has-text-centered">
		<p>loading ... <i class="fa fa-spinner fa-spin"></i></p>
	</div>
</section>