2020-05-01 19:10:17 +02:00
|
|
|
<h1>Aperçu</h1>
|
2020-04-14 11:28:33 +02:00
|
|
|
<div class="card content">
|
2020-04-21 10:50:26 +02:00
|
|
|
<h2 class="hero-title title">
|
|
|
|
{{ config.title }}
|
|
|
|
</h2>
|
|
|
|
<div class="creation">
|
|
|
|
créé par
|
|
|
|
<i class="pseudo">
|
|
|
|
{{ config.myName }}
|
|
|
|
</i>
|
|
|
|
</div>
|
|
|
|
<div class="description">
|
|
|
|
<cite>
|
|
|
|
{{ config.description }}
|
|
|
|
</cite>
|
|
|
|
</div>
|
|
|
|
<section class="preview type-classic" *ngIf="config.pollType == 'classic'">
|
|
|
|
<ul>
|
|
|
|
<li markdown *ngFor="let questions of config.answers">
|
|
|
|
<img class="img-thumbnail" src="{{ questions.url }}" alt="image {{ questions.url }}" />
|
|
|
|
{{ questions.id + 1 }}. {{ questions.text }}
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
<section class="type-date" *ngIf="config.pollType !== 'classic'">
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-clock-o" aria-hidden="true"></i>
|
2020-04-21 10:50:26 +02:00
|
|
|
<span class="well" *ngIf="'true' === config.allowSeveralHours">
|
|
|
|
{{ 'dates.multiple.different' | translate }}
|
|
|
|
</span>
|
|
|
|
<span class="well" *ngIf="'false' === config.allowSeveralHours">
|
|
|
|
{{ 'dates.multiple.identical' | translate }}
|
|
|
|
</span>
|
|
|
|
<div *ngFor="let choice of config.dateList; index as id" class="date-choice">
|
|
|
|
<div class="only-one-slice" *ngIf="!choice.timeList.length">
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-square-o" aria-hidden="true"></i>
|
2020-04-21 10:50:26 +02:00
|
|
|
</div>
|
|
|
|
{{ choice.literal }}
|
2020-01-24 11:10:50 +01:00
|
|
|
|
2020-04-21 10:50:26 +02:00
|
|
|
<!-- CASE different slices of the day-->
|
|
|
|
<div *ngIf="'true' === config.allowSeveralHours" class="several-times">
|
|
|
|
<div *ngFor="let time of choice.timeList; index as idTime" class="time-choice">
|
|
|
|
{{ idTime }})
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-square-o" aria-hidden="true"></i>
|
2020-04-21 10:50:26 +02:00
|
|
|
{{ time.literal }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- CASE all dates having the same slices of the day-->
|
|
|
|
<div *ngIf="'false' === config.allowSeveralHours" class="same-times">
|
|
|
|
<div *ngFor="let time of config.timeList" class="time-choice">
|
2020-05-12 19:16:23 +02:00
|
|
|
<i class="fa fa-square-o" aria-hidden="true"></i>
|
2020-04-21 10:50:26 +02:00
|
|
|
{{ time.literal }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
2020-04-14 11:28:33 +02:00
|
|
|
</div>
|
2020-01-20 15:23:26 +01:00
|
|
|
|
2020-05-01 19:10:17 +02:00
|
|
|
<button routerLink="../visibility" class="btn btn--primary btn--full">
|
2020-04-21 10:50:26 +02:00
|
|
|
C'est parfait!
|
2020-04-14 11:28:33 +02:00
|
|
|
</button>
|
2020-01-20 15:01:56 +01:00
|
|
|
|
2020-04-14 11:28:33 +02:00
|
|
|
<div class="back">
|
2020-05-01 19:10:17 +02:00
|
|
|
<a *ngIf="config.pollType == 'classic'" routerLink="../answers" class="prev">
|
2020-04-21 10:50:26 +02:00
|
|
|
Retour
|
|
|
|
</a>
|
2020-05-01 19:10:17 +02:00
|
|
|
<a *ngIf="config.pollType == 'dates'" routerLink="../date" class="prev">
|
2020-04-21 10:50:26 +02:00
|
|
|
Retour
|
|
|
|
</a>
|
2020-04-14 11:28:33 +02:00
|
|
|
</div>
|