Update to Angular 11

Author: RickStrahl

src/AlbumViewerAngular/package.json

@@ -16,15 +16,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.2.4",
-    "@angular/common": "^10.2.4",
-    "@angular/compiler": "^10.2.4",
-    "@angular/core": "^10.2.4",
-    "@angular/forms": "^10.2.4",
-    "@angular/localize": "^10.2.4",
-    "@angular/platform-browser": "^10.2.4",
-    "@angular/platform-browser-dynamic": "^10.2.4",
-    "@angular/router": "^10.2.4",
+    "@angular/animations": "^11.1.2",
+    "@angular/common": "^11.1.2",
+    "@angular/compiler": "^11.1.2",
+    "@angular/core": "^11.1.2",
+    "@angular/forms": "^11.1.2",
+    "@angular/localize": "^11.1.2",
+    "@angular/platform-browser": "^11.1.2",
+    "@angular/platform-browser-dynamic": "^11.1.2",
+    "@angular/router": "^11.1.2",
     "bootstrap": "^4.4.1",
     "core-js": "^2.5.4",
     "font-awesome": "^4.7.0",
@@ -37,16 +37,16 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.2",
-    "@angular/cli": "~10.2.2",
-    "@angular/compiler-cli": "^10.2.4",
-    "@angular/language-service": "^10.2.4",
-    "@types/jasmine": "~2.8.8",
+    "@angular-devkit/build-angular": "~0.1101.4",
+    "@angular/cli": "~11.1.4",
+    "@angular/compiler-cli": "^11.1.2",
+    "@angular/language-service": "^11.1.2",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~5.2.3",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",

src/AlbumViewerAngular/src/app/albums/albumList.ts

@@ -67,7 +67,7 @@ export class AlbumList implements OnInit {
         this.albumList = albums;
         this.busy = false;
 
-        // reset scroll position of the list
+        // reset to last scroll position of the list
         setTimeout(()=> $("#MainView").scrollTop(this.albumService.listScrollPos), 100);
       }, err => {
         if (!err.message)
@@ -79,7 +79,9 @@ export class AlbumList implements OnInit {
   }
 
   albumClick(album: Album) {
+    // save scroll position before navigation
     this.albumService.listScrollPos = $("#MainView").scrollTop();
+
     this.router.navigate(['/album', album.Id]);
   }
 

src/AlbumViewerAngular/src/app/app.module.ts

@@ -18,13 +18,6 @@ import {AlbumEditor} from './albums/albumEditor';
 import {ArtistList} from './artists/artistList';
 import {ArtistDisplay} from './artists/artistDisplay';
 
-// services
-import {Album, Artist, Track} from './business/entities';
-import {AlbumService} from './albums/albumService';
-import {ArtistService} from './artists/artistService';
-import {AppConfiguration} from './business/appConfiguration';
-import {UserInfo} from "./business/userInfo";
-
 import {LocationStrategy, HashLocationStrategy} from '@angular/common';
 import {AlbumSongList} from "./albums/albumSongList";
 
@@ -39,9 +32,7 @@ import { OptionsComponent } from './options/options';
 /* Custom Components or overrides */
 import {HttpRequestInterceptor} from './business/httpRequestInterceptor'
 import { FocusDirective } from './common/focusDirective';
-import { NgbTypeaheadModule, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
 import {ToastrModule} from "ngx-toastr";
-import {cachingDisabled} from "@angular-devkit/build-angular/src/utils/environment-options";
 import {ModalModule} from "ngx-bootstrap/modal";
 import {TypeaheadModule} from "ngx-bootstrap/typeahead";
 
@@ -90,7 +81,6 @@ import {TypeaheadModule} from "ngx-bootstrap/typeahead";
     ],
     // services, pipes and providers
     providers: [
-        //Album, Artist, Track
 
         // make sure you use this for Hash Urls rather than HTML 5 routing
         //{ provide: LocationStrategy, useClass: HashLocationStrategy },

src/AlbumViewerAngular/src/app/artists/artistDisplay.ts

@@ -9,10 +9,6 @@ import {ErrorInfo} from "../common/errorDisplay";
 import { ArtistEditor } from "./artistEditor";
 import {slideIn} from "../common/animations";
 
-import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';
-
-
-
 @Component({
     //moduleId: module.id,
     selector: 'artist-display',
@@ -34,8 +30,7 @@ export class ArtistDisplay implements OnInit {
               private artistService: ArtistService,
               private config: AppConfiguration,
               private router: Router,
-              private user: UserInfo,
-              private modalService: NgbModal) {
+              private user: UserInfo) {
   }