Plus qu'a aligner les labels aux inputs

This commit is contained in:
Le Libre Au Quotidien 2019-12-29 19:35:07 +01:00
parent 32431c0a83
commit be66cc0a90
5 changed files with 2803 additions and 472 deletions

3180
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -29,7 +29,7 @@
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.802.1",
"@angular-devkit/build-angular": "^0.803.21",
"@angular/cli": "~8.2.1",
"@angular/compiler-cli": "~8.2.0",
"@angular/language-service": "~8.2.0",

View File

@ -1,60 +1,39 @@
<div class="container">
<section class="creation">
<h1>
{{"creation.title"|translate}}
</h1>
<p
class="description"
i18n
>
{{"config.title"|translate}}
<p class="description margin-btm-x5" i18n>
{{"config.description"|translate}}
</p>
<div class="btn-next">
<a
[routerLink]="'/home'"
>
<span
class="text"
i18n
>
{{"config.letsgo"|translate}}
</span>
<span class="icon right">
>
</span>
</a>
<button class="btn btn--full btn--primary">{{"config.letsgo"|translate}}</button>
</div>
</section>
<section class="recuperation">
<h1>
<h1 class="margin-top-x8">
{{"config.find_my_polls"|translate}}
</h1>
<form
(ngSubmit)="findMyPollsByEmail(emailToFind.value)"
>
<label
class="description"
for="email"
i18n
>
<section class="list-my-polls">
<!--<ul class="poll-list" *ngFor="let poll of config.myPolls">-->
<a href="#" class="next margin-btm-x3">Anniversaire de tonton Patrick</a>
<a href="#" class="next margin-btm-x5">Anniversaire de Bernard </a>
<!--</ul>-->
</section>
<form (ngSubmit)="findMyPollsByEmail(emailToFind.value)">
<section class="row">
<label class="description" for="email" i18n>
{{"config.find_helper"|translate}} :
</label>
<input
#emailToFind
type="email"
name="mail"
id="email"
autofocus="autofocus"
/>
<input
type="submit"
class="btn btn-block"
i18n-value="'config.find_button'|translate"
/>
<input class="margin-btm-x5" #emailToFind type="email" name="mail" id="email" autofocus="autofocus">
</section>
<input type="submit" class="btn btn--primary btn--default btn--purple btn--black-text" value='{{"config.find_button"|translate}}'>
</form>
</section>
<section class="list-my-polls">
<ul class="poll-list" *ngFor="let poll of config.myPolls">
<li> poll</li>
</ul>
</section>
</div>

View File

@ -1,3 +1,8 @@
.container{
display:flex;
flex-direction: column;
margin:auto;
}
h1 {
display: inline-block;
margin-bottom: 3rem;
@ -14,4 +19,3 @@ h1 {
// background-color: $primary_color;
}
}

View File

@ -13,12 +13,12 @@
"title": "Créer un sondage",
"letsgo": "C'est parti !",
"description": "Planifiez des rendez-vous avec vos amis ou votre famille ou créez un sondage avec du texte, des images ou des liens… un sondage quoi !",
"find_my_polls": "Où sont mes sondages ?",
"find_helper": "Je cherche les sondages qui correspondent à mon mail",
"find_my_polls": "Mes sondages",
"find_helper": "Je cherche d'autres sondages qui correspondent à mon mail",
"find_button": "Retrouver mes sondages"
},
"creation": {
"title": "Pour commencer ",
"title": "Créer un sondage",
"want": "Je veux créer un sondage",
"kind": {
"classic": "classique",