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

59 lines
1.8 KiB
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>