2020-04-14 11:28:33 +02:00
|
|
|
import { Component, ElementRef, Input } from '@angular/core';
|
|
|
|
import { ConfigService } from '../../../services/config.service';
|
2019-08-21 14:28:50 +02:00
|
|
|
|
2020-02-04 14:28:43 +01:00
|
|
|
interface VoteChoice {
|
2020-04-21 10:50:26 +02:00
|
|
|
votes?: {
|
|
|
|
yes: number;
|
|
|
|
no: number;
|
|
|
|
maybe: number;
|
|
|
|
notAnswered: number;
|
|
|
|
};
|
|
|
|
name?: string;
|
|
|
|
date?: Date;
|
|
|
|
answer: 'yes' | 'no' | 'maybe' | null;
|
|
|
|
simpleAnswer?: boolean;
|
|
|
|
false; // enable if we display only a togglable "yes"
|
2020-02-04 14:28:43 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* each vote choice takes a configuration from the container of all choices.
|
|
|
|
* this component is used to select a date choice, or a name answer
|
|
|
|
*/
|
2019-08-21 14:28:50 +02:00
|
|
|
@Component({
|
2020-04-21 10:50:26 +02:00
|
|
|
selector: 'framadate-voting-choice',
|
|
|
|
templateUrl: './voting-choice.component.html',
|
|
|
|
styleUrls: ['./voting-choice.component.scss'],
|
2019-08-21 14:28:50 +02:00
|
|
|
})
|
2020-02-04 14:28:43 +01:00
|
|
|
export class VotingChoiceComponent {
|
2020-04-21 10:50:26 +02:00
|
|
|
public showChangeChoicebutton = false;
|
|
|
|
@Input() public choice: any;
|
|
|
|
@Input() public choices_count: any;
|
|
|
|
@Input() public choice_id: any;
|
|
|
|
@Input() public poll: any;
|
|
|
|
@Input() public simpleAnswer = true;
|
|
|
|
@Input() public pollIsSpecialDate = false;
|
2019-08-21 14:28:50 +02:00
|
|
|
|
2020-04-21 10:50:26 +02:00
|
|
|
constructor(private el: ElementRef, private config: ConfigService) {
|
|
|
|
if (this.poll && this.poll.allowedAnswers) {
|
|
|
|
this.simpleAnswer = this.poll.allowedAnswers.length == 1;
|
|
|
|
}
|
|
|
|
}
|
2019-08-21 14:28:50 +02:00
|
|
|
|
2020-04-21 10:50:26 +02:00
|
|
|
setAnswserTo(newAnswer: 'yes' | 'no' | 'maybe' | null) {
|
|
|
|
if (this.simpleAnswer) {
|
|
|
|
// only toggle yes to no
|
|
|
|
if (this.choice.answer && this.choice.answer === 'yes') {
|
|
|
|
this.choice.answer = 'no';
|
|
|
|
this.config.myTempVoteStack--;
|
|
|
|
} else {
|
|
|
|
this.choice.answer = newAnswer;
|
|
|
|
this.config.myTempVoteStack++;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
this.choice.answer = newAnswer;
|
|
|
|
if (this.choice.answer !== newAnswer) {
|
|
|
|
if (newAnswer == 'maybe' || newAnswer == 'yes') {
|
|
|
|
this.config.myTempVoteStack++;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
console.info('same answer as before');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.el.nativeElement.blur();
|
|
|
|
}
|
2019-08-21 14:28:50 +02:00
|
|
|
}
|