Replaced text by i18n json keys and add i18n attribute

Texts have been replaced only when the keys were in the json files.

i18n attributes have been added only when keys were not in the json files.

src/app/app.component.html

@@ -11,9 +11,9 @@
             <button class="btn btn-info" (click)="switchLanguage('en')">en</button>
             <button class="btn btn-info" (click)="switchLanguage('fr')">fr</button>
         </div>
-        <h1 translate>Title</h1>
+	<h1 i18n>{{"Title"|translate}}</h1>
         <div>
-            {{ 'Intro' | translate:user }}
+            {{"Intro"|translate:user}}
         </div>
     </div>
 

src/app/pages/answers/answers.component.html

@@ -22,9 +22,10 @@
 
     <button
         (click)="addAnswer()"
-        class="btn-outline btn-block">
+        class="btn-outline btn-block"
+        i18n>
         Ajouter
     </button>
 
-    <a [routerLink]="'/step/resume'" class="btn btn-block">Voyons ce que ça donne</a>
+    <a [routerLink]="'/step/resume'" class="btn btn-block" i18n>Voyons ce que ça donne</a>
 </div>

src/app/pages/dates/dates.component.html

@@ -1,5 +1,5 @@
 <div i18n>
-    Config spécialement pour les dates
+    {{"dates.title"|translate}}
 </div>
 
 <div>
@@ -8,8 +8,8 @@
         id="multi_hours"
         [(ngModel)]="config.allowSeveralHours"
     >
-        <option value="true">possiblement différents</option>
-        <option value="false">identiques</option>
+        <option value="true">{{"dates.multiple.different"|translate}}</option>
+        <option value="false">{{"dates.multiple.identical"|translate}}</option>
     </select>
 
     <label for="multi_hours">
@@ -28,13 +28,13 @@
     (click)="addDate()"
     i18n
 >
-    Ajouter une plage de dates
+    {{"dates.add"|translate}}
 </button>
 <div class="dates-list">
     {{config.dateList.length}}
     <span i18n>
-		choix de Dates
-	</span>
+        {{"dates.count_dates"|translate}}
+    </span>
 
     <div
         *ngFor="let choice of config.dateList; index as id"

src/app/pages/end-confirmation/end-confirmation.component.html

@@ -1,6 +1,6 @@
 <h1 i18n>
-    Et c'est tout pour nous!
+    {{"resume.title"|translate}}
 </h1>
-<h2 i18n>Coté administrateur-ice-eux</h2>
-<h2 i18n>Coté sondés</h2>
-<h2 i18n>recevoir les liens par e-mail</h2>
+<h2 i18n>{{"resume.admins"|translate}}</h2>
+<h2 i18n>{{"resume.users"|translate}}</h2>
+<h2 i18n>{{"resume.link_mail"|translate}}</h2>

src/app/pages/visibility/visibility.component.html

@@ -1,14 +1,14 @@
 <h1 i18n>
-    Visibilité des réponses
+    {{"visibility.title"|translate}}
 </h1>
 <h1 i18n>
-    Votes
+    {{"visibility.votes"|translate}}
 </h1>
 <h1 i18n>
-    Archivage
+    {{"visibility.archiving"|translate}}
 </h1>
 
 <h1 i18n>
-    Accès au sondage
+    {{"visibility.access"|translate}}
 </h1>
 <a [routerLink]="'/step/end'" class="btn btn-block" i18n="@@confirm">C'est parfait!</a>