framadate-responsive/src/app/pages/create-or-retrieve/create-or-retrieve.component.html

<div class="container" >
    <section class="creation" >
        <h1 >
            {{"creation.title"|translate}}
        </h1 >
        <p
            class="description margin-btm-x5"
            i18n >
            {{"config.description"|translate}}
        </p >
        <div class="btn-next" >

            <button
                [routerLink]="'step/date'"
                class="btn btn--full btn--primary" >
                {{"config.letsgo"|translate}}
            </button >

        </div >
    </section >

    <section class="recuperation" >
        <h1 class="margin-top-x8" >
            {{"config.find_my_polls"|translate}}
        </h1 >
        <form
            (ngSubmit)="findMyPollsByEmail(config.myEmail)"
        >
            <label
                class="description"
                for="sendemail"
                i18n
            >
                <i class='fa fa-envelope' ></i >
                {{"config.find_helper"|translate}} :
            </label >
            <input
                [(ngModel)]="config.myEmail"
                class='input'
                autofocus="autofocus"
                id="sendemail"
                name="mail"
                required="required"
                type="email"
            />
            <input
                [disabled]="!config.myEmail || !config.myEmail.length"
                [ngClass]="{'btn--primary': config.myEmail}"
                class="btn btn--full"
                id='sendemailbutton'
                i18n-value="'config.find_button'|translate"
                type="submit"
            />
        </form >
    </section >
    <section
        class="list-my-polls"
        *ngIf="!config.loading" >
        <h2 >
            Mes Sondages trouvés:
        </h2 >
        <ul
            class="poll-list"
            *ngFor="let poll of config.myPolls ; index as i;trackBy trackFunction" >
            <li >
                <a href='{{poll.url}}' >
                    {{poll.title}}
                    <sub >
                        {{poll.description}}
                    </sub >
                </a >
            </li >
        </ul >

        <div
            class="no-polls"
            *ngIf="! config.myPolls || !config.myPolls.length" >
            Aucun sondage.
        </div >
    </section >
    <div
        class="loading"
        *ngIf="config.loading" >
        <i class="fa fa-refresh fa-spin fa-3x fa-fw" ></i >
    </div >

</div >