[player] Use config file for special french characters in keyboard comp.

projects/player/modules/key-input/components/keyboard/keyboard.component.html

@@ -4,8 +4,8 @@
        class="specialCharacters">
     <button *ngFor="let key of frenchSpecialCharacters; let i = index"
             mat-raised-button
-            (click)="enterCharacter(key)">
-      {{shift ? key.toUpperCase() : key}}
+            (click)="enterCharacter(key[0])">
+      {{shift ? key[1] : key[0]}}
     </button>
   </div>
 

projects/player/modules/key-input/components/keyboard/keyboard.component.ts

@@ -19,7 +19,9 @@ export class KeyboardComponent {
   numberKeys: [string, string][] = [['1', '!'], ['2', '"'], ['3', '§'], ['4', '$'], ['5', '%'], ['6', '&'],
     ['7', '/'], ['8', '('], ['9', ')'], ['0', '='], ['ß', '?']];
 
-  frenchSpecialCharacters = KeyLayout.get('french').default.flat();
+  frenchSpecialCharacters: [string, string][] = KeyLayout.get('french').default.flat()
+    .map( (e, i) => [e, KeyLayout.get('french').shift.flat()[i]]);
+
 
   enterCharacter(pressedCharacter: string): void {
     this.characterClicked.emit(this.shift ? pressedCharacter.toUpperCase() : pressedCharacter);