text translation on admin success component

src/app/features/administration/success/success.component.html

@@ -16,11 +16,10 @@
 					</strong>
 					»
 					<span *ngIf="!pollService.admin_key">
-						n'a pas été créé :(
+						{{ 'success.not_created' | translate }} :(
-
 						<br />
 						<button class="button is-primary" [routerLink]="['/administration/step/7']">
-							Revenir en arrière
+							{{ 'success.go_back' | translate }}
 						</button>
 					</span>
 					<span *ngIf="pollService.admin_key">
@@ -29,18 +28,18 @@
 				</h1>
 				<p>
 					L'événement "<strong class="poll-title"> {{ pollService.form.value.title }} </strong>" est créé.
-					Vous pouvez inviter vos contacts à y participer en partageant le lien ci-dessous.
+					{{ 'success.share' | translate }}
 				</p>
 				<div class="columns">
 					<div class="column">
 						<label for="public_share_link">
-							Lien de partage public
+							{{ 'success.link' | translate }}
 						</label>
 						<input type="text" [value]="pollService.getParticipationUrl()" id="public_share_link" />
 					</div>
 					<div class="column">
-						<button class="is-parimary button">
+						<button class="is-parimary button" (click)="copyText(pollService.getParticipationUrl())">
-							Copier
+							{{ 'success.copy' | translate }}
 						</button>
 					</div>
 				</div>
@@ -49,9 +48,11 @@
 	</div>
 </section>
 <div class="box-well">
-	<h3 class="title is-3">Consultez dès maintenant votre sondage</h3>
+	<h3 class="title is-3">
+		{{ 'success.label' | translate }}
+	</h3>
 	<button class="button is-primary" routerLink="{{ pollService.getAdministrationUrlFromForm() }}">
-		Voir mon sondage
+		{{ 'success.action' | translate }}
 	</button>
 </div>
 <hr />
@@ -65,17 +66,13 @@
 						<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>
-
-							<p>
-								Voici les liens d’accè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 />
@@ -124,7 +121,7 @@
 							</a>
 						</p>
 						<br />
-						<app-copy-text [textToCopy]="pollService.getParticipationUrlFromForm()"></app-copy-text>
+
 						<br />
 					</div>
 				</div>

src/app/features/administration/success/success.component.ts

@@ -1,9 +1,12 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { PollService } from '../../../core/services/poll.service';
 import { Poll } from '../../../core/models/poll.model';
 import { environment } from 'src/environments/environment';
 import { Title } from '@angular/platform-browser';
 import { DateUtilitiesService } from '../../../core/services/date.utilities.service';
+import { ClipboardService } from 'ngx-clipboard';
+import { ToastService } from '../../../core/services/toast.service';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
 	selector: 'app-success',
@@ -16,7 +19,15 @@ export class SuccessComponent {
 	window: any = window;
 	environment = environment;
 	today: Date = new Date();
-	constructor(public pollService: PollService, private dateUtils: DateUtilitiesService, private titleService: Title) {
+
+	constructor(
+		public pollService: PollService,
+		private dateUtils: DateUtilitiesService,
+		private _clipboardService: ClipboardService,
+		private toastService: ToastService,
+		private translate: TranslateService,
+		private titleService: Title
+	) {
 		this.titleService.setTitle(
 			environment.appTitle + ' - 🎉 succès de création de sondage - ' + this.pollService.form.value.title
 		);
@@ -30,7 +41,12 @@ export class SuccessComponent {
 		alert('todo');
 	}
 
-	getExpiracyDateFromPoll(poll: Poll): Date {
+	/**
-		return this.dateUtils.addDaysToDate(poll.default_expiracy_days_from_now, new Date());
+	 * copy public url of new poll
+	 * @param participationUrl
+	 */
+	copyText(participationUrl: string) {
+		this._clipboardService.copyFromContent(participationUrl);
+		this.toastService.display(this.translate.get('success.copy_message') + ` ${participationUrl}`);
 	}
 }

src/assets/i18n/EN.json

@@ -78,60 +78,60 @@
 		"interval_button": "Add these",
 		"interval_button_dates": "dates",
 		"errors": {
-			"missing" : "Input at least one day"
+			"missing": "Input at least one day"
 		}
 	},
 	"hours": {
-		"title" : "Choisissez les horaires",
+		"title": "Choisissez les horaires",
 		"element": "Time span",
-		"apply_same" : "Apply the same time spans to all dates",
+		"apply_same": "Apply the same time spans to all dates",
-		"add" : "Add time span",
+		"add": "Add time span",
 		"modal": {
-			"title" : "Choisissez les horaires ou options à appliquer à toutes les dates",
+			"title": "Choisissez les horaires ou options à appliquer à toutes les dates",
-			"validate" : "Appliquer"
+			"validate": "Appliquer"
 		}
 	},
 	"choices": {
 		"title": "Write the proposals",
 		"helper": "You can use markdown syntax",
 		"add_link": "Add link",
-		"element" : "Option",
+		"element": "Option",
-		"delete" : "Delete choice",
+		"delete": "Delete choice",
 		"answer_preset_1": "Demo answer 1",
 		"answer_preset_2": "answer 2",
 		"answer_preset_3": "and D, the answer D",
 		"add": "Add choice",
 		"continue": "Let's see how it goes",
 		"modal": {
-			"title" : "Add a link to option",
+			"title": "Add a link to option",
-			"description" : "You can add a web page address (URL), a link to a web picture or both.",
+			"description": "You can add a web page address (URL), a link to a web picture or both.",
 			"url_label": "Web page link (URL)",
 			"img_label": "Web picture link",
-			"validate" : "Add"
+			"validate": "Add"
 		}
 	},
 	"advanced": {
 		"title": "Paramétrez le sondage",
-		"description" : "Cette étape est facultative.",
+		"description": "Cette étape est facultative.",
-		"limit_title" : "Limiter le nombre de participants par option",
+		"limit_title": "Limiter le nombre de participants par option",
-		"limit_label" : "Nombre maximum de participants",
+		"limit_label": "Nombre maximum de participants",
-		"custom_link" : "Personnaliser le lien du sondage",
+		"custom_link": "Personnaliser le lien du sondage",
-		"custom_label" : "Saisissez le lien de votre sondage",
+		"custom_label": "Saisissez le lien de votre sondage",
-		"custom_desc" : "Modifier le lien de votre sondage le rend plus facilement accessible à tous le monde. Il est recommandé de le protéger par mot de passe.",
+		"custom_desc": "Modifier le lien de votre sondage le rend plus facilement accessible à tous le monde. Il est recommandé de le protéger par mot de passe.",
-		"password_title" : "Protéger par mot de passe",
+		"password_title": "Protéger par mot de passe",
-		"password_label" : "Cette étape est facultative.",
+		"password_label": "Cette étape est facultative.",
-		"password_label_repeat" : "Cette étape est facultative.",
+		"password_label_repeat": "Cette étape est facultative.",
-		"password_validation_ok" : "Vos mots de passe sont identiques",
+		"password_validation_ok": "Vos mots de passe sont identiques",
-		"password_display_without" : "Les résultats sont visibles sans mot de passe",
+		"password_display_without": "Les résultats sont visibles sans mot de passe",
-		"allowances_title" : "Permissions",
+		"allowances_title": "Permissions",
-		"allowances_all" : "Tou·te·s les sondé·e·s peuvent modifier tous les votes",
+		"allowances_all": "Tou·te·s les sondé·e·s peuvent modifier tous les votes",
-		"allowances_own" : "Chaque sondé·e peut modifier son propre vote",
+		"allowances_own": "Chaque sondé·e peut modifier son propre vote",
-		"allowances_none" : "Aucun vote ne peut être modifié",
+		"allowances_none": "Aucun vote ne peut être modifié",
-		"allowances_creator" : "Seul·e le ou la créateur·rice du sondage peut voir les résultats",
+		"allowances_creator": "Seul·e le ou la créateur·rice du sondage peut voir les résultats",
-		"notifications_title" : "Notifications",
+		"notifications_title": "Notifications",
-		"notifications_vote" : "Recevoir un e-mail à chaque participation",
+		"notifications_vote": "Recevoir un e-mail à chaque participation",
-		"notifications_comment" : "Recevoir un e-mail à chaque commentaire",
+		"notifications_comment": "Recevoir un e-mail à chaque commentaire",
-		"notifications_description" : "Choisissez pour quelles mises à jour vous souhaitez être contacté"
+		"notifications_description": "Choisissez pour quelles mises à jour vous souhaitez être contacté"
 	},
 	"owner": {
 		"title": "Say to your guests who you are !",
@@ -152,7 +152,8 @@
 	},
 	"success": {
 		"title": "Your poll is ready !",
-		"description": "The event « {{eventTitle}} » is created. Share it with the following public link.",
+		"description": "The event « {{eventTitle}} » is created.",
+		"share": "Share it with the following public link.",
 		"link": "Public link to share",
 		"label": "Check your poll",
 		"action": "See my poll",

src/assets/i18n/FR.json

@@ -163,13 +163,19 @@
 	},
 	"success": {
 		"title": "Votre sondage est prêt !",
-		"description": "L'événement « {{eventTitle}} » est créé. Vous pouvez inviter vos contacts à y participer en partageant le lien ci-dessous.",
+		"description": "L'événement « {{eventTitle}} » est créé.",
+		"share":"Vous pouvez inviter vos contacts à y participer en partageant le lien ci-dessous.",
 		"link": "Lien de partage public",
 		"label": "Consultez dès maintenant votre sondage",
 		"action": "Voir mon sondage",
 		"admins": "Côté administrateur-ice-eux",
 		"users": "Côté sondés",
-		"links_mail": "Recevoir les liens par e-mail"
+		"links_mail": "Recevoir les liens par e-mail",
+		"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": "Un peu de paramétrage…",