First functional prototype

2019-08-07 17:57:31 +02:00
parent 92989a618a
commit 68968ca70a
20 changed files with 293 additions and 25 deletions
--- a/src/app/shared/log-in/log-in-container/log-in-container.component.ts
+++ b/src/app/shared/log-in/log-in-container/log-in-container.component.ts
@@ -0,0 +1,106 @@
+import {Component, Injector, OnDestroy, OnInit, ReflectiveInjector} from '@angular/core';
+import {AuthState} from '../../../core/auth/auth.reducer';
+import {Store} from '@ngrx/store';
+import {DynamicTestComponent} from '../DynamicTestComponent/dynamic-test.component';
+import {LogInComponent} from '../password/log-in.component';
+import {DynamicShibbolethComponent} from '../shibboleth/dynamic-shibboleth.component';
+import {getAuthenticationMethods} from '../../../core/auth/selectors';
+import {map, tap} from 'rxjs/operators';
+import {AppState} from '../../../app.reducer';
+import {Observable} from 'rxjs';
+import {DynamicLoginMethod} from './log-in-container.model';
+import {AuthMethodConstants, AuthMethodModel} from '../../../core/auth/models/auth-method.model';
+import {ShibbolethComponent} from '../../../+login-page/shibboleth/shibboleth.component';
+
+@Component({
+  selector: 'ds-log-in-container',
+  templateUrl: './log-in-container.component.html',
+  // styleUrls: ['./log-in.component.scss'],
+
+})
+export class LogInContainerComponent implements OnDestroy, OnInit {
+
+  private dynamicLoginMethods: Observable<DynamicLoginMethod[]>;
+  private authInfoInjector: Injector;
+  /**
+   * Injector to inject a section component with the @Input parameters
+   * @type {Injector}
+   */
+  public objectInjector: Injector;
+  private shibbolethUrl: string;
+
+  /**
+   * @constructor
+   * @param {AuthService} authService
+   * @param {FormBuilder} formBuilder
+   * @param {Store<State>} store
+   */
+  constructor(
+    private store: Store<AppState>,
+    private injector: Injector
+
+  ) {}
+
+  /**
+   * Lifecycle hook that is called after data-bound properties of a directive are initialized.
+   * @method ngOnInit
+   */
+  public ngOnInit() {
+
+    this.objectInjector = Injector.create({
+      providers: [
+        {provide: 'shibbolethUrlProvider', useFactory: () => (this.shibbolethUrl), deps: []},
+        // {provide: 'sectionDataProvider', useFactory: () => (this.sectionData), deps: []},
+        // {provide: 'submissionIdProvider', useFactory: () => (this.submissionId), deps: []},
+      ],
+      parent: this.injector
+    });
+
+    this.dynamicLoginMethods = this.store.select(getAuthenticationMethods).pipe(
+      map(((authMethods) => authMethods.map((authMethod) => {
+            switch (authMethod.authMethodConstant) {
+              case AuthMethodConstants.PASSWORD:
+                return new DynamicLoginMethod(authMethod.authMethodName, LogInComponent)
+                break;
+              case AuthMethodConstants.SHIBBOLETH:
+                // this.shibbolethUrl = authMethod.location;
+                this.shibbolethUrl = 'https://fis.tiss.tuwien.ac.at/Shibboleth.sso/Login?target=https://fis.tiss.tuwien.ac.at/shibboleth';
+                return new DynamicLoginMethod(authMethod.authMethodName, DynamicShibbolethComponent, authMethod.location)
+                break;
+              default:
+                break;
+            }
+          }
+          )
+        )
+      )
+    );
+
+  }
+
+  /* this.dynamicLoginMethods = this.dynamicLoginMethods = [
+     {
+       label: 'PasswordComponent',
+       component: LogInComponent
+     },
+     {
+       label: 'TestComponent',
+       component: DynamicTestComponent
+     },
+     {
+       label: 'ShibbolethComponent',
+       component: DynamicShibbolethComponent
+     },
+
+   ];
+ }*/
+
+  /**
+   *  Lifecycle hook that is called when a directive, pipe or service is destroyed.
+   * @method ngOnDestroy
+   */
+  public ngOnDestroy() {
+    console.log('ngOnDestroy() in LogInContainerComponent was called');
+  }
+
+}