Upgraded to angular 8!

src/Ombi/ClientApp/package.json

@@ -9,18 +9,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "8.0.0",
+    "@angular/animations": "^8.0.0",
-    "@angular/cdk": "8.0.0",
+    "@angular/cdk": "^8.0.0",
-    "@angular/common": "8.0.0",
+    "@angular/common": "^8.0.0",
-    "@angular/compiler": "8.0.0",
+    "@angular/compiler": "^8.0.0",
-    "@angular/core": "8.0.0",
+    "@angular/core": "^8.0.0",
-    "@angular/forms": "8.0.0",
+    "@angular/forms": "^8.0.0",
-    "@angular/http": "7.1.4",
+    "@angular/http": "^7.2.15",
-    "@angular/material": "8.0.0",
+    "@angular/material": "^8.0.0",
-    "@angular/platform-browser": "8.0.0",
+    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "8.0.0",
+    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@angular/platform-server": "8.0.0",
+    "@angular/platform-server": "^8.0.0",
-    "@angular/router": "8.0.0",
+    "@angular/router": "^8.0.0",
     "@angularclass/hmr": "^2.1.3",
     "@aspnet/signalr": "^1.1.0",
     "@auth0/angular-jwt": "^2.1.0",
@@ -46,7 +46,7 @@
     "moment": "^2.23.0",
     "ng2-cookies": "^1.0.12",
     "ngx-bootstrap": "^3.1.4",
-    "ngx-clipboard": "^11.1.1",
+    "ngx-clipboard": "^12.1.0",
     "ngx-infinite-scroll": "^7.1.0",
     "ngx-moment": "^3.0.1",
     "ngx-order-pipe": "^2.0.1",
@@ -63,7 +63,7 @@
     "zone.js": "^0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.11.4",
+    "@angular-devkit/build-angular": "^0.800.2",
     "@angular/cli": "~8.0.2",
     "@angular/compiler-cli": "8.0.0",
     "@angular/language-service": "^8.0.0",
@@ -79,4 +79,4 @@
     "ts-node": "~5.0.1",
     "tslint": "^5.12.0"
   }
-}
+}

src/Ombi/ClientApp/src/app/app.module.ts

@@ -65,19 +65,19 @@ const routes: Routes = [
     { path: "token", component: TokenResetPasswordComponent },
     { path: "landingpage", component: LandingPageComponent },
     { path: "auth/cookie", component: CookieComponent },
-    { loadChildren: "./calendar/calendar.module#CalendarModule", path: "calendar" },
+    { loadChildren: () => import("./calendar/calendar.module").then(m => m.CalendarModule), path: "calendar" },
-    { loadChildren: "./discover/discover.module#DiscoverModule", path: "discover" },
+    { loadChildren: () => import("./discover/discover.module").then(m => m.DiscoverModule), path: "discover" },
-    { loadChildren: "./issues/issues.module#IssuesModule", path: "issues" },
+    { loadChildren: () => import("./issues/issues.module").then(m => m.IssuesModule), path: "issues" },
-    { loadChildren: "./settings/settings.module#SettingsModule", path: "Settings" },
+    { loadChildren: () => import("./settings/settings.module").then(m => m.SettingsModule), path: "Settings" },
-    { loadChildren: "./wizard/wizard.module#WizardModule", path: "Wizard" },
+    { loadChildren: () => import("./wizard/wizard.module").then(m => m.WizardModule), path: "Wizard" },
-    { loadChildren: "./usermanagement/usermanagement.module#UserManagementModule", path: "usermanagement" },
+    { loadChildren: () => import("./usermanagement/usermanagement.module").then(m => m.UserManagementModule), path: "usermanagement" },
-    { loadChildren: "./requests/requests.module#RequestsModule", path: "requestsOld" },
+    { loadChildren: () => import("./requests/requests.module").then(m => m.RequestsModule), path: "requestsOld" },
-    { loadChildren: "./requests-list/requests-list.module#RequestsListModule", path: "requests-list" },
+    { loadChildren: () => import("./requests-list/requests-list.module").then(m => m.RequestsListModule), path: "requests-list" },
-    { loadChildren: "./search/search.module#SearchModule", path: "search" },
+    { loadChildren: () => import("./search/search.module").then(m => m.SearchModule), path: "search" },
-    { loadChildren: "./recentlyAdded/recentlyAdded.module#RecentlyAddedModule", path: "recentlyadded" },
+    { loadChildren: () => import("./recentlyAdded/recentlyAdded.module").then(m => m.RecentlyAddedModule), path: "recentlyadded" },
-    { loadChildren: "./vote/vote.module#VoteModule", path: "vote" },
+    { loadChildren: () => import("./vote/vote.module").then(m => m.VoteModule), path: "vote" },
-    { loadChildren: "./media-details/media-details.module#MediaDetailsModule", path: "details" },
+    { loadChildren: () => import("./media-details/media-details.module").then(m => m.MediaDetailsModule), path: "details" },
-    { loadChildren: "./user-preferences/user-preferences.module#UserPreferencesModule", path: "user-preferences" },
+    { loadChildren: () => import("./user-preferences/user-preferences.module").then(m => m.UserPreferencesModule), path: "user-preferences" },
 ];
 
 // AoT requires an exported function for factories

