156 lines
4.9 KiB
HTML
156 lines
4.9 KiB
HTML
<h2>Résumé</h2>
|
|
<div class="heading">
|
|
<div class="col-xs-6">
|
|
<h1 id="title">{{ config.currentPoll.poll.question.label }}</h1>
|
|
<p>{{ config.currentPoll.poll.question.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-edit"></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)="toggleModalDialogVisibility()"
|
|
pButton
|
|
icon="pi pi-external-link"
|
|
label="Show"
|
|
>
|
|
show admin confirmation modal
|
|
</button>
|
|
<p-dialog
|
|
[visible]="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>
|
|
<app-copy-text [textToCopy]="config.urlAdmin"></app-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)="toggleModalDialogVisibility()"
|
|
label="Revenir au sondage"
|
|
class="btn btn--primary btn--default btn--purple btn--black-text"
|
|
></button>
|
|
</div>
|
|
</p-dialog>
|