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

109 lines
3.3 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"
[ngClass]="{ 'has-background-success': pollService.admin_key, 'has-background-danger': pollService.admin_key }"
>
<div class="hero-body">
<div class="container has-text-centered">
<div class="main-block">
<h1 class="title is-1" *ngIf="pollService.admin_key">🎉 {{ 'resume.title' | translate }}</h1>
<h2 class="subtitle">
Votre sondage
<br />
«
<strong class="poll-title">
{{ pollService.form.value.title }}
</strong>
»
<span *ngIf="!pollService.admin_key">
n'a pas été créé :(
<br />
<button class="button is-primary" [routerLink]="['/administration/step/7']">
Revenir en arrière
</button>
</span>
<span *ngIf="pollService.admin_key">
a bien été créé !
</span>
</h2>
</div>
</div>
</div>
</section>
<div class="container padded">
<div class=" ">
<div class="main-block">
<div class="hopla">
<div class="column">
<div class="admin">
<div class="no-admin-key padded has-background-danger" *ngIf="!pollService.admin_key">
Pas de clé d'administration, l'enregistrement du sondage a échoué. vérifiez vos paramètres
réseau.
</div>
<div class="admin-ok" *ngIf="pollService.admin_key">
<h2 class="title is-2">
<i class="fa fa-gears"></i>
{{ '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>
<div>
Pour accéder au sondage et à tous ses paramètres :
<br />
<pre class="is-default" routerLink="{{ pollService.getAdministrationUrlFromForm() }}">
{{ pollService.getAdministrationUrlFromForm() }}
</pre
>
<app-copy-text
[textToCopy]="pollService.getAdministrationUrlFromForm()"
></app-copy-text>
</div>
<br />
<a class="button is-info" [href]="pollService.getAdministrationUrlFromForm()">
Voir le sondage coté administrateur·ice
</a>
<br />
<p class="note has-background-info padded">
<i class="fa fa-info-circle"></i> Note : Le sondage sera supprimé
<strong> {{ pollService.form.value.expiresDaysDelay }} </strong> jours après la date de
sa dernière modification.
<span class="expiracy-detail" *ngIf="pollService.form.value.expiresDaysDelay">
Le
{{
pollService.DateUtilitiesService.addDaysToDate(
pollService.form.value.expiresDaysDelay,
today
) | date: 'short'
}}
</span>
</p>
</div>
</div>
</div>
<div class="column">
<div class="public" *ngIf="pollService.admin_key">
<h2 class="title is-2">
<i class="fa fa-ellipsis-v"></i>
{{ 'resume.users' | translate }}
</h2>
<p>
Pour voir le sondage :
<br />
<a class="button is-info" [href]="pollService.getParticipationUrlFromForm()"
>{{ pollService.getParticipationUrlFromForm() }}
</a>
</p>
<br />
<app-copy-text [textToCopy]="pollService.getParticipationUrlFromForm()"></app-copy-text>
<br />
</div>
</div>
</div>
</div>
</div>
</div>