succes creation lighten page
This commit is contained in:
tykayn
parent
a43c92fa23
commit
6e76d7fc33
|
|
@ -1,20 +1,17 @@
|
|||
<section
|
||||
class="hero is-medium"
|
||||
class=" "
|
||||
[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="contained-in-main-column">
|
||||
<div class="main-block">
|
||||
<h1 class="title is-1">
|
||||
<img class="icon" src="assets/icons/book-open.svg" alt="icone ok" />
|
||||
|
||||
Votre sondage
|
||||
<br />
|
||||
«
|
||||
<strong class="poll-title">
|
||||
{{ pollService.form.value.title }}
|
||||
</strong>
|
||||
»
|
||||
<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 />
|
||||
|
|
@ -22,13 +19,14 @@
|
|||
{{ 'success.go_back' | translate }}
|
||||
</button>
|
||||
</span>
|
||||
<span *ngIf="pollService.admin_key">
|
||||
est prêt !
|
||||
</span>
|
||||
</h1>
|
||||
<p>
|
||||
L'événement "<strong class="poll-title"> {{ pollService.form.value.title }} </strong>" est créé.
|
||||
{{ 'success.share' | translate }}
|
||||
<span class="description">
|
||||
{{ 'success.description' | translate }}
|
||||
</span>
|
||||
<span class="share">
|
||||
{{ 'success.share' | translate }}
|
||||
</span>
|
||||
</p>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
|
|
@ -37,8 +35,8 @@
|
|||
</label>
|
||||
<input type="text" [value]="pollService.getParticipationUrl()" id="public_share_link" />
|
||||
</div>
|
||||
<div class="column">
|
||||
<button class="is-parimary button" (click)="copyText(pollService.getParticipationUrl())">
|
||||
<div class="column is-narrow">
|
||||
<button class="is-primary button" (click)="copyText(pollService.getParticipationUrl())">
|
||||
{{ 'success.copy' | translate }}
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -46,86 +44,15 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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>
|
||||
<hr />
|
||||
<div *ngIf="pollService.admin_key">🎉</div>
|
||||
<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.
|
||||
{{ 'success.network_error' | translate }}
|
||||
</div>
|
||||
<div class="admin-ok" *ngIf="pollService.admin_key">
|
||||
<h2 class="title is-2">
|
||||
<i class="fa fa-gears"></i>
|
||||
{{ 'resume.admins' | translate }}
|
||||
</h2>
|
||||
<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 />
|
||||
|
||||
<br />
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@ export class SuccessComponent {
|
|||
window: any = window;
|
||||
environment = environment;
|
||||
today: Date = new Date();
|
||||
eventTitle: any;
|
||||
|
||||
constructor(
|
||||
public pollService: PollService,
|
||||
|
|
@ -28,6 +29,8 @@ export class SuccessComponent {
|
|||
private translate: TranslateService,
|
||||
private titleService: Title
|
||||
) {
|
||||
this.eventTitle = pollService.form.value.title;
|
||||
|
||||
this.titleService.setTitle(
|
||||
environment.appTitle + ' - 🎉 succès de création de sondage - ' + this.pollService.form.value.title
|
||||
);
|
||||
|
|
|
|||
|
|
@ -159,7 +159,12 @@
|
|||
"action": "See my poll",
|
||||
"admins": "Admin side",
|
||||
"users": "Respondent side",
|
||||
"links_mail": "Receive links by email"
|
||||
"links_mail": "Receive links by email",
|
||||
"not_created": "n'a pas été créé",
|
||||
"network_error": "n'a pas été créé",
|
||||
"go_back": "Revenir en arrière",
|
||||
"copy": "Copier",
|
||||
"copy_message": "Texte copié:"
|
||||
},
|
||||
"visibility": {
|
||||
"top_txt": "A few settings…",
|
||||
|
|
|
|||
Loading…
Reference in New Issue