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

89 lines
2.7 KiB
HTML

<app-header></app-header>
<header></header>
<main>
<div class="container">
<section>
<div class="">
<div class="contained-in-large-column">
<div class="main-block" *ngIf="pollService.admin_key">
<div class="columns">
<div class="column is-narrow">
<img
class="icon is-big icon-success"
src="assets/icons/check-circle.svg"
alt="icone ok"
/>
</div>
<div class="column">
<h1 class="title is-2 poll-title success-creation-title is-success">
{{ 'success.title' | translate }}
</h1>
<span class="description">
{{
'success.description' | translate: { eventTitle: pollService.form.value.title }
}}
</span>
<span class="share">
{{ 'success.share' | translate }}
</span>
<div class="copy">
<label for="public_share_link">
{{ 'success.link' | translate }}
</label>
<div class="columns">
<div class="column">
<input
type="text"
[value]="pollService.getParticipationUrl()"
id="public_share_link"
/>
</div>
<div class="column is-narrow">
<app-copy-text
[textToCopy]="pollService.getParticipationUrl()"
></app-copy-text>
</div>
</div>
</div>
</div>
</div>
<div class="rounded-block">
<h2 class="title is-2 has-text-primary go-see-title">
{{ 'success.label' | translate }}
</h2>
<button
class="button is-primary is-fullwidth"
routerLink="{{ pollService.getAdministrationUrlFromForm() }}"
>
{{ 'success.action' | translate }}
</button>
</div>
<hr />
<!-- <div class="debug">-->
<!-- pollService.form.value.title: {{pollService.form.value.title}} <br>-->
<!-- getParticipationUrl: {{pollService.getParticipationUrl()}}-->
<!-- getAdministrationUrlFromForm: {{ pollService.getAdministrationUrlFromForm() }}-->
<!-- </div>-->
</div>
</div>
<!-- cas d'échec de création du sondage-->
<div class="contained-in-large-column" *ngIf="!pollService.admin_key">
<div class="no-admin-key padded has-background-danger">
{{ 'success.network_error' | translate }}
</div>
<h1 class="title is-1">
{{ 'success.not_created' | translate }}
</h1>
<button class="button is-primary" [routerLink]="['/administration/step/7']">
{{ 'success.go_back' | translate }}
</button>
</div>
</div>
</section>
</div>
</main>
<footer>
<app-footer></app-footer>
</footer>