framadate-responsive/src/app/pages/answers/answers.component.html

<div class="answers" >
    <h1 i18n >
        Choisir les propositions
    </h1 >

    <p
        class="subtitle"
        i18n >
        Vous pouvez utiliser la syntaxe markdown, et naviguer entre les inputs avec les flèches du clavier.
    </p >

    <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
                type="name"
                class="answer"
                id='answer_{{answer.id}}'
                [(ngModel)]="answer.text"
                (keyup.enter)="addAnswer()"
                (keyup)="navigateOrDelete($event,i)"
                placeholder="réponse"
            >
            <button
                class="btn btn--alert"
                (click)="config.answers.splice(i,1)" >X
            </button >
        </li >
    </ol >

    <button
        class="btn btn--primary btn--outline"
        (click)="addAnswer()"
        i18n
    >
        Ajouter une proposition
    </button >
    <br >
    <button
        [routerLink]="'/step/resume'"
        class="btn btn--primary"
        i18n
    >
        Voyons ce que ça donne
    </button >
    <br >
    <a
        class="prev"
        i18n >
        Retour
    </a >
</div >