82 lines
2.8 KiB
HTML
82 lines
2.8 KiB
HTML
<div class="date-choices" *ngIf="poll.kind == 'date'">
|
|
<div class="rounded-block" *ngFor="let group of poll.choices_grouped">
|
|
<div class="date-label">
|
|
{{ showAsDate(group.date_string) | date: 'fullDate':'Europe/Paris' }}
|
|
</div>
|
|
<div class="list-of-choices">
|
|
<div class="time-slice-choice white-block" *ngFor="let choice of group.choices; index as ii">
|
|
<div class="columns is-vcentered time-span-display">
|
|
<div class="column">
|
|
<div class="choice-label">
|
|
{{ choice.name }}
|
|
</div>
|
|
</div>
|
|
<div class="column is-narrow">
|
|
<span class="max_score" *ngIf="poll.max_score > 0 && choice.score == poll.max_score">
|
|
<i class="fa fa-star fa-2x"></i>
|
|
</span>
|
|
</div>
|
|
<div class="column is-narrow">
|
|
<div class="buttons"></div>
|
|
</div>
|
|
</div>
|
|
<div class="choice-header" *ngIf="poll.max_score > 0"></div>
|
|
|
|
<div class="choice-bars-display" *ngIf="!detailledDisplay">
|
|
<div class="columns" *ngIf="choice.yes.count > 0">
|
|
<div class="column is-narrow">
|
|
{{ 'participation.yes' | translate }}
|
|
</div>
|
|
<div class="column">
|
|
<div class="bar has-text-centered has-background-yes">
|
|
{{ choice.yes.count }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns" *ngIf="choice.maybe.count > 0">
|
|
<div class="column is-narrow">
|
|
{{ 'participation.maybe' | translate }}
|
|
</div>
|
|
<div class="column">
|
|
<div class="bar has-text-centered has-background-maybe">
|
|
{{ choice.maybe.count }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns" *ngIf="choice.no.count > 0">
|
|
<div class="column is-narrow">
|
|
{{ 'participation.no' | translate }}
|
|
</div>
|
|
<div class="column">
|
|
<div class="bar has-text-centered has-background-no">
|
|
{{ choice.no.count }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="choice-details-display" *ngIf="detailledDisplay">
|
|
<p class="description-details">
|
|
{{ 'participation.details' | translate }}
|
|
<!-- display each name for each kind of answer-->
|
|
</p>
|
|
<div class="choice-display-yes">
|
|
<div class="people has-background-yes" *ngFor="let peopleName of choice.yes.people">
|
|
<img class="icon" src="assets/icons/check-square.svg" alt="icone ok" /> {{ peopleName }}
|
|
</div>
|
|
</div>
|
|
<div class="choice-display-maybe">
|
|
<div class="people has-background-maybe" *ngFor="let peopleName of choice.maybe.people">
|
|
<img class="icon" src="assets/icons/box.svg" alt="icone ok" /> {{ peopleName }}
|
|
</div>
|
|
</div>
|
|
<div class="choice-display-no">
|
|
<div class="people has-background-no" *ngFor="let peopleName of choice.no.people">
|
|
<img class="icon" src="assets/icons/x-square.svg" alt="icone ok" /> {{ peopleName }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|