funky-framadate-front/src/app/vote-choice/vote-choice.component.html

57 lines
2.0 KiB
HTML

<div class="choice_container">
<div class="info">
<div class="date" *ngIf="choice.date">
<div class="date-day">
{{choice.date | date:'EEEE'}}
</div>
<div class="date-month-number">
{{choice.date | date:'dd'}}
</div>
<div class="date-month">
{{choice.date | date:'LLLL'}}
</div>
<div class="date-hour">
{{choice.date | date:'H:m'}}
</div>
<div class="description">
{{choice.text}}
</div>
<h3>Jeudi <span>17</span> aout</h3>
<h3>08:00</h3>
</div>
<div id="nombre_vote">
<span class="count-yes">
<p>{{choice.votesCount.yes}}</p><img width="20px" height="21px" src="../../assets/img/votant-sur.svg">
</span>
<span class="count-maybe">
<p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg">
</span>
<span class="count-didnt-answer">
<p>{{choice.votesCount.notAnswered}}</p>
</span>
</div>
<div class="vote">
<!-- show only the yes check if the config is set to simpleAnswer -->
<button>
<img width="16px" height="12px"
src="../../assets/img/check.svg"
(click)="setAnswserTo('yes')">
</button>
<button>
<img width="19px" height="15px"
src="../../assets/img/check-2.svg"
(click)="setAnswserTo('maybe')"
*ngIf="!choice.simpleAnswer">
</button>
<button>
<img width="12px" height="12px"
src="../../assets/img/croix.svg"
(click)="setAnswserTo('no')"
*ngIf="!choice.simpleAnswer">
</button>
</div>
</div>
</div>