Module erweitert um Dialog Funktionalitäten

package.json

@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.1100.5",
-    "@angular/cli": "~11.0.5",
+    "@angular/cli": "^11.2.9",
     "@angular/compiler-cli": "~11.0.5",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",

src/app/app.module.ts

@@ -14,7 +14,7 @@ import {MatButtonModule} from '@angular/material/button';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatInputModule} from '@angular/material/input';
 import {MatCardModule} from '@angular/material/card';
-import { OverviewComponent } from './overview/overview.component';
+import {OverviewComponent, TestDialogComponent} from './overview/overview.component';
 import { ErrorComponent } from './error/error.component';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
 import { FormsModule } from '@angular/forms';
@@ -31,7 +31,7 @@ import { RoundHistoryComponent } from './round-history/round-history.component';
 import {MatTableModule} from '@angular/material/table';
 import {MatTreeModule} from '@angular/material/tree';
 import {ViewModus} from './dao/viewModus';
-import {MatDialogModule} from '@angular/material/dialog';
+import {MAT_DIALOG_DEFAULT_OPTIONS, MatDialogModule} from '@angular/material/dialog';
 
 @NgModule({
   declarations: [
@@ -46,6 +46,7 @@ import {MatDialogModule} from '@angular/material/dialog';
     ImpressumComponent,
     RulesComponent,
     RoundHistoryComponent,
+    TestDialogComponent
   ],
   imports: [
     HttpClientModule,
@@ -68,6 +69,7 @@ import {MatDialogModule} from '@angular/material/dialog';
     MatDialogModule
   ],
   providers: [
+    {provide: MAT_DIALOG_DEFAULT_OPTIONS, useValue: {hasBackdrop: false}},
     IsAllowedToPlay,
     SocketDataService,
     ViewModus

src/app/overview/overview.component.ts

@@ -281,7 +281,7 @@ export class OverviewComponent implements OnInit, OnDestroy {
   }
 }
 @Component({
-  selector: 'testdialog',
+  selector: 'app-testdialog',
   templateUrl: './testdialog.html',
 })
 export class TestDialogComponent {}

src/app/overview/testdialog.html

 <h1 mat-dialog-title>Ihr habt alle Begriffe durchgespielt!</h1>
 <div mat-dialog-content>Eröffnet einen neuen Raum oder setzt den Fortschritt sofort hier zurück:</div>
 <div mat-dialog-actions>
-  <button mat-button mat-dialog-close>Zurücksetzen</button>
-  <button mat-button >Schließen</button>
+  <button mat-raised-button>Zurücksetzen</button>
+  <button mat-raised-button color="primary" mat-dialog-close>Schließen</button>
 </div>