add switching between complted tasks from result/other pages

Author: Awakich

projects/social_platform/src/app/office/courses/lesson/lesson.component.html

@@ -11,9 +11,11 @@
       @for (task of tasks(); track task.id) {
       <div
         class="progress__task"
+        (click)="onSelectTask(task)"
         [ngClass]="{
           'progress__task--done': isDone(task),
-          'progress__task--current': isCurrent(task.id)
+          'progress__task--current': isCurrent(task.id),
+          'progress__task--clickable': isDone(task)
         }"
       >
         <p class="text-body-12">{{ task.order }}</p>
@@ -82,8 +84,8 @@
 
         <app-button
           [loader]="loader()"
-          [disabled]="isSubmitDisabled()"
-          [style.opacity]="isSubmitDisabled() ? 0.5 : 1"
+          [disabled]="isSubmitDisabled() || isViewingCompleted()"
+          [style.opacity]="isSubmitDisabled() || isViewingCompleted() ? 0.5 : 1"
           size="big"
           customTypographyClass="text-body-12"
           class="action__button"

projects/social_platform/src/app/office/courses/lesson/lesson.component.scss

@@ -73,6 +73,10 @@
       border: 0 !important;
     }
 
+    &--clickable {
+      cursor: pointer;
+    }
+
     &--current {
       border: 0.5px solid var(--accent);
     }

projects/social_platform/src/app/office/courses/lesson/lesson.component.ts

@@ -157,6 +157,24 @@ export class LessonComponent implements OnInit {
     return task.isCompleted || this.completedTaskIds().has(task.id);
   }
 
+  protected readonly isViewingCompleted = computed(() => {
+    const task = this.currentTask();
+    return task ? this.isDone(task) : false;
+  });
+
+  onSelectTask(task: Task) {
+    if (!this.isDone(task)) return;
+
+    this.currentTaskId.set(task.id);
+    this.answerBody.set(null);
+    this.success.set(false);
+    this.hasError.set(false);
+
+    if (this.isComplete()) {
+      this.router.navigate(["./"], { relativeTo: this.route });
+    }
+  }
+
   onSubmitAnswer() {
     const task = this.currentTask();
     if (!task) return;