46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<div class="columns">
|
|
<div class="column has-text-centered">
|
|
<h1>Consultation</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="card">
|
|
<header class="card-header">
|
|
<p class="card-header-title">{{ poll.question }}</p>
|
|
<p class="card-header-icon">author : {{ poll.owner?.pseudo }}</p>
|
|
</header>
|
|
<div class="card-content">
|
|
<div class="content">
|
|
<p>{{ poll.description }}</p>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<footer class="card-footer" *ngIf="!isArchived">
|
|
<a routerLink="{{ '../../../poll/' + poll.slug + '/participation' }}" class="card-footer-item">
|
|
Participer
|
|
</a>
|
|
<a routerLink="{{ '../../../poll/' + poll.slug + '/administration' }}" class="card-footer-item">
|
|
Administrer
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
<div class="column">
|
|
<app-comments></app-comments>
|
|
</div>
|
|
</div>
|