loading for steps exams/survey

open-learning-exchange · Nov 14, 2024 · f927237 · f927237
1 parent a1f970e
commit f927237
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/app/exams/exams-view.component.html b/src/app/exams/exams-view.component.html
@@ -66,6 +66,9 @@
         </ng-container>
       </ng-container>
     </div>
+    <div *ngIf="isLoading" i18n>
+      Loading content...
+    </div>
     <div class="v-align-center action-buttons">
       <button
         *ngIf="mode !== 'view'"

diff --git a/src/app/exams/exams-view.component.ts b/src/app/exams/exams-view.component.ts
@@ -45,6 +45,7 @@ export class ExamsViewComponent implements OnInit, OnDestroy {
   unansweredQuestions: number[];
   isComplete = false;
   comment: string;
+  isLoading = true;
 
   constructor(
     private router: Router,
@@ -68,6 +69,7 @@ export class ExamsViewComponent implements OnInit, OnDestroy {
             this.exam = this.exam || res;
             this.examType = params.get('type') || this.previewExamType;
             this.setExamPreview();
+            this.isLoading = false;
           },
           (err) => {
             this.planetMessageService.showAlert($localize`Preview is not available for this test`);
@@ -77,6 +79,7 @@ export class ExamsViewComponent implements OnInit, OnDestroy {
         return;
       }
       this.setExam(params);
+      this.isLoading = false;
     });
   }