FEAT #8879 TIME 1 import sign front

lang/en.json

@@ -249,6 +249,7 @@
 		"addUser" : "Add user",
 		"privileges" : "Privileges",
 		"groupWarnMsg" : "You may no longer be able to access this page!",
-		"groupDeleted" : "Group deleted"
+		"groupDeleted" : "Group deleted",
+		"importNewSignature" : "Import a new signature"
 	}
 }

lang/fr.json

@@ -250,6 +250,7 @@
 		"addUser" : "Ajouter un utilisateur",
 		"privileges" : "Privilèges",
 		"groupWarnMsg" : "Vous risquez de ne plus pouvoir accéder à cette page !",
-		"groupDeleted" : "Groupe supprimé"
+		"groupDeleted" : "Groupe supprimé",
+		"importNewSignature" : "Importer une signature"
 	}
 }

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

@@ -3,6 +3,11 @@
     {{'lang.doubletapSignatureToAddDocument' | translate}}
   </div>
   <section class="list">
+    <div class="list-item create" (click)="uploadFile.click()">
+      <i class="fas fa-upload fa-2x"></i>
+      {{'lang.importNewSignature' | translate}}
+    </div>
+    <input #uploadFile type="file" style="display:none;" (change)="handleFileInput($event.target.files)">
     <div class="list-item create" (click)="openPad()">
       <i class="fas fa-pen-nib fa-2x"></i>
       {{'lang.createNewSignature' | translate}}

src/frontend/app/signatures/signatures.component.ts

@@ -117,4 +117,46 @@ export class SignaturesComponent implements OnInit {
             }
         }, 250);
     }
+
+    handleFileInput(files: FileList) {
+        const fileToUpload = files.item(0);
+
+        if (fileToUpload.size <= 2000000) {
+            if (['image/png', 'image/jpg', 'image/jpeg', 'image/gif'].indexOf(fileToUpload.type) !== -1) {
+                console.log(fileToUpload.type);
+                const myReader: FileReader = new FileReader();
+                myReader.onloadend = (e) => {
+                    console.log(myReader.result.toString());
+
+                    const newEncodedSign = myReader.result.toString().replace('data:' + fileToUpload.type + ';base64,', '');
+                    localStorage.setItem('signature', JSON.stringify(newEncodedSign));
+
+                    // Save signature in BDD
+                    const newSign = {
+                        'id': 0,
+                        'encodedSignature': newEncodedSign,
+                        'format': 'png'
+                    };
+                    this.http.post('../rest/users/' + this.signaturesService.userLogged.id + '/signatures', newSign)
+                    .subscribe((data: any) => {
+                        newSign.id = data.signatureId;
+                        this.signaturesService.newSign = newSign;
+                        this.reloadSignatures();
+                        this.notificationService.success('lang.signatureRegistered');
+                        this.bottomSheetRef.dismiss();
+                        const config: MatBottomSheetConfig = {
+                            disableClose: false,
+                            direction: 'ltr'
+                        };
+                        this.bottomSheetRef.open(SignaturesComponent, config);
+                    });
+                };
+                myReader.readAsDataURL(fileToUpload);
+            } else {
+                this.notificationService.error('lang.notAnImage');
+            }
+        } else {
+            this.notificationService.error('lang.imageTooBig');
+        }
+    }
 }