funky-framadate-front/src/app/features/participation/add-answer/add-answer.component.html

38 lines
1.2 KiB
HTML
Raw Normal View History

2020-05-12 19:16:23 +02:00
<div class="box">
<div class="columns is-vcentered">
<div class="column">
<label class="label">{{ choice.label }}</label>
</div>
<div class="column">
<div class="buttons has-addons is-centered">
<button class="button" [ngClass]="{ 'is-selected is-success': answer == 'YES' }" (click)="vote('YES')">
2020-05-12 19:16:23 +02:00
YES
</button>
<button
class="button"
[ngClass]="{ 'is-selected is-warning': answer == 'MAYBE' }"
2020-05-12 19:16:23 +02:00
(click)="vote('MAYBE')"
*ngIf="poll.configuration.isMaybeAnswerAvailable"
>
MAYBE
</button>
<button class="button" [ngClass]="{ 'is-selected is-danger': answer == 'NO' }" (click)="vote('NO')">
2020-05-12 19:16:23 +02:00
NO
</button>
</div>
</div>
<div class="column is-narrow">
<div class="buttons has-addons is-right" (click)="openModal(choice)">
2020-05-12 19:16:23 +02:00
<button class="button is-white">
2020-06-12 19:17:39 +02:00
{{ choice.counts.get(answerEnum.YES) }}
2020-05-12 19:16:23 +02:00
<img class="image is-24x24" src="../../../assets/img/icon_voter_YES.svg" />
</button>
<button class="button is-white" *ngIf="poll.configuration.isMaybeAnswerAvailable">
2020-06-12 19:17:39 +02:00
{{ choice.counts.get(answerEnum.MAYBE) }}
2020-05-12 19:16:23 +02:00
<img class="image is-24x24" src="../../../assets/img/icon_voter_MAYBE.svg" />
</button>
</div>
</div>
</div>
</div>