funky-framadate-front/src/app/features/old-stuff/pages/resume/resume.component.html

70 lines
2.1 KiB
HTML
Raw Normal View History

2020-05-01 19:10:17 +02:00
<h1>Aperçu</h1>
<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>
</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!
</button>
2020-01-20 15:01:56 +01: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>
</div>