2020-05-12 19:16:23 +02:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column has-text-centered">
|
|
|
|
<h1>Consultation</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2020-06-18 16:15:26 +02:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
|
|
|
<div class="card">
|
|
|
|
<header class="card-header">
|
2020-10-29 18:43:19 +01:00
|
|
|
<p class="card-header-title">{{ poll.title }}</p>
|
2020-06-18 16:15:26 +02:00
|
|
|
<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>
|
2020-05-12 19:16:23 +02:00
|
|
|
</div>
|
2020-06-18 16:15:26 +02:00
|
|
|
<app-poll-results-compact *ngIf="isCompactMode" [poll]="poll"></app-poll-results-compact>
|
|
|
|
<app-poll-results-detailed *ngIf="!isCompactMode" [poll]="poll"></app-poll-results-detailed>
|
2020-05-12 19:16:23 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-06-18 16:15:26 +02:00
|
|
|
<footer class="card-footer" *ngIf="!isArchived">
|
2020-06-25 22:42:26 +02:00
|
|
|
<a routerLink="{{ '../../../poll/' + poll.slug + '/participation' }}" class="card-footer-item">
|
2020-06-18 16:15:26 +02:00
|
|
|
Participer
|
|
|
|
</a>
|
2020-06-25 22:42:26 +02:00
|
|
|
<a routerLink="{{ '../../../poll/' + poll.slug + '/administration' }}" class="card-footer-item">
|
2020-06-18 16:15:26 +02:00
|
|
|
Administrer
|
|
|
|
</a>
|
|
|
|
</footer>
|
2020-05-12 19:16:23 +02:00
|
|
|
</div>
|
2020-06-18 16:15:26 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
|
|
|
<app-comments></app-comments>
|
|
|
|
</div>
|
|
|
|
</div>
|