syschecker started

src/app/about/about.component.css

-div.intro-main {
-  margin: 40px;
-  max-width: 600px;
-}

src/app/about/about.component.ts

@@ -2,8 +2,7 @@ import { Component, Inject, OnInit } from '@angular/core';
 import { LogindataService } from '../logindata.service';
 
 @Component({
-  templateUrl: './about.component.html',
-  styleUrls: ['./about.component.css']
+  templateUrl: './about.component.html'
 })
 export class AboutComponent implements OnInit {
 

src/app/app-routing.module.ts

+import { StartComponent as CheckStartComponent } from './sys-check/start.component';
 import { TestControllerComponent } from './test-controller';
 import { AboutComponent } from './about/about.component';
 import { StartComponent } from './start/start.component';
@@ -9,6 +10,7 @@ const routes: Routes = [
   {path: '', component: StartComponent, pathMatch: 'full'},
   {path: 'start', component: StartComponent},
   {path: 'about', component: AboutComponent},
+  {path: 'check', component: CheckStartComponent},
   {path: 't', component: TestControllerComponent}
 ];
 

src/app/app.component.ts

@@ -37,7 +37,7 @@ export class AppComponent implements OnInit {
     window.addEventListener('message', (event: MessageEvent) => {
       const msgData = event.data;
       const msgType = msgData['type'];
-      if ((msgType !== undefined) || (msgType !== null)) {
+      if ((msgType !== undefined) && (msgType !== null)) {
         if (msgType.substr(0, 7) === 'OpenCBA') {
           this.lds.postMessage$.next(event);
         }

src/app/app.module.ts

+import { SysCheckModule } from './sys-check/sys-check.module';
 import { AboutComponent } from './about/about.component';
 import { BrowserModule } from '@angular/platform-browser';
 import { HttpClientModule } from '@angular/common/http';
@@ -19,6 +20,7 @@ import { LocationStrategy, HashLocationStrategy } from '@angular/common';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ErrormsgComponent } from './errormsg/errormsg.component';
 
+
 @NgModule({
   declarations: [
     AppComponent,
@@ -45,7 +47,8 @@ import { ErrormsgComponent } from './errormsg/errormsg.component';
     HttpClientModule,
     TestControllerModule,
     AppRoutingModule,
-    IqbCommonModule
+    IqbCommonModule,
+    SysCheckModule
   ],
   providers: [
     BackendService,

src/app/start/start.component.html

@@ -125,6 +125,7 @@
       </mat-card-content>
       <mat-card-actions>
         <button mat-raised-button color="foreground" [routerLink]="['/about']">Impressum/Datenschutz</button>
+        <button mat-raised-button color="foreground" [routerLink]="['/check']">System-Check</button>
       </mat-card-actions>
     </mat-card>
   </div>

src/app/sys-check/backend.service.spec.ts

+import { TestBed, inject } from '@angular/core/testing';
+
+import { BackendService } from './backend.service';
+
+describe('BackendService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [BackendService]
+    });
+  });
+
+  it('should be created', inject([BackendService], (service: BackendService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/app/sys-check/backend.service.ts

+import { CheckConfig } from './backend.service';
+import { Injectable, Inject } from '@angular/core';
+import { HttpClient, HttpParams, HttpHeaders, HttpEvent, HttpErrorResponse } from '@angular/common/http';
+import { Observable, of } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class BackendService {
+
+  constructor(
+    @Inject('SERVER_URL') private serverUrl: string,
+    private http: HttpClient) {
+      this.serverUrl = this.serverUrl + 'php_tc/';
+  }
+
+  // 7777777777777777777777777777777777777777777777777777777777777777777777
+  getCheckConfigs(): Observable<CheckConfig[]> {
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type':  'application/json'
+      })
+    };
+    return this.http
+      .post<CheckConfig[]>(this.serverUrl + 'getSysCheckConfigs.php', {}, httpOptions)
+        .pipe(
+          catchError(problem_data => {
+          const myreturn: CheckConfig[] = [];
+          return of(myreturn);
+        })
+      );
+  }
+
+  // 7777777777777777777777777777777777777777777777777777777777777777777777
+  getCheckConfigData(cid: string): Observable<CheckConfigData> {
+    const httpOptions = {
+      headers: new HttpHeaders({
+        'Content-Type':  'application/json'
+      })
+    };
+    return this.http
+      .post<CheckConfigData>(this.serverUrl + 'getSysCheckConfigData.php', {c: cid}, httpOptions)
+        .pipe(
+          catchError(problem_data => {
+          const myreturn: CheckConfigData = null;
+          return of(myreturn);
+        })
+      );
+  }
+}
+
+export interface CheckConfig {
+  id: string;
+  label: string;
+  description: string;
+}
+
+export interface CheckConfigData {
+  id: string;
+  label: string;
+  email: string;
+}

src/app/sys-check/environment-check/environment-check.component.html

+<p>
+  environment-check works!
+</p>
+<p>
+  <button (click)="goto()">jojo</button>
+</p>

src/app/sys-check/environment-check/environment-check.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EnvironmentCheckComponent } from './environment-check.component';
+
+describe('EnvironmentCheckComponent', () => {
+  let component: EnvironmentCheckComponent;
+  let fixture: ComponentFixture<EnvironmentCheckComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EnvironmentCheckComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(EnvironmentCheckComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sys-check/environment-check/environment-check.component.ts

+import { Component, OnInit } from '@angular/core';
+import { SyscheckDataService } from '../syscheck-data.service';
+
+@Component({
+  selector: 'iqb-environment-check',
+  templateUrl: './environment-check.component.html',
+  styleUrls: ['./environment-check.component.css']
+})
+export class EnvironmentCheckComponent implements OnInit {
+
+  constructor(
+    private ds: SyscheckDataService
+  ) { }
+
+  ngOnInit() {
+  }
+
+  goto() {
+    this.ds.questionnaireAvailable$.next(true);
+  }
+}

src/app/sys-check/index.ts

+export { StartComponent } from './start.component';

src/app/sys-check/network-check/network-check.component.html

+<p>
+  network-check works!
+</p>

src/app/sys-check/network-check/network-check.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NetworkCheckComponent } from './network-check.component';
+
+describe('NetworkCheckComponent', () => {
+  let component: NetworkCheckComponent;
+  let fixture: ComponentFixture<NetworkCheckComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NetworkCheckComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NetworkCheckComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sys-check/network-check/network-check.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'iqb-network-check',
+  templateUrl: './network-check.component.html',
+  styleUrls: ['./network-check.component.css']
+})
+export class NetworkCheckComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/sys-check/questionnaire/questionnaire.component.html

+<p>
+  questionnaire works!
+</p>

src/app/sys-check/questionnaire/questionnaire.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuestionnaireComponent } from './questionnaire.component';
+
+describe('QuestionnaireComponent', () => {
+  let component: QuestionnaireComponent;
+  let fixture: ComponentFixture<QuestionnaireComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ QuestionnaireComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(QuestionnaireComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});