63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
<div class="columns">
|
|
<div class="column has-text-centered">
|
|
<h1>Consultation</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="_isLoading | async" class="columns p-justify-center">
|
|
<div class="column has-text-centered">
|
|
<p-progressSpinner></p-progressSpinner>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="!(_isLoading | async)">
|
|
<ng-container *ngIf="!(_poll | async)">
|
|
<app-page-not-found [message]="'PAGE_NOT_FOUND.POLL'"></app-page-not-found>
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="_poll | async as poll">
|
|
<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(poll)">
|
|
<a routerLink="{{ '../../../participation/poll/' + poll.slug }}" class="card-footer-item">
|
|
Participer
|
|
</a>
|
|
<a routerLink="{{ '../../../administration/poll/' + poll.slug }}" class="card-footer-item">
|
|
Administrer
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<app-comments></app-comments>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|