funky-framadate-front/src/app/pages/answers/answers.component.html

61 lines
1.5 KiB
HTML
Raw Normal View History

2020-01-16 15:35:11 +01:00
<div class="answers" >
<h1 i18n >
Choisir les propositions
2020-01-16 15:35:11 +01:00
</h1 >
2020-01-16 15:35:11 +01:00
<p
class="subtitle"
i18n >
Vous pouvez utiliser la syntaxe markdown, et naviguer entre les inputs avec les flèches du clavier.
</p >
2020-01-16 15:35:11 +01:00
<ol >
<li
#answers
*ngFor="let answer of config.answers; index as i;trackBy trackFunction"
class="answer-item" >
<button
class='btn btn--default'
title='ajouter une image'
(click)='showModalForPictureOfAnswer(answer)' >
<i class='fa fa-image' ></i >
</button >
<input
2020-01-15 17:55:22 +01:00
type="name"
class="answer"
2020-01-16 15:35:11 +01:00
id='answer_{{answer.id}}'
2019-09-09 12:21:40 +02:00
[(ngModel)]="answer.text"
(keyup.enter)="addAnswer()"
(keyup)="navigateOrDelete($event,i)"
placeholder="réponse"
>
2020-01-16 15:35:11 +01:00
<button
class="btn btn--alert"
(click)="config.answers.splice(i,1)" >X
</button >
</li >
</ol >
<button
2019-10-16 21:33:49 +02:00
class="btn btn--primary btn--outline"
(click)="addAnswer()"
2019-09-09 12:21:40 +02:00
i18n
>
Ajouter une proposition
2020-01-16 15:35:11 +01:00
</button >
<br >
2019-09-09 12:21:40 +02:00
<button
[routerLink]="'/step/resume'"
2019-10-16 21:33:49 +02:00
class="btn btn--primary"
2019-09-09 12:21:40 +02:00
i18n
>
Voyons ce que ça donne
2020-01-16 15:35:11 +01:00
</button >
<br >
<a
class="prev"
i18n >
2019-09-09 12:21:40 +02:00
Retour
2020-01-16 15:35:11 +01:00
</a >
</div >