General: Scroll up when clicking on a course in course management (ls…

…1intum#8742)

src/main/webapp/app/course/manage/course-management-tab-bar/course-management-tab-bar.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { HttpErrorResponse } from '@angular/common/http';
 import { Subject, Subscription } from 'rxjs';
@@ -33,13 +33,14 @@ import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ProfileService } from 'app/shared/layouts/profiles/profile.service';
 import { PROFILE_IRIS, PROFILE_LOCALCI, PROFILE_LTI } from 'app/app.constants';
 import { CourseAccessStorageService } from 'app/course/course-access-storage.service';
+import { scrollToTopOfPage } from 'app/shared/util/utils';
 
 @Component({
     selector: 'jhi-course-management-tab-bar',
     templateUrl: './course-management-tab-bar.component.html',
     styleUrls: ['./course-management-tab-bar.component.scss'],
 })
-export class CourseManagementTabBarComponent implements OnInit, OnDestroy {
+export class CourseManagementTabBarComponent implements OnInit, OnDestroy, AfterViewInit {
     readonly FeatureToggle = FeatureToggle;
     readonly ButtonSize = ButtonSize;
 
@@ -119,6 +120,9 @@ export class CourseManagementTabBarComponent implements OnInit, OnDestroy {
         this.courseAccessStorageService.onCourseAccessed(courseId);
     }
 
+    ngAfterViewInit() {
+        scrollToTopOfPage();
+    }
     /**
      * Subscribe to changes in course.
      */