56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<div class="columns">
|
|
<div class="column has-text-centered">
|
|
<h1>Consultation de {{ pollSlug }}</h1>
|
|
</div>
|
|
</div>
|
|
<section class="loading_poll" *ngIf="fetching"></section>
|
|
<section class="poll_loaded" *ngIf="!fetching && poll">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="card">
|
|
<header class="card-header">
|
|
<p class="card-header-title">{{ poll.title }}</p>
|
|
<!-- <p class="card-header-icon">author : {{ poll.owner?.pseudo }}</p>-->
|
|
</header>
|
|
<button
|
|
class="btn is-info"
|
|
(click)="isCompactMode = !isCompactMode"
|
|
[ngClass]="{ 'is-primary': isCompactMode, 'is-default': !isCompactMode }"
|
|
>
|
|
changer d'affichage
|
|
</button>
|
|
<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">
|
|
TODO links
|
|
<!-- <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>
|
|
</section>
|