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

<div class="description" >
    <router-outlet ></router-outlet >

    <h1 i18n >
        {{"creation.title"|translate}}
    </h1 >
    <span
        class="pre-selector"
        i18n
    >
		{{"creation.want"|translate}}
	</span >
    <button
        (click)='config.resetConfig()'
        class='btn btn--warning' >
        Reset all
    </button >
    <select
        [(ngModel)]="config.pollType"
        autofocus="autofocus"
        id="selector"
        name='polltype'
    >
        <option
            value="dates"
            name='polltype_date' >
            {{"creation.kind.date"|translate}}
        </option >
        <option
            value="classic"
            name='polltype_classic' >
            {{"creation.kind.classic"|translate}}
        </option >
    </select >

    <span class="post-selector" >
	</span >

    <div >

        <label
            class="title-label"
            for="poll_title"
            i18n
        >
            {{"creation.choose_title"|translate}}
        </label >
        <input
            [(ngModel)]="config.title"
            id="poll_title"
            name="poll_title"
            placeholder="{{'creation.choose_title_placeholder'|translate}}"
            type="name"
        >
        <framadate-erasable-input [(inputModel)]="config.title" ></framadate-erasable-input >
    </div >

    <div >
        <label for="my_name" >
            {{"creation.name"|translate}} :
        </label >
        <input
            [(ngModel)]="config.myName"
            id="my_name"
            name="my_name"
            placeholder="{{'creation.name_placeholder'|translate}}"
            type="name"
        >
        <framadate-erasable-input [(inputModel)]="config.myName" ></framadate-erasable-input >
    </div >

    <div >
        <label
            class="title-label"
            for="poll_description"
            i18n
        >
            {{"creation.description"|translate}}:
            <framadate-erasable-input [(inputModel)]="config.description" ></framadate-erasable-input >
        </label >
        <br >
        <textarea
            [(ngModel)]="config.description"
            cols="50"
            id="poll_description"
            lines="5"
            name="poll_description"
            placeholder="description"
        ></textarea >
    </div >
    <div >
        <label for="email" >
            Mon email pour administrer le sondage est
        </label >
        <input
            [(ngModel)]="config.myEmail"
            autofocus="autofocus"
            id="email"
            name="mail"
            required="required"
            type="email"
        />
        <framadate-erasable-input [(inputModel)]="config.myEmail" ></framadate-erasable-input >
    </div >

    <button
        [routerLink]="'/step/answers'"
        class="btn btn--primary btn--full"
        *ngIf="config.pollType == 'classic'"
        i18n
    >
        Continuer
        <i class='fa fa-file-text' ></i >
    </button >
    <button
        [routerLink]="'/step/date'"
        class="btn btn--primary btn--full"
        *ngIf="config.pollType == 'dates'"
        i18n
    >
        Continuer
        <i class='fa fa-calendar-check-o' ></i >
    </button >
    <a
        [routerLink]="'/step/creation'"
        class="prev"
        i18n
    >
        Retour
    </a >
    <hr >
</div >