src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.ts

@@ -18,8 +18,8 @@ export class MoviesGridComponent implements AfterViewInit {
     public displayedColumns: string[] = ['requestedUser.requestedBy', 'title', 'requestedDate', 'status', 'requestStatus', 'actions'];
     public gridCount: string = "15";
 
-    @ViewChild(MatPaginator) paginator: MatPaginator;
+    @ViewChild(MatPaginator, {static: false}) paginator: MatPaginator;
-    @ViewChild(MatSort) sort: MatSort;
+    @ViewChild(MatSort, {static: false}) sort: MatSort;
 
     constructor(private requestService: RequestServiceV2) {
 

src/Ombi/ClientApp/src/app/requests-list/components/tv-grid/tv-grid.component.ts

@@ -18,8 +18,8 @@ export class TvGridComponent implements AfterViewInit {
     public displayedColumns: string[] = ['series',  'requestedBy', 'status', 'requestStatus', 'requestedDate','actions'];
     public gridCount: string = "15";
 
-    @ViewChild(MatPaginator) paginator: MatPaginator;
+    @ViewChild(MatPaginator, {static: false}) paginator: MatPaginator;
-    @ViewChild(MatSort) sort: MatSort;
+    @ViewChild(MatSort, {static: false}) sort: MatSort;
 
     constructor(private requestService: RequestServiceV2) {
 

src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.html

@@ -107,7 +107,7 @@
           <ng-container matColumnDef="welcome">
                 <th mat-header-cell *matHeaderCellDef> </th>
                 <td mat-cell *matCellDef="let u">
-                  <button *ngIf="!u.hasLoggedIn" mat-raised-button color="accent"  (click)="welcomeEmail(u)" [disabled]="!customizationSettings.applicationUrl">Send Welcome Email</button>
+                  <button *ngIf="!u.hasLoggedIn" mat-raised-button color="accent"  (click)="welcomeEmail(u)" [disabled]="!customizationSettings?.applicationUrl">Send Welcome Email</button>
                 </td>
               </ng-container>
   

src/Ombi/ClientApp/src/app/usermanagement/usermanagement.component.ts

@@ -15,7 +15,7 @@ export class UserManagementComponent implements OnInit {
     public dataSource: MatTableDataSource<IUser>;
 
     public selection = new SelectionModel<IUser>(true, []);
-    @ViewChild(MatSort) public sort: MatSort;
+    @ViewChild(MatSort, {static: false}) public sort: MatSort;
     public users: IUser[];
     public checkAll = false;
     public emailSettings: IEmailNotificationSettings;

src/Ombi/ClientApp/src/app/vote/vote.component.ts

@@ -18,7 +18,7 @@ export class VoteComponent implements OnInit {
     public completedVotes: IVoteViewModel[];
     public VoteType = VoteType;
     public panelImage: string;
-    @ViewChild("op") public overlayPanel: OverlayPanel;
+    @ViewChild("op", {static: false}) public overlayPanel: OverlayPanel;
 
     constructor(private voteService: VoteService, private notificationSerivce: NotificationService) { }