feat: Add idQuiz on play-quiz page

src/app/modules/home/play-quiz/play-quiz.component.html

 <div *ngIf="!isLoading" class="main">
     <div class="header">
         <mat-icon (click)="goHome()">home</mat-icon>
+        <p>ID Quiz {{ idQuiz }}</p>
         <div class="title">
             <h4>Question {{ actualQuestionIndex + 1 }}/{{ quiz.questions.length }}</h4>
             <h5>Score : {{ score }}/{{ quiz.questions.length }}</h5>
@@ -13,9 +14,8 @@
     </div>
     <div class="next-question">
         <button *ngIf="showNextQuestion" (click)="nextQuestion()" class="btnNext">
-            @if (actualQuestionIndex === this.quiz.questionIndex - 1 + this.quiz.questions.length - 1) { Finish quiz
-            }
+            @if (actualQuestionIndex === this.quiz.questionIndex - 1 + this.quiz.questions.length - 1) { Finish quiz }
             @else { Next question }
         </button>
     </div>
-</div>
+</div>
\ No newline at end of file

src/app/modules/home/play-quiz/play-quiz.component.ts

@@ -15,9 +15,10 @@ export class PlayQuizComponent implements OnInit {
         private activatedRoute: ActivatedRoute,
         private router: Router,
         private cdr: ChangeDetectorRef
-    ) { }
+    ) {}
     isLoading: boolean = false;
     quiz: any = [];
+    idQuiz: any;
     actualQuestion: any;
     actualQuestionIndex: number = -1;
     score: number = 0;
@@ -25,8 +26,8 @@ export class PlayQuizComponent implements OnInit {
     ngOnInit(): void {
         this.isLoading = true;
         this.activatedRoute.queryParams.subscribe((params) => {
-            const idQuiz = params['idQuiz'];
-            this.questionSerivce.getQuiz(idQuiz).subscribe({
+            this.idQuiz = params['idQuiz'];
+            this.questionSerivce.getQuiz(this.idQuiz).subscribe({
                 next: (data: any) => {
                     this.quiz = data;
                     this.quiz.Question;
@@ -43,7 +44,6 @@ export class PlayQuizComponent implements OnInit {
         return textArea.value;
     }
 
-
     nextQuestion() {
         if (this.actualQuestionIndex === this.quiz.questionIndex - 1 + this.quiz.questions.length - 1) {
             Swal.fire({