33 lines
2.3 KiB
HTML
33 lines
2.3 KiB
HTML
<div class="poll" *ngIf="poll">
|
|
<div *ngIf="!poll.voted && !poll.expired">
|
|
<div *ngFor="let o of options">
|
|
<label class="poll__container">
|
|
<span class="poll__container__title" title="{{o.title}}">{{o.title}}</span>
|
|
<input class="poll__container__input" type="{{choiceType}}" name="{{pollName}}" value="{{o.title}}"
|
|
(change)="onSelectionChange(o)">
|
|
<span class="poll__container__checkmark" *ngIf="!pollLocked"
|
|
[ngClass]="{'poll__container__checkmark--box' : choiceType=='checkbox', 'poll__container__checkmark--round': choiceType=='radio'}"></span>
|
|
<fa-icon *ngIf="pollLocked" class="poll__container__lock" title="Account can't access this poll" [icon]="faLock"></fa-icon>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="poll.voted || poll.expired">
|
|
<div *ngFor="let o of options">
|
|
<div class="poll__result" title="{{ o.votes_count }} votes">
|
|
<div class="poll__result--progress-bar" [style.width]="o.percentage + '%'" [ngClass]="{ 'poll__result--progress-bar--most-votes': o.isMax }"></div>
|
|
<div class="poll__result--data"> <span class="poll__result--percentage">{{ o.percentage }}%</span>
|
|
<span class="poll__container__title" title="{{o.title}}">{{o.title}}</span></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="poll__voting">
|
|
<button href *ngIf="!poll.voted && !poll.expired && !pollLocked" class="btn btn-sm btn-custom-primary poll__btn-vote"
|
|
title="don't boo, vote!" (click)="vote()">Vote</button>
|
|
<a href class="poll__refresh" *ngIf="(poll.voted || poll.expired) && !pollLocked" title="refresh poll" (click)="refresh()">refresh</a>
|
|
<div class="poll__statistics"><span *ngIf="(poll.voted || poll.expired) && !pollLocked" class="poll__separator">·</span>{{poll.votes_count}} votes<span *ngIf="poll.voters_count > 0" class="poll__separator">·</span><span *ngIf="poll.voters_count > 0">{{poll.voters_count}} people</span><span *ngIf="!poll.expired" class="poll__separator" title="{{ poll.expires_at | timeLeft | async }}">· {{ poll.expires_at | timeLeft | async }}</span></div>
|
|
</div>
|
|
<div class="poll__error" *ngIf="errorOccuredWhenRetrievingPoll">
|
|
Error occured when retrieving the poll
|
|
</div>
|
|
</div> |