[player] Add numbers and numbers and operators keyboard components

projects/player/src/app/app.module.ts

@@ -21,6 +21,9 @@ import { IntersectionDetectionDirective } from './directives/intersection-detect
 import { KeyboardComponent } from './components/keyboard/keyboard.component';
 import { KeyComponent } from './components/key/key.component';
 import { FrenchKeyboardComponent } from './components/french-keyboard/french-keyboard.component';
+import { NumbersKeyboardComponent } from './components/numbers-keyboard/numbers-keyboard.component';
+import { NumbersAndOperatorsKeyboardComponent }
+  from './components/numbers-and-operators-keyboard/numbers-and-operators-keyboard.component';
 
 @NgModule({
   declarations: [
@@ -37,7 +40,9 @@ import { FrenchKeyboardComponent } from './components/french-keyboard/french-key
     IntersectionDetectionDirective,
     KeyboardComponent,
     KeyComponent,
-    FrenchKeyboardComponent
+    FrenchKeyboardComponent,
+    NumbersKeyboardComponent,
+    NumbersAndOperatorsKeyboardComponent
   ],
   imports: [
     BrowserModule,

projects/player/src/app/components/keyboard/keyboard.component.html

@@ -3,8 +3,9 @@
   <div class="keyboard-header"></div>
   <div class="keyboard-inner-container"
        (mousedown)="onMouseDown($event, true)">
-    <app-french-keyboard *ngIf="preset === 'french'">
-    </app-french-keyboard>
+    <app-french-keyboard *ngIf="preset === 'french'"></app-french-keyboard>
+    <app-numbers-keyboard *ngIf="preset === 'numbers'"></app-numbers-keyboard>
+    <app-numbers-and-operators-keyboard *ngIf="preset === 'numbersAndOperators'"></app-numbers-and-operators-keyboard>
   </div>
 </div>
 

projects/player/src/app/components/numbers-and-operators-keyboard/numbers-and-operators-keyboard.component.html

+<p>Noch nicht implementiert!</p>

projects/player/src/app/components/numbers-and-operators-keyboard/numbers-and-operators-keyboard.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-numbers-and-operators-keyboard',
+  templateUrl: './numbers-and-operators-keyboard.component.html',
+  styleUrls: ['./numbers-and-operators-keyboard.component.css']
+})
+export class NumbersAndOperatorsKeyboardComponent implements OnInit {
+  ngOnInit(): void {
+  }
+}

projects/player/src/app/components/numbers-keyboard/numbers-keyboard.component.html

+<p>Noch nicht implementiert!</p>

projects/player/src/app/components/numbers-keyboard/numbers-keyboard.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-numbers-keyboard',
+  templateUrl: './numbers-keyboard.component.html',
+  styleUrls: ['./numbers-keyboard.component.css']
+})
+export class NumbersKeyboardComponent implements OnInit {
+  ngOnInit(): void {
+  }
+}