funky-framadate-front/src/app/features/administration/success/success.component.html

87 lines
2.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<section class="hero is-medium is-success">
<div class="hero-body">
<div class="container has-text-centered">
<div class="main-block">
<h1 class="title is-1">🎉 {{ 'resume.title' | translate }}</h1>
<h2 class="subtitle">
Votre sondage «
<strong class="poll-title">
{{ poll.title }}
</strong>
» a bien été créé !
</h2>
</div>
</div>
</div>
</section>
<div class="container padded">
<div class="has-text-centered">
<div class="main-block">
<div class="admin">
<h2 class="title is-2">
{{ 'resume.admins' | translate }}
</h2>
<p>
Voici les liens daccès au sondage, conservez-les soigneusement ! (Si vous les perdez vous pourrez
toujours les recevoir par email)
</p>
<h2 class="title is-2">
Côté admin
</h2>
<p>
Pour accéder au sondage et à tous ses paramètres :
<br />
<a class="button is-info" routerLink="/admin/{{ poll.admin_key }}"
>{{ pollService.getAdministrationUrl() }}
</a>
<app-copy-text [textToCopy]="pollService.getAdministrationUrl()"></app-copy-text>
</p>
<br />
<a class="button is-info" [href]="pollService.getAdministrationUrl()">
Voir le sondage coté administrateur·ice
</a>
<br />
<p class="note">
Note : Le sondage sera supprimé {{ poll.default_expiracy_days_from_now }} jours après la date de sa
dernière modification. Le {{ getExpiracyDateFromPoll(poll) | date: 'short' }}
</p>
</div>
<div class="public">
<h2 class="title is-2" i18n>{{ 'resume.users' | translate }}</h2>
<p>
Pour voir le sondage :
<br />
<a class="button is-info" routerLink="/poll/{{ poll.custom_url }}/consultation"
>{{ pollService.getParticipationUrl() }}
</a>
</p>
<br />
<app-copy-text [textToCopy]="pollService.getParticipationUrl()"></app-copy-text>
<br />
</div>
<!-- <img src="assets/img/undraw_group_selfie_ijc6.svg" alt="image succès" />-->
</div>
<section class="mail">
<h2 i18n>{{ 'resume.links_mail' | translate }}</h2>
<p>
<label for="email">
Pour être sûr de retrouver ces liens, nous pouvons vous les envoyer sur votre mail :
</label>
<br />
<input type="email" id="email" name="email" [(ngModel)]="mailToRecieve" placeholder="email" />
<br />
<button class="btn btn--primary" (click)="sendToEmail()">
Envoyer les liens du sondage
<i class="fa fa-paper-plane" aria-hidden="true"></i>
</button>
<br />
<br />
<a class="button is-info" href="{{ poll.custom_url }}">
Voir le sondage côté public
</a>
</p>
</section>
</div>
</div>