60 lines
1.9 KiB
HTML
60 lines
1.9 KiB
HTML
<section class="loading_poll" *ngIf="fetching"></section>
|
|
<section class="poll_loaded padded" *ngIf="!fetching && poll">
|
|
<!-- messages-->
|
|
<article class="message is-warning" *ngIf="isArchived">
|
|
<div class="message-body">
|
|
⚰️ Ce sondage a expiré, il n'est plus possible d'y ajouter de votes ou de commentaires
|
|
</div>
|
|
</article>
|
|
<article class="message is-info" *ngIf="poll.votes.length == 0">
|
|
<div class="message-body">
|
|
aucun vote pour le moment
|
|
</div>
|
|
</article>
|
|
|
|
<!-- affichage des possibilités de réponse -->
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="card">
|
|
<header class="card-header">
|
|
<p class="card-header-title is-1 title">{{ poll.title }}</p>
|
|
<!-- <p class="card-header-icon">author : {{ poll.owner?.pseudo }}</p>-->
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<div class="content">
|
|
<p class="title is-2">{{ poll.description }}</p>
|
|
<button
|
|
class="btn is-info"
|
|
(click)="isCompactMode = !isCompactMode"
|
|
[ngClass]="{ 'is-primary': isCompactMode, 'is-default': !isCompactMode }"
|
|
>
|
|
changer d'affichage
|
|
</button>
|
|
<div class="buttons has-addons is-small is-right">
|
|
<button class="button" [class.is-active]="isCompactMode" (click)="isCompactMode = true">
|
|
Compact
|
|
</button>
|
|
<button class="button" [class.is-active]="!isCompactMode" (click)="isCompactMode = false">
|
|
Detailed
|
|
</button>
|
|
</div>
|
|
<!-- <app-poll-results-compact *ngIf="isCompactMode" [poll]="poll"></app-poll-results-compact>-->
|
|
<!-- <app-poll-results-detailed *ngIf="!isCompactMode" [poll]="poll"></app-poll-results-detailed>-->
|
|
<!-- comments-->
|
|
</div>
|
|
</div>
|
|
<footer class="card-footer" *ngIf="!isArchived">
|
|
TODO links
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<app-comments [poll]="poll"></app-comments>
|
|
</div>
|
|
</div>
|
|
</section>
|