funky-framadate-front/mocks/old-stuff/pages/create-or-retrieve/create-or-retrieve.component.html

72 lines
1.9 KiB
HTML
Raw Normal View History

<div class="container">
2020-04-21 10:50:26 +02:00
<div class="columns">
<div class="column" id="newPoll">
<section class="creation">
<h1>
{{ 'creation.title' | translate }}
</h1>
<p class="description margin-btm-x5" i18n>
{{ 'config.description' | translate }}
</p>
<div class="btn-next">
2020-05-01 19:10:17 +02:00
<button routerLink="../date" class="btn btn--full btn--primary">
2020-04-21 10:50:26 +02:00
{{ '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>
2020-05-12 19:16:23 +02:00
<i class="fa fa-envelope" aria-hidden="true"></i>
2020-04-21 10:50:26 +02:00
{{ '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 }}">
2020-05-12 19:16:23 +02:00
{{ poll.question }}
2020-04-21 10:50:26 +02:00
<sub>
2020-05-12 19:16:23 +02:00
{{ poll.description }}
2020-04-21 10:50:26 +02:00
</sub>
</a>
</li>
</ul>
2020-04-21 10:50:26 +02:00
<div class="no-polls" *ngIf="!config.myPolls || !config.myPolls.length">
Aucun sondage.
</div>
</section>
<div class="loading" *ngIf="config.loading">
2020-05-12 19:16:23 +02:00
<i class="fa fa-refresh fa-spin" aria-hidden="true"></i>
2020-04-21 10:50:26 +02:00
</div>
</div>
</div>
</div>