Landing Page added for wurzelbenutzer user

Author: raspyweather

src/app/app-routing.module.ts

@@ -8,21 +8,23 @@ import { LoginComponent } from './login/login.component';
 import { DashboardComponent } from "./dashboard/dashboard.component";
 import { LogoutComponent } from "./logout/logout.component";
 import { LoginService } from "./login.service";
+import { LandingPageComponent } from "./landing-page/landing-page.component";
 
 const routes: Routes = [
     { path: '', redirectTo: '/login', pathMatch: 'full' },
-    { path: 'login',            component: LoginComponent    },
-    { path: 'logout',           component: LogoutComponent,    canActivate: [LoginService] },
-    { path: 'class',            component: ClassComponent,     canActivate: [LoginService] },
-    { path: 'class/:id',        component: ClassComponent,     canActivate: [LoginService] },
-    { path: 'teacher',          component: TeacherComponent,   canActivate: [LoginService] },
-    { path: 'teacher/:id',      component: TeacherComponent,   canActivate: [LoginService] },
-    { path: 'pupil',            component: PupilComponent,     canActivate: [LoginService] },
-    { path: 'pupil/:id',        component: PupilComponent,     canActivate: [LoginService] },
-    { path: 'notes',            component: NotesComponent,     canActivate: [LoginService] },
-    { path: 'notes/:id',        component: NotesComponent,     canActivate: [LoginService] },
-    { path: 'notes/pupil/:pId', component: NotesComponent,     canActivate: [LoginService], data: [{filter: 'pupil'}] },
-    { path: 'dashboard',        component: DashboardComponent, canActivate: [LoginService] }
+    { path: 'login', component: LoginComponent },
+    { path: 'logout', component: LogoutComponent, canActivate: [LoginService] },
+    { path: 'class', component: ClassComponent, canActivate: [LoginService] },
+    { path: 'class/:id', component: ClassComponent, canActivate: [LoginService] },
+    { path: 'teacher', component: TeacherComponent, canActivate: [LoginService] },
+    { path: 'teacher/:id', component: TeacherComponent, canActivate: [LoginService] },
+    { path: 'pupil', component: PupilComponent, canActivate: [LoginService] },
+    { path: 'pupil/:id', component: PupilComponent, canActivate: [LoginService] },
+    { path: 'notes', component: NotesComponent, canActivate: [LoginService] },
+    { path: 'notes/:id', component: NotesComponent, canActivate: [LoginService] },
+    { path: 'notes/pupil/:pId', component: NotesComponent, canActivate: [LoginService], data: [{ filter: 'pupil' }] },
+    { path: 'dashboard', component: DashboardComponent, canActivate: [LoginService] },
+    { path: 'landing-page', component: LandingPageComponent, canActivate: [LoginService] }
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -13,9 +13,9 @@ import { NotesComponent } from './notes/notes.component';
 import { LoginComponent } from './login/login.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { LogoutComponent } from './logout/logout.component';
-
 import { LoginService } from './login.service';
 import { DataService } from './data.service';
+import { LandingPageComponent } from './landing-page/landing-page.component';
 
 @NgModule({
   declarations: [
@@ -26,15 +26,16 @@ import { DataService } from './data.service';
     NotesComponent,
     LoginComponent,
     DashboardComponent,
-    LogoutComponent
+    LogoutComponent,
+    LandingPageComponent
   ],
   imports: [
     BrowserModule,
     AppRoutingModule,
     NgbModule.forRoot(),
     FormsModule
   ],
-  providers: [LoginService,DataService],
+  providers: [LoginService, DataService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }

src/app/landing-page/landing-page.component.css

@@ -0,0 +1,27 @@
+<div class="container">
+  <div class="jumbotron">
+
+    <h1>Willkommen!</h1>
+    Vielen Dank dass sie sich für das digitale Klassenbuch entschieden haben. Zur leichteren Einarbeitung wurden bereits Beispieldaten
+    für sie generiert. Auf dem praktischen Dashboard finden sie alle notwendigen Schnellzugriffe, um ihre Arbeit zu erleichtern.
+    Aus Sicherheitsgründen werden alle notwendigen Daten in ihrem Browser gespeichert, was ihnen eine sorglose Benutzung
+    gewährleistet.
+
+    <h2>Notfallsicherheit</h2>
+    Egal was passiert, das digitale Klassenbuch lässt sie nicht im Stich. Im Notfall steht ihnen der Wurzelbenutzer zur Verfügung
+    um Datenverlust zu verhindern.
+
+    <h2>Modernes Design</h2>
+    Erleben sie neuste Webtechnologien im Einsatz um Ihnen das bestmögliche Benutzererlebnis zu gewährleisten. Dabei wurde auf
+    unnötig verzögernde Animationen verzichtet um ein effizientes und entspanntes Arbeiten zu ermöglichen.
+
+    <h2>Effizienz</h2>
+    Verwalten sie ihre Klassenbucheinträge mit bisher ungewohnter Effizienz. Hinzufügen, Bearbeiten, Anschauen - alles notwendige
+    in wenigen Klicks erreichbar und auf einen Blick sichtbar, dadurch zeichnet sich das digitale Klassenbuch durch exzellente
+    Simplizität aus.
+    <br>
+    <div class="pull-right">
+      <a class="btn btn-outline-success" routerLink="{{'/dashboard'}}">Los geht's!</a>
+    </div>
+  </div>
+</div>

src/app/landing-page/landing-page.component.html

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

src/app/landing-page/landing-page.component.spec.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-landing-page',
+  templateUrl: './landing-page.component.html',
+  styleUrls: ['./landing-page.component.css']
+})
+export class LandingPageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/landing-page/landing-page.component.ts

@@ -9,20 +9,19 @@ export class LoginService implements CanActivate {
 
     constructor(private router: Router, private dataService: DataService) {
         console.log(dataService);
-
     }
     public logOut() {
         this.dataService.setLoggedInUser(undefined);
     }
     public authentificate(email: string, password: string) {
-        console.log("auth");
         return new Promise((resolve, reject) => {
             if (email === "Wurzelbenutzer" && password === "Wurzelbenutzer") {
                 this.dataService.setLoggedInUser(0);
                 resolve();
+                return;
             }
             let teacher = this.dataService.getTeacherByMail(email);
-            console.log(teacher);
+            console.log(teacher, email);
             bcrypt.compare(password, teacher.pass)
                 .then((result) => {
                     if (result) {
@@ -60,6 +59,9 @@ export class LoginService implements CanActivate {
     }
 
     public isLoggedIn() {
+        if (this.dataService.getTeachers() == []) {
+            return false;
+        }
         return this.dataService.getLoggedInUser() !== undefined;
     }
 

src/app/login.service.ts

@@ -27,6 +27,11 @@ export class LoginComponent implements OnInit {
       this.loginService.authentificate(this.model.user, this.model.pass)
         .then(() => {
           console.log("authentificated");
+          if (this.model.user == "Wurzelbenutzer") {
+            this.router.navigate(['/landing-page']);
+            console.log("wurzelchen");
+            return;
+          }
           this.wrongCredentials = false;
           this.router.navigate(['/dashboard']);
         }).catch((err) => {