2019-10-17 21:56:59 +02:00
|
|
|
<div class="choicebox choicebox--active">
|
|
|
|
|
|
|
|
<div class="choicebox__time">
|
|
|
|
<div class="choicebox__date" *ngIf="choice.date">
|
|
|
|
{{choice.date | date:'EEE'}} <span class="choicebox__day">{{choice.date | date:'dd'}}</span> {{choice.date | date:'LLL'}}
|
|
|
|
</div>
|
|
|
|
<div class="choicebox__hour">
|
|
|
|
08:00
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="choicebox__actions">
|
|
|
|
<!-- show only the yes check if the config is set to simpleAnswer -->
|
|
|
|
<button class="choicebox__btn choicebox__btn--yes" type="button">
|
|
|
|
<img src="../../assets/img/check.svg" (click)="setAnswserTo('yes')" alt="">
|
|
|
|
</button>
|
|
|
|
<button class="choicebox__btn choicebox__btn--maybe" type="button">
|
|
|
|
<img src="../../assets/img/check-2.svg" (click)="setAnswserTo('maybe')" alt="" *ngIf="!choice.simpleAnswer">
|
|
|
|
</button>
|
|
|
|
<button class="choicebox__btn choicebox__btn--no" type="button">
|
|
|
|
<img src="../../assets/img/croix.svg" (click)="setAnswserTo('no')" alt="" *ngIf="!choice.simpleAnswer">
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="choicebox__count">
|
|
|
|
<div class="choicebox__votes">
|
|
|
|
<div class="choicebox__vote choicebox__vote--yes">
|
|
|
|
{{choice.votesCount.yes}}
|
|
|
|
<img width="20px" height="21px" src="../../assets/img/votant-sur.svg" alt="">
|
2019-10-02 14:45:50 +02:00
|
|
|
</div>
|
2019-10-17 21:56:59 +02:00
|
|
|
<div class="choicebox__vote choicebox__vote--maybe">
|
|
|
|
{{choice.votesCount.maybe}}
|
|
|
|
<img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg" alt="">
|
2019-10-02 14:45:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-10-17 21:56:59 +02:00
|
|
|
<div class="choicebox__countxt">
|
|
|
|
Choix ayant reçu le plus de votes
|
2019-10-02 14:45:50 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2019-10-17 21:56:59 +02:00
|
|
|
|
|
|
|
|
2019-10-02 14:45:50 +02:00
|
|
|
</div>
|
2019-10-17 21:56:59 +02:00
|
|
|
|
|
|
|
<br><!-- à virer -->
|