upgrade and migrate

src/app/app.module.ts

@@ -63,9 +63,9 @@ import { InviteCodeComponent } from './pages/invites/code/code.component';
 import { InviteEditComponent } from './pages/invites/edit/invite.edit';
 import { MatPaginatorIntl } from '@angular/material/paginator';
 import { NgxMatDateAdapter, NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
-import { MAT_DATE_LOCALE } from '@angular/material/core';
 import { NgxMatMomentAdapter } from '@angular-material-components/moment-adapter';
 import { JukeboxComponent } from './pages/jukebox/jukebox.compontent';
+import { FormLoginOidcComponent } from './pages/form-login-oidc/form-login-oidc.component';
 
 
 export function init_app(i18n: I18nService) {
@@ -94,6 +94,7 @@ export class XhrInterceptor implements HttpInterceptor {
     LoginComponent,
     FormLoginComponent,
     FormLogin2FAComponent,
+    FormLoginOidcComponent,
     TokensComponent,
     InvitesComponent, InviteCodeComponent, InviteEditComponent,
     ServicesComponent,
@@ -140,21 +141,21 @@ export class XhrInterceptor implements HttpInterceptor {
     QrCodeModule,
 
   ],
-  exports: [ MaterialModule ],
-  providers: [ { provide: APP_INITIALIZER, useFactory: init_app, deps: [ I18nService ], multi: true }, { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptor, multi: true }, DatePipe,
+  exports: [MaterialModule],
+  providers: [{ provide: APP_INITIALIZER, useFactory: init_app, deps: [I18nService], multi: true }, { provide: HTTP_INTERCEPTORS, useClass: XhrInterceptor, multi: true }, DatePipe,
   {
     provide: MatPaginatorIntl, useFactory: (i18n) => {
       const service = new I18nPaginatorIntl();
       service.injectI18n(i18n)
       return service;
-    }, deps: [ I18nService ]
+    }, deps: [I18nService]
   },
   {
     provide: NgxMatDateAdapter,
     useClass: NgxMatMomentAdapter,
     useFactory: (i18n: I18nService) => {
       return new NgxMatMomentAdapter(i18n.getLocale(), { strict: true });
-    }, deps: [ I18nService ]
+    }, deps: [I18nService]
   }, {
     provide: NGX_MAT_DATE_FORMATS, useFactory: (i18n: I18nService) => {
       const datetimeformat = i18n.get('format.datetime', []);
@@ -169,9 +170,9 @@ export class XhrInterceptor implements HttpInterceptor {
           monthYearA11yLabel: "MMMM YYYY"
         }
       };
-    }, deps: [ I18nService ]
-  } ],
-  bootstrap: [ AppComponent ],
+    }, deps: [I18nService]
+  }],
+  bootstrap: [AppComponent],
 })
 export class AppModule {
 }