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

<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">
						{{ pollService.form.value.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 d’accè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/{{ pollService.form.value.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é {{ pollService.form.value.default_expiracy_days_from_now }} jours
					après la date de sa dernière modification.
					<span class="expiracy-detail" *ngIf="poll.expiracy_date">
						Le {{ pollService.form.value.expiracy_date | date: 'short' }}
					</span>
				</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/{{ pollService.form.value.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)]="poll.creatorEmail" 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="{{ pollService.form.value.custom_url }}">
					Voir le sondage côté public
				</a>
			</p>
		</section>
	</div>
</div>