funky-framadate-front/src/app/pages/voting/voting-summary/voting-summary.component.html

<h2>Résumé</h2>
<div class="heading">
	<div class="col-xs-6">
		<h1 id="title">{{ config.currentPoll.poll.title }}</h1>
		<p>{{ config.currentPoll.poll.description }}</p>
		<span class="creationDate"> Créé le {{ config.currentPoll.poll.creationDate.date }} </span>
		<span class="expiracyDate"> Expire le {{ config.currentPoll.poll.expiracyDate.date }} </span>
		<div class="votants">
			<i class="fa fa-users"></i>
			{{ config.currentPoll.stacks.length }} votants, {{ config.currentPoll.choices.length }} choix,
		</div>
	</div>
</div>
<div class="preferred">
	<i class="fa fa-star"></i>
	Pour l'instant,
	<span *ngIf="severalPreferred">
		les
	</span>
	<span *ngIf="!severalPreferred">
		le
	</span>
	choix ayant reçu le plus grand nombre de votes ( {{ config.currentPoll.choices_count.maxScore }} points )
	<span *ngIf="severalPreferred">
		sont à égalité
	</span>
	<span *ngIf="!severalPreferred">
		est
	</span>
	:
	<span class="preferred-result">
		{{ preferred }}
	</span>
</div>
<div class="table-container">
	<table class="table is-striped is-bordered is-hoverable">
		<thead>
			<tr *ngIf="config.currentPoll.choices && config.currentPoll.choices_count">
				<td>
					Pseudo
				</td>
				<td *ngFor="let choice of config.currentPoll.choices">
					{{ choice.text }}
				</td>
			</tr>
			<!--    somme des points, dont un demi point pour les "peut être" -->
		</thead>
		<tbody>
			<tr title='somme des points, dont un demi point pour les "peut être"'>
				<td><i class="fa fa-plus-circle"></i> points</td>
				<!--        <td-->
				<!--            *ngFor='let choice of config.currentPoll.choices'-->
				<!--            [ngClass]='{"has-max-score" : config.currentPoll.choices_count.maxScore === config.currentPoll.choices_count.counts[choice.id].score}' >-->
				<!--            {{config.currentPoll.choices[choice.id].score}}-->
				<!--        </td >-->
				<td *ngFor="let choice of config.currentPoll.choices">
					{{ pollconfig.choices_count.counts[this.pollconfig.choices[2].id].score }}
				</td>
			</tr>
			<tr class="details">
				<td>
					<i class="fa fa-eye"></i>
				</td>
				<td *ngFor="let choice of config.currentPoll.choices">
					id: {{ choice.id }}
					<br />
					<!--            yes {{config.currentPoll.choices_count.counts[choice.id].yes.count}}-->
					<!--            <br >-->
					<!--            maybe-->
					<!--            {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].yes.count * 0.5 : 0)}}-->

					<!--            <br >-->
					<!--            no {{(config.currentPoll.choices_count.counts[k].yes.maybe ? config.currentPoll.choices_count.counts[k].maybe.count * 0.5 : 0)}}-->
					<br />
					<!--            score :-->
					<!--            {{(config.currentPoll.choices_count.counts[choice.id].score)}}-->
				</td>
			</tr>
			<tr class="votes-of-the-person" *ngFor="let voteStack of config.currentPoll.stacks">
				<td>
					<!--            // TODO show modify if this is our own vote-->

					<button
						(click)="config.loadVoteStack(voteStack)"
						*ngIf="config.currentPoll.poll.modificationPolicy === 'everybody'"
						class="btn btn--primary pull-left btn--small"
					>
						<i class="fa fa-pencil"></i>
					</button>

					{{ voteStack.pseudo }}
				</td>
				<td *ngFor="let v of getKeys(voteStack.votes)">
					<span *ngIf="voteStack.votes[v].value">
						<img
							*ngIf="voteStack.votes[v].value == 'yes'"
							src="../../../../assets/img/votant-sur.svg"
							alt="yes"
						/>
						<img
							*ngIf="voteStack.votes[v].value == 'maybe'"
							src="../../../../assets/img/votant-pas-sur.svg"
							alt="yes"
						/>
					</span>
				</td>
			</tr>
			<!--    bottom line shows each answer details-->
		</tbody>
	</table>
</div>

<button
	*ngIf="config.isAdmin"
	type="button"
	(click)="showModalDialog()"
	pButton
	icon="pi pi-external-link"
	label="Show"
>
	show admin confirmation modal
</button>
<p-dialog
	[(visible)]="config.displayConfirmVoteModalAdmin"
	[modal]="true"
	[baseZIndex]="10000"
	[draggable]="false"
	[resizable]="false"
	[showHeader]="false"
	[transitionOptions]="'200ms'"
>
	<div style="max-width: 30em; padding: 2em 1em;">
		<h4 class="title">
			Participation validée !
		</h4>
		<p class="margin-btm-x1">
			Votre vote a bien été pris en compte, mais faites attention, ce sondage n'autorise l'édition de votre vote
			qu'avec le lien personnalisé suivant :
		</p>
		<br />
		<a href="{{ config.urlAdmin }}" class="text-ellipsis">{{ config.urlAdmin }}</a>
		<framadate-copy-text [textToCopy]="config.urlAdmin"></framadate-copy-text>
		<br />
		<p class="margin-btm-x6 margin-top-x2">Conservez-le précieusement !</p>
		<br />
		<button
			type="button btn--large btn btn--block"
			pButton
			icon="fa fa-check"
			(click)="config.displayConfirmVoteModalAdmin = false"
			label="Revenir au sondage"
			class="btn btn--primary btn--default btn--purple btn--black-text"
		></button>
	</div>
</p-dialog>