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

<section
	class=" "
	[ngClass]="{ 'has-background-success': pollService.admin_key, 'has-background-danger': pollService.admin_key }"
>
	<div class="hero-body">
		<div class="contained-in-main-column">
			<div class="main-block">
				<h1 class="title is-1">
					<span class="success-creation-title" *ngIf="pollService.admin_key">
						<img class="icon" src="assets/icons/check-circle.svg" alt="icone ok" />
						<strong class="poll-title">
							{{ 'success.description' | translate }}
						</strong>
					</span>
					<span *ngIf="!pollService.admin_key">
						{{ 'success.not_created' | translate }} :(
						<br />
						<button class="button is-primary" [routerLink]="['/administration/step/7']">
							{{ 'success.go_back' | translate }}
						</button>
					</span>
				</h1>
				<p>
					<span class="description">
						{{ 'success.description' | translate }}
					</span>
					<span class="share">
						{{ 'success.share' | translate }}
					</span>
				</p>
				<div class="columns">
					<div class="column">
						<label for="public_share_link">
							{{ 'success.link' | translate }}
						</label>
						<input type="text" [value]="pollService.getParticipationUrl()" id="public_share_link" />
					</div>
					<div class="column is-narrow">
						<button class="is-primary button" (click)="copyText(pollService.getParticipationUrl())">
							{{ 'success.copy' | translate }}
						</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="box-well">
		<h3 class="title is-3">
			{{ 'success.label' | translate }}
		</h3>
		<button class="button is-primary" routerLink="{{ pollService.getAdministrationUrlFromForm() }}">
			{{ 'success.action' | translate }}
		</button>
	</div>
</section>
<div class="no-admin-key padded has-background-danger" *ngIf="!pollService.admin_key">
	{{ 'success.network_error' | translate }}
</div>