FEAT #15407 TIME 0:30 Translation + save button style + title

lang/en.json

@@ -5,6 +5,10 @@
 		"administrations"                    : "Administrations",
 		"afterClickingSendLinkChangePassword": "After clicking on <b>Send</b>, you will receive an email containing a link to change your password. This link will be active <b>1 hour</b>.",
 		"annotateDocument"                   : "Annotate this document",
+		"lockEdition"                   : "Lock edition",
+		"unlockEdition"                   : "Unlock edition",
+		"originalSize"                   : "Originale size",
+		"screenSize"                   : "Screen size",
 		"annotation"                         : "Annotation",
 		"annotationAdded"                    : "Annotation added",
 		"annotationMode"                     : "Annotation mode",

lang/fr.json

@@ -4,7 +4,11 @@
 		"actionDoneInPlaceOf"               	: "Action effectuée à la place de",
 		"administrations"                    : "Administrations",
 		"afterClickingSendLinkChangePassword": "Après avoir cliqué sur <b>Envoyer</b>, vous recevrez un courriel contenant un lien pour modifier votre mot de passe. Ce lien sera actif <b>1 heure</b>.",
-		"annotateDocument"                   : "Annoter ce document",
+		"annotateDocument"                   : "Annoter le document",
+		"lockEdition"                   : "Verrouiller l'édition",
+		"unlockEdition"                   : "Déverrouiller l'édtiion",
+		"originalSize"                   : "Taille originale",
+		"screenSize"                   : "Taille écran",
 		"annotation"                         : "Annotation",
 		"annotationAdded"                    : "Annotation ajoutée",
 		"annotationMode"                     : "Mode de l'annotation",

src/frontend/app/documentNotePad/document-note-pad.component.html

 <ion-header [translucent]="true">
   <ion-toolbar color="primary">
-    <ion-title>Annoter le document</ion-title>
+    <ion-title>{{'lang.annotateDocument' | translate}}</ion-title>
     <ion-buttons slot="end">
       <ion-button (click)="dismissModal()">
         <ion-icon slot="icon-only" name="close-outline"></ion-icon>
@@ -23,15 +23,14 @@
     </ion-fab-button>
     <ion-fab-list side="bottom">
       <ion-fab-button [color]="editMode ? 'danger' : 'success'"
-        [title]="editMode ? 'Verrouiller l\'édition' : 'Déverrouiller l\'édition'"
+        [title]="editMode ? ('lang.lockEdition' | translate) : ('lang.unlockEdition' | translate)"
         (click)="$event.stopPropagation();editMode=!editMode">
-        <ion-icon [name]="editMode ? 'lock-closed-outline' : 'lock-open-outline'" [title]="'Verouiller l\'édition'">
+        <ion-icon [name]="editMode ? 'lock-closed-outline' : 'lock-open-outline'">
         </ion-icon>
       </ion-fab-button>
-      <ion-fab-button [title]="originalSize ? 'taille originale' : 'taille écran'"
+      <ion-fab-button [title]="originalSize ? ('lang.originalSize' | translate) : ('lang.screenSize' | translate)"
         (click)="$event.stopPropagation();getImageDimensions(!originalSize)">
-        <ion-icon [name]="originalSize ? 'scan-outline' : 'crop-outline'"
-          [title]="originalSize ? 'taille originale' : 'taille écran'"></ion-icon>
+        <ion-icon [name]="originalSize ? 'scan-outline' : 'crop-outline'"></ion-icon>
       </ion-fab-button>
     </ion-fab-list>
   </ion-fab>
@@ -47,14 +46,10 @@
     </drag-scroll>
   </div>
 </ion-content>
-<ion-footer class="ion-no-border">
-  <ion-toolbar>
-    <ion-buttons class="ion-justify-content-center">
-      <ion-button color="primary" (click)="validateAnnotation()">
-        <ion-label>{{'lang.save' | translate}}</ion-label>
-      </ion-button>
-    </ion-buttons>
-  </ion-toolbar>
+<ion-footer class="ion-no-border footer-buttons">
+  <ion-button color="success" (click)="validateAnnotation()" shape="round" fill="outline" size="large">
+    <ion-label style="font-size: 13px;">{{'lang.save' | translate}}</ion-label>
+  </ion-button>
 </ion-footer>
 <!--<div *ngIf="signaturesService.annotationMode" [style.width.px]="this.areaWidth*this.signaturesService.scale" [style.height.px]="this.areaHeight*this.signaturesService.scale"
   style="top:0;position: absolute;border: dashed 1px grey;overflow: hidden;" [ngClass]="{

src/frontend/app/documentNotePad/document-note-pad.component.scss

@@ -96,4 +96,14 @@
   &:hover {
     transform: scale(1.5);
   }
+}
+
+.footer-buttons {
+  display: grid;
+  padding: 10px;
+
+  ion-button {
+    margin: auto;
+    width: 150px;
+  }
 }
\ No newline at end of file

src/frontend/app/pad/pad.component.html

 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
-        <ion-title>Créer une signature</ion-title>
+        <ion-title>{{'lang.createNewSignature' | translate}}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="closePad()">
                 <ion-icon slot="icon-only" name="close-outline"></ion-icon>

src/frontend/app/sidebar/sidebar.component.html

@@ -10,13 +10,13 @@
 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
         <ion-buttons slot="start">
-            <ion-button (click)="authService.logout()">
+            <ion-button (click)="authService.logout()" [title]="'lang.logout' | translate">
                 <ion-icon slot="icon-only" name="power"></ion-icon>
             </ion-button>
-            <ion-button *ngIf="!isAdminRoute() && authService.user.administrativePrivileges.length > 0" (click)="openAdmin()">
+            <ion-button *ngIf="!isAdminRoute() && authService.user.administrativePrivileges.length > 0" (click)="openAdmin()" [title]="'lang.administration' | translate">
                 <ion-icon slot="icon-only" name="build-outline"></ion-icon>
             </ion-button>
-            <ion-button *ngIf="isAdminRoute()" (click)="openHome()">
+            <ion-button *ngIf="isAdminRoute()" (click)="openHome()" [title]="'lang.homePage' | translate">
                 <ion-icon slot="icon-only" name="home"></ion-icon>
             </ion-button>
         </ion-buttons>
@@ -35,7 +35,7 @@
 </ion-avatar>
 <ion-header *ngIf="!isAdminRoute()">
     <ion-toolbar color="light">
-        <ion-title *ngIf="!searchMode" (click)="search();" [title]="'lang.search' | translate" style="text-align: center;font-size: 14px;">
+        <ion-title *ngIf="!searchMode" (click)="search();" [title]="'lang.filterInfo' | translate" style="text-align: center;font-size: 14px;">
             <span [class.primary]="signaturesService.mode != ''">{{signaturesService.documentsListCount.current}}</span>
             {{'lang.documents' | translate}}
             <span class="primary"

src/frontend/app/signatures/signatures.component.html

 <ion-header [translucent]="true">
     <ion-toolbar color="primary">
-        <ion-title>Signatures</ion-title>
+        <ion-title>{{'lang.signatures' | translate}}</ion-title>
         <ion-buttons slot="end">
             <ion-button (click)="dismissModal()">
                 <ion-icon slot="icon-only" name="close-outline"></ion-icon>