🎨 arrange create or retrieve page in two columns

This commit is contained in:
tykayn 2020-04-11 15:22:44 +02:00
parent 23dc45f198
commit 60c184c60b
2 changed files with 90 additions and 80 deletions

View File

@ -1,87 +1,96 @@
<div class="container" > <div class="container" >
<section class="creation" > <div class="columns">
<h1 > <div class="column" id="newPoll">
{{"creation.title"|translate}}
</h1 >
<p
class="description margin-btm-x5"
i18n >
{{"config.description"|translate}}
</p >
<div class="btn-next" >
<button <section class="creation" >
[routerLink]="'step/date'" <h1 >
class="btn btn--full btn--primary" > {{"creation.title"|translate}}
{{"config.letsgo"|translate}} </h1 >
</button > <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 >
</div>
<div class="column" id="searchMyPolls">
<section class="recuperation" >
<h1 >
{{"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>
</div>
</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 > </div >

View File

@ -1,5 +1,6 @@
<div class="description" > <div class="description" >
<router-outlet ></router-outlet > <router-outlet ></router-outlet >
<h1 i18n > <h1 i18n >
{{"creation.title"|translate}} {{"creation.title"|translate}}
</h1 > </h1 >