tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

display stack answer and toggle fluently between answers to votes

Browse Source
This commit is contained in:
tykayn 2021-04-28 12:22:40 +02:00 committed by Baptiste Lemoine
parent f1e6b5955e
commit 4464a0af2c
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/core/services/storage.service.ts
View File

@ -34,7 +34,7 @@ export class StorageService {
toggleAnswer(choice_id: number, value: string) { toggleAnswer(choice_id: number, value: string) {
for (let vote of this.vote_stack.votes) { for (let vote of this.vote_stack.votes) {
if (vote.choice_id == choice_id) { if (vote.choice_id == choice_id) {
if (vote.value) { if (vote.value == value) {
vote.value = ''; vote.value = '';
} else { } else {
vote.value = value; vote.value = value;
@ -42,4 +42,15 @@ export class StorageService {
} }
} }
} }
choiceHasAnswerOfValue(choice_id: number, value: any) {
for (let vote of this.vote_stack.votes) {
if (vote.choice_id == choice_id) {
if (vote.value == value) {
return true;
}
}
}
return false;
}
} }

21
src/app/features/consultation/poll-results-compact/poll-results-compact.component.html
View File

@ -24,20 +24,35 @@
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<div class="buttons has-addons is-right"> <div class="buttons has-addons is-right">
<button class="button is-white" (click)="toggleAnswer(choice.id, 'yes')"> <button
class="button is-white"
[ngClass]="{ 'is-primary': storageService.choiceHasAnswerOfValue(choice.id, 'yes') }"
(click)="toggleAnswer(choice.id, 'yes')"
*ngIf="poll.allowed_answers.indexOf('yes') !== -1"
>
<img class="image is-24x24" src="../../../assets/img/icon_voter_YES.svg" /> <img class="image is-24x24" src="../../../assets/img/icon_voter_YES.svg" />
<span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0"> <span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0">
{{ choice[answerEnum.YES].count }} {{ choice[answerEnum.YES].count }}
</span> </span>
</button> </button>
<button class="button is-white" *ngIf="poll.allowed_answers.indexOf('maybe') !== -1"> <button
class="button is-white"
[ngClass]="{ 'is-primary': storageService.choiceHasAnswerOfValue(choice.id, 'maybe') }"
(click)="toggleAnswer(choice.id, 'maybe')"
*ngIf="poll.allowed_answers.indexOf('maybe') !== -1"
>
<img class="image is-24x24" src="../../../assets/img/icon_voter_MAYBE.svg" /> <img class="image is-24x24" src="../../../assets/img/icon_voter_MAYBE.svg" />
<span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0"> <span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0">
{{ choice[answerEnum.MAYBE].count }} {{ choice[answerEnum.MAYBE].count }}
</span> </span>
</button> </button>
<button class="button is-white" *ngIf="poll.allowed_answers.indexOf('no') !== -1"> <button
class="button is-white"
[ngClass]="{ 'is-primary': storageService.choiceHasAnswerOfValue(choice.id, 'no') }"
(click)="toggleAnswer(choice.id, 'no')"
*ngIf="poll.allowed_answers.indexOf('no') !== -1"
>
<img class="image is-24x24" src="../../../assets/img/croix.svg" /> <img class="image is-24x24" src="../../../assets/img/croix.svg" />
<span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0"> <span class="counter" *ngIf="choice[answerEnum.YES].count * 1 > 0">
{{ choice[answerEnum.NO].count }} {{ choice[answerEnum.NO].count }}