Frontend/karma.conf.js

@@ -2,35 +2,32 @@
 // https://karma-runner.github.io/1.0/config/configuration-file.html
 
 module.exports = function (config) {
-    config.set({
+  config.set({
-        basePath: '',
+    basePath: '',
-        frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-        plugins: [
+    plugins: [
-            require('karma-jasmine'),
+      require('karma-jasmine'),
-            require('karma-firefox-launcher'),
+      require('karma-firefox-launcher'),
-            require('karma-chrome-launcher'),
+      require('karma-chrome-launcher'),
-            require('karma-jasmine-html-reporter'),
+      require('karma-jasmine-html-reporter'),
-            require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage-istanbul-reporter'),
-            require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma')
-        ],
+    ],
-        client: {
+    client: {
-            clearContext: false, // leave Jasmine Spec Runner output visible in browser
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
-            jasmine: {
+    },
-                random: false
+    coverageIstanbulReporter: {
-            }
+      dir: require('path').join(__dirname, './coverage/Betterzon'),
-        },
+      reports: ['html', 'lcovonly', 'text-summary'],
-        coverageIstanbulReporter: {
+      fixWebpackSourcePaths: true
-            dir: require('path').join(__dirname, './coverage/Betterzon'),
+    },
-            reports: ['html', 'lcovonly', 'text-summary'],
+    reporters: ['progress', 'kjhtml'],
-            fixWebpackSourcePaths: true
+    port: 9876,
-        },
+    colors: true,
-        reporters: ['progress', 'kjhtml'],
+    logLevel: config.LOG_INFO,
-        port: 9876,
+    autoWatch: true,
-        colors: true,
+    browsers: ['Firefox'],
-        logLevel: config.LOG_INFO,
+    singleRun: false,
-        autoWatch: true,
+    restartOnFileChange: true
-        browsers: ['Firefox'],
+  });
-        singleRun: false,
-        restartOnFileChange: true
-    });
 };

Frontend/src/app/app.component.css

@@ -1,10 +1,9 @@
 .wrapper_app {
-    padding-bottom: 2.5rem; /* Footer height */
+    padding-bottom: 2.5rem;    /* Footer height */
 }
-
 .footer_app {
     position: relative;
     bottom: 0;
     width: 100%;
-    height: 2.5rem; /* Footer height */
+    height: 2.5rem;            /* Footer height */
 }

Frontend/src/app/app.component.spec.ts

@@ -1,8 +1,8 @@
 import {TestBed} from '@angular/core/testing';
 import {AppComponent} from './app.component';
-import {RouterTestingModule} from '@angular/router/testing';
+import {RouterTestingModule} from "@angular/router/testing";
-import {NgcCookieConsentConfig, NgcCookieConsentModule} from 'ngx-cookieconsent';
+import {NgcCookieConsentConfig, NgcCookieConsentModule} from "ngx-cookieconsent";
-import {FormsModule} from '@angular/forms';
+import {FormsModule} from "@angular/forms";
 
 // For cookie consent module testing
 const cookieConfig: NgcCookieConsentConfig = {

Frontend/src/app/app.component.ts

@@ -1,7 +1,7 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
 import {NgcCookieConsentService, NgcInitializeEvent, NgcNoCookieLawEvent, NgcStatusChangeEvent} from 'ngx-cookieconsent';
 import {Subscription} from 'rxjs';
-import {ApiService} from './services/api.service';
+import {ApiService} from "./services/api.service";
 
 
 @Component({
@@ -26,7 +26,8 @@ export class AppComponent implements OnInit, OnDestroy {
     username?: string;
 
     constructor(
-        private ccService: NgcCookieConsentService
+        private ccService: NgcCookieConsentService,
+        private api: ApiService
     ) {
     }
 

Frontend/src/app/app.module.ts

@@ -23,23 +23,23 @@ import {NgcCookieConsentModule, NgcCookieConsentConfig} from 'ngx-cookieconsent'
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
 import {TopBarComponent} from './components/top-bar/top-bar.component';
 import {RouterModule} from '@angular/router';
-import {MatButtonModule} from '@angular/material/button';
+import {MatButtonModule} from "@angular/material/button";
 import {MatToolbarModule} from '@angular/material/toolbar';
 import {MatIconModule} from '@angular/material/icon';
 import {MatSidenavModule} from '@angular/material/sidenav';
-import {MatListModule} from '@angular/material/list';
+import {MatListModule} from "@angular/material/list";
 import {BottomBarComponent} from './components/bottom-bar/bottom-bar.component';
-import {HotDealsWidgetComponent} from './components/hot-deals-widget/hot-deals-widget.component';
+import { HotDealsWidgetComponent } from './components/hot-deals-widget/hot-deals-widget.component';
-import {SliderForProductsComponent} from './components/slider-for-products/slider-for-products.component';
+import { SliderForProductsComponent } from './components/slider-for-products/slider-for-products.component';
-import {RegistrationComponent} from './components/auth/registration/registration.component';
+import { RegistrationComponent } from './components/auth/registration/registration.component';
-import {MatCardModule} from '@angular/material/card';
+import { MatCardModule } from "@angular/material/card";
-import {SigninComponent} from './components/auth/signin/signin.component';
+import {SigninComponent} from "./components/auth/signin/signin.component";
-import {CopyrightComponent} from './components/copyright/copyright.component';
+import { CopyrightComponent } from './components/copyright/copyright.component';
-import {GreetingInfoSliderComponent} from './components/greeting-info-slider/greeting-info-slider.component';
+import { GreetingInfoSliderComponent } from './components/greeting-info-slider/greeting-info-slider.component';
-import {KundenComponent} from './components/kunden/kunden.component';
+import { KundenComponent } from './components/kunden/kunden.component';
-import {AboutUsComponent} from './components/about-us/about-us.component';
+import { AboutUsComponent } from './components/about-us/about-us.component';
-import {ProfileComponent} from './pages/profile/profile.component';
+import { ProfileComponent } from './components/profile/profile.component';
-import {ProfilePageComponent} from './pages/profile-page/profile-page.component';
+import { ProfilePageComponent } from './pages/profile-page/profile-page.component';
 
 // For cookie popup
 const cookieConfig: NgcCookieConsentConfig = {

Frontend/src/app/app.routing.ts

@@ -9,10 +9,10 @@ import {ProductSearchPageComponent} from './pages/product-search-page/product-se
 import {PageNotFoundPageComponent} from './pages/page-not-found-page/page-not-found-page.component';
 import {ImprintComponent} from './pages/imprint/imprint.component';
 import {PrivacyComponent} from './pages/privacy/privacy.component';
-import {SigninComponent} from './components/auth/signin/signin.component';
+import {SigninComponent} from "./components/auth/signin/signin.component";
-import {RegistrationComponent} from './components/auth/registration/registration.component';
+import {RegistrationComponent} from "./components/auth/registration/registration.component";
-import {ProfileComponent} from './pages/profile/profile.component';
+import {ProfileComponent} from "./components/profile/profile.component";
-import {ProfilePageComponent} from './pages/profile-page/profile-page.component';
+import {ProfilePageComponent} from "./pages/profile-page/profile-page.component";
 
 const routes: Routes = [
     {path: '', component: LandingpageComponent, pathMatch: 'full'},
@@ -22,8 +22,8 @@ const routes: Routes = [
     {path: 'datenschutz', component: PrivacyComponent},
     {path: 'signin', component: SigninComponent},
     {path: 'registration', component: RegistrationComponent},
-    {path: 'product-detail', component: ProductDetailPageComponent},
+    {path: "product-detail", component: ProductDetailPageComponent},
-    {path: 'profile', component: ProfilePageComponent},
+    {path: "profile", component: ProfilePageComponent},
     {path: '**', component: PageNotFoundPageComponent}
 ];
 

Frontend/src/app/components/about-us/about-us.component.html

@@ -10,10 +10,8 @@
         </div>
         <!-- About Section Content-->
         <div class="row">
-            <div class="col-lg-4 ms-auto"><p class="lead">You follow the same passion as we do and you want to find
+            <div class="col-lg-4 ms-auto"><p class="lead">You follow the same passion as we do and you want to find alternatives to the de-facto monopolist Amazon?</p></div>
-                alternatives to the de-facto monopolist Amazon?</p></div>
+            <div class="col-lg-4 me-auto"><p class="lead">In this case, welcome aboard! We’re happy that you share our passion and hope that we can help you achieving this goal with the website.</p></div>
-            <div class="col-lg-4 me-auto"><p class="lead">In this case, welcome aboard! We’re happy that you share our
-                passion and hope that we can help you achieving this goal with the website.</p></div>
         </div>
     </div>
 </section>

Frontend/src/app/components/about-us/about-us.component.spec.ts

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

Frontend/src/app/components/auth/auth-routing.module.ts

@@ -1,8 +1,8 @@
-import {NgModule} from '@angular/core';
+import { NgModule } from '@angular/core';
-import {Routes, RouterModule} from '@angular/router';
+import { Routes, RouterModule } from '@angular/router';
-import {RegistrationComponent} from './registration/registration.component';
+import {RegistrationComponent} from "./registration/registration.component";
-import {SigninComponent} from './signin/signin.component';
+import {SigninComponent} from "./signin/signin.component";
-import {ResetpasswortComponent} from './resetpasswort/resetpasswort.component';
+import {ResetpasswortComponent} from "./resetpasswort/resetpasswort.component";
 
 const routes: Routes = [
     {
@@ -20,8 +20,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes)],
+  imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule]
+  exports: [RouterModule]
 })
-export class AuthRoutingModule {
+export class AuthRoutingModule { }
-}

Frontend/src/app/components/auth/auth.module.ts

@@ -1,23 +1,22 @@
-import {NgModule} from '@angular/core';
+import { NgModule } from '@angular/core';
-import {CommonModule} from '@angular/common';
+import { CommonModule } from '@angular/common';
 
-import {AuthRoutingModule} from './auth-routing.module';
+import { AuthRoutingModule } from './auth-routing.module';
-import {SigninComponent} from './signin/signin.component';
+import { SigninComponent } from "./signin/signin.component";
-import {RegistrationComponent} from './registration/registration.component';
+import { RegistrationComponent } from './registration/registration.component';
-import {ResetpasswortComponent} from './resetpasswort/resetpasswort.component';
+import { ResetpasswortComponent } from './resetpasswort/resetpasswort.component';
 
 
 @NgModule({
-    declarations: [SigninComponent, RegistrationComponent, ResetpasswortComponent],
+  declarations: [SigninComponent, RegistrationComponent, ResetpasswortComponent],
-    imports: [
+  imports: [
-        CommonModule,
+    CommonModule,
-        AuthRoutingModule,
+    AuthRoutingModule,
-    ],
+  ],
-    exports: [
+  exports: [
-        SigninComponent,
+      SigninComponent,
-        RegistrationComponent,
+      RegistrationComponent,
-        ResetpasswortComponent,
+      ResetpasswortComponent,
-    ],
+  ],
 })
-export class AuthModule {
+export class AuthModule { }
-}

Frontend/src/app/components/auth/registration/registration.component.css

@@ -1,12 +1,11 @@
-.main-content {
+.main-content{
     width: 50%;
     border-radius: 20px;
-    box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
+    box-shadow: 0 5px 5px rgba(0,0,0,.4);
     margin: 5em auto;
     display: flex;
 }
-
+.company__info{
-.company__info {
     background-color: #008080;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
@@ -15,79 +14,63 @@
     justify-content: center;
     color: #fff;
 }
-
+.fa-android{
-.fa-android {
+    font-size:3em;
-    font-size: 3em;
 }
-
 @media screen and (max-width: 640px) {
-    .main-content {
+    .main-content{width: 90%;}
-        width: 90%;
+    .company__info{
-    }
-
-    .company__info {
         display: none;
     }
-
+    .login_form{
-    .login_form {
+        border-top-left-radius:20px;
-        border-top-left-radius: 20px;
+        border-bottom-left-radius:20px;
-        border-bottom-left-radius: 20px;
     }
 }
-
+@media screen and (min-width: 642px) and (max-width:800px){
-@media screen and (min-width: 642px) and (max-width: 800px) {
+    .main-content{width: 70%;}
-    .main-content {
-        width: 70%;
-    }
 }
-
+.row > h2{
-.row > h2 {
+    color:#008080;
-    color: #008080;
 }
-
+.login_form{
-.login_form {
     background-color: #fff;
-    border-top-right-radius: 20px;
+    border-top-right-radius:20px;
-    border-bottom-right-radius: 20px;
+    border-bottom-right-radius:20px;
-    border-top: 1px solid #ccc;
+    border-top:1px solid #ccc;
-    border-right: 1px solid #ccc;
+    border-right:1px solid #ccc;
 }
-
+form{
-form {
     padding: 0 2em;
 }
-
+.form__input{
-.form__input {
     width: 100%;
-    border: 0px solid transparent;
+    border:0px solid transparent;
     border-radius: 0;
     border-bottom: 1px solid #aaa;
     padding: 1em .5em .5em;
     padding-left: 2em;
-    outline: none;
+    outline:none;
-    margin: 1.5em auto;
+    margin:1.5em auto;
     transition: all .5s ease;
 }
-
+.form__input:focus{
-.form__input:focus {
     border-bottom-color: #008080;
-    box-shadow: 0 0 5px rgba(0, 80, 80, .4);
+    box-shadow: 0 0 5px rgba(0,80,80,.4);
     border-radius: 4px;
 }
-
+.btn_signin{
-.btn_signin {
     transition: all .5s ease;
     width: 100%;
     border-radius: 30px;
-    color: #008080;
+    color:#008080;
     font-weight: 600;
     background-color: #fff;
     border: 1px solid #008080;
     margin-top: 1.5em;
     margin-bottom: 1em;
 }
-
+.btn_signin:hover, .btn:focus{
-.btn_signin:hover, .btn:focus {
     background-color: #008080;
-    color: #fff;
+    color:#fff;
 }

Frontend/src/app/components/auth/registration/registration.component.html

@@ -11,21 +11,18 @@
                 <div class="row">
                     <form [formGroup]="form" class="form-group" (ngSubmit)="onSubmit()">
                         <div class="row">
-                            <input type="text" formControlName="username" id="username" name="username"
+                            <input type="text" formControlName="username" id="username" name="username" class="form__input" placeholder="Username">
-                                   class="form__input" placeholder="Username">
                             <div *ngIf="submitted && me.username.errors" class="invalid-feedback">
                                 <div *ngIf="me.username.errors.required">Username is required</div>
                             </div>
                         </div>
                         <div class="row">
                             <!-- <span class="fa fa-lock"></span> -->
-                            <input type="email" formControlName="email" name="email" id="email" class="form__input"
+                            <input type="email" formControlName="email" name="email" id="email" class="form__input" placeholder= "E-Mail">
-                                   placeholder="E-Mail">
                         </div>
                         <div class="row">
                             <!-- <span class="fa fa-lock"></span> -->
-                            <input type="password" formControlName="password" name="password" id="password"
+                            <input type="password" formControlName="password" name="password" id="password" class="form__input" placeholder="Password">
-                                   class="form__input" placeholder="Password">
                         </div>
                         <!--
                         <div class="row">

Frontend/src/app/components/auth/registration/registration.component.spec.ts

@@ -1,54 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {RegistrationComponent} from './registration.component';
+import { RegistrationComponent } from './registration.component';
-import {AbstractMockObservableService} from '../../../mocks/mock.service';
-import {ApiService} from '../../../services/api.service';
-import {FormBuilder, FormControl, Validators} from '@angular/forms';
-import {Router} from '@angular/router';
-
-class MockApiService extends AbstractMockObservableService {
-    registerUser(username: string, password: string, email: string): any {
-        this.content = [];
-        return this;
-    }
-}
 
 describe('RegistrationComponent', () => {
-    let component: RegistrationComponent;
+  let component: RegistrationComponent;
-    let fixture: ComponentFixture<RegistrationComponent>;
+  let fixture: ComponentFixture<RegistrationComponent>;
-    let mockService;
-    let formBuilder: FormBuilder;
-    const router = {
-        navigate: jasmine.createSpy('navigate'),
-        routerState: jasmine.createSpy('routerState')
-    };
 
-    beforeEach(async () => {
+  beforeEach(async () => {
-        mockService = new MockApiService();
+    await TestBed.configureTestingModule({
-        await TestBed.configureTestingModule({
+      declarations: [ RegistrationComponent ]
-            declarations: [RegistrationComponent],
+    })
-            providers: [{provide: ApiService, useValue: mockService}, {provide: Router, useValue: router}, FormBuilder]
+    .compileComponents();
-        })
+  });
-            .compileComponents();
-    });
 
-    beforeEach(() => {
+  beforeEach(() => {
-        fixture = TestBed.createComponent(RegistrationComponent);
+    fixture = TestBed.createComponent(RegistrationComponent);
-        component = fixture.componentInstance;
+    component = fixture.componentInstance;
-        formBuilder = TestBed.get(FormBuilder);
+    fixture.detectChanges();
-        component.form = formBuilder.group({
+  });
-            recipientTypes: new FormControl(
-                {
-                    value: ['mock'],
-                    disabled: true
-                },
-                Validators.required
-            )
-        });
-        fixture.detectChanges();
-    });
 
-    it('should create', () => {
+  it('should create', () => {
-        expect(component).toBeTruthy();
+    expect(component).toBeTruthy();
-    });
+  });
 });

Frontend/src/app/components/auth/resetpasswort/resetpasswort.component.spec.ts

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

Frontend/src/app/components/auth/signin/signin.component.css

@@ -1,12 +1,11 @@
-.main-content {
+.main-content{
     width: 50%;
     border-radius: 20px;
-    box-shadow: 0 5px 5px rgba(0, 0, 0, .4);
+    box-shadow: 0 5px 5px rgba(0,0,0,.4);
     margin: 5em auto;
     display: flex;
 }
-
+.company__info{
-.company__info {
     background-color: #008080;
     border-top-left-radius: 20px;
     border-bottom-left-radius: 20px;
@@ -15,79 +14,63 @@
     justify-content: center;
     color: #fff;
 }
-
+.fa-android{
-.fa-android {
+    font-size:3em;
-    font-size: 3em;
 }
-
 @media screen and (max-width: 640px) {
-    .main-content {
+    .main-content{width: 90%;}
-        width: 90%;
+    .company__info{
-    }
-
-    .company__info {
         display: none;
     }
-
+    .login_form{
-    .login_form {
+        border-top-left-radius:20px;
-        border-top-left-radius: 20px;
+        border-bottom-left-radius:20px;
-        border-bottom-left-radius: 20px;
     }
 }
-
+@media screen and (min-width: 642px) and (max-width:800px){
-@media screen and (min-width: 642px) and (max-width: 800px) {
+    .main-content{width: 70%;}
-    .main-content {
-        width: 70%;
-    }
 }
-
+.row > h2{
-.row > h2 {
+    color:#008080;
-    color: #008080;
 }
-
+.login_form{
-.login_form {
     background-color: #fff;
-    border-top-right-radius: 20px;
+    border-top-right-radius:20px;
-    border-bottom-right-radius: 20px;
+    border-bottom-right-radius:20px;
-    border-top: 1px solid #ccc;
+    border-top:1px solid #ccc;
-    border-right: 1px solid #ccc;
+    border-right:1px solid #ccc;
 }
-
+form{
-form {
     padding: 0 2em;
 }
-
+.form__input{
-.form__input {
     width: 100%;
-    border: 0px solid transparent;
+    border:0px solid transparent;
     border-radius: 0;
     border-bottom: 1px solid #aaa;
     padding: 1em .5em .5em;
     padding-left: 2em;
-    outline: none;
+    outline:none;
-    margin: 1.5em auto;
+    margin:1.5em auto;
     transition: all .5s ease;
 }
-
+.form__input:focus{
-.form__input:focus {
     border-bottom-color: #008080;
-    box-shadow: 0 0 5px rgba(0, 80, 80, .4);
+    box-shadow: 0 0 5px rgba(0,80,80,.4);
     border-radius: 4px;
 }
-
+.btn_signin{
-.btn_signin {
     transition: all .5s ease;
     width: 100%;
     border-radius: 30px;
-    color: #008080;
+    color:#008080;
     font-weight: 600;
     background-color: #fff;
     border: 1px solid #008080;
     margin-top: 1.5em;
     margin-bottom: 1em;
 }
-
+.btn_signin:hover, .btn:focus{
-.btn_signin:hover, .btn:focus {
     background-color: #008080;
-    color: #fff;
+    color:#fff;
 }

Frontend/src/app/components/auth/signin/signin.component.html

@@ -11,13 +11,11 @@
                 <div class="row">
                     <form [formGroup]="loginForm" class="form-group" (ngSubmit)="onSubmit()">
                         <div class="row">
-                            <input type="text" formControlName="username" name="username" id="username"
+                            <input type="text" formControlName="username" name="username" id="username" class="form__input" placeholder="Username">
-                                   class="form__input" placeholder="Username">
                         </div>
                         <div class="row">
                             <!-- <span class="fa fa-lock"></span> -->
-                            <input type="password" formControlName="password" name="password" id="password"
+                            <input type="password" formControlName="password" name="password" id="password" class="form__input" placeholder="Password">
-                                   class="form__input" placeholder="Password">
                         </div>
                         <div class="row">
                             <input type="submit" value="Log in" class="btn_signin">

Frontend/src/app/components/auth/signin/signin.component.spec.ts

@@ -1,54 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {SigninComponent} from './signin.component';
+import { SigninComponent } from './signin.component';
-import {AbstractMockObservableService} from '../../../mocks/mock.service';
-import {ApiService} from '../../../services/api.service';
-import {FormBuilder, FormControl, Validators} from '@angular/forms';
-import {Router} from '@angular/router';
-
-class MockApiService extends AbstractMockObservableService {
-    loginUser(username: string, password: string): any {
-        this.content = [];
-        return this;
-    }
-}
 
 describe('SigninComponent', () => {
-    let component: SigninComponent;
+  let component: SigninComponent;
-    let fixture: ComponentFixture<SigninComponent>;
+  let fixture: ComponentFixture<SigninComponent>;
-    let mockService;
-    let formBuilder: FormBuilder;
-    const router = {
-        navigate: jasmine.createSpy('navigate'),
-        routerState: jasmine.createSpy('routerState')
-    };
 
-    beforeEach(async () => {
+  beforeEach(async () => {
-        mockService = new MockApiService();
+    await TestBed.configureTestingModule({
-        await TestBed.configureTestingModule({
+      declarations: [ SigninComponent ]
-            declarations: [SigninComponent],
+    })
-            providers: [{provide: ApiService, useValue: mockService}, {provide: Router, useValue: router}, FormBuilder]
+    .compileComponents();
-        })
+  });
-            .compileComponents();
-    });
 
-    beforeEach(() => {
+  beforeEach(() => {
-        fixture = TestBed.createComponent(SigninComponent);
+    fixture = TestBed.createComponent(SigninComponent);
-        component = fixture.componentInstance;
+    component = fixture.componentInstance;
-        formBuilder = TestBed.get(FormBuilder);
+    fixture.detectChanges();
-        component.loginForm = formBuilder.group({
+  });
-            recipientTypes: new FormControl(
-                {
-                    value: ['mock'],
-                    disabled: true
-                },
-                Validators.required
-            )
-        });
-        fixture.detectChanges();
-    });
 
-    it('should create', () => {
+  it('should create', () => {
-        expect(component).toBeTruthy();
+    expect(component).toBeTruthy();
-    });
+  });
 });

Frontend/src/app/components/bottom-bar/bottom-bar.component.css

@@ -7,14 +7,12 @@
 }
 
 .folge-uns-item {
-    grid-column: 2;
+    grid-column: 2; grid-row: 1;
-    grid-row: 1;
     justify-self: center;
 }
 
 .link-items {
-    grid-column: 2;
+    grid-column: 2; grid-row: 2;
-    grid-row: 2;
     justify-self: center;
 }
 
@@ -31,13 +29,11 @@
 }
 
 .bottom-logo {
-    grid-column: 1;
+    grid-column: 1; grid-row: 3;
-    grid-row: 3;
 }
 
 .bottom-info {
-    grid-column: 3;
+    grid-column: 3; grid-row: 3;
-    grid-row: 3;
     justify-self: right;
 }
 

Frontend/src/app/components/bottom-bar/bottom-bar.component.html

@@ -6,17 +6,15 @@
                 <h4 class="text-uppercase mb-4">Location</h4>
                 <p class="lead mb-0">
                     76133 Karlsruhe
-                    <br/>
+                    <br />
 
                 </p>
             </div>
             <!-- Footer Social Icons-->
             <div class="col-lg-4 mb-5 mb-lg-0">
                 <h4 class="text-uppercase mb-4">FOLLOW US</h4>
-                <a class="btn btn-outline-light btn-social mx-1" href="https://github.com/Mueller-Patrick/Betterzon"><i
+                <a class="btn btn-outline-light btn-social mx-1" href="https://github.com/Mueller-Patrick/Betterzon"><i class="fab fa-fw fa-github"></i></a>
-                    class="fab fa-fw fa-github"></i></a>
+                <a class="btn btn-outline-light btn-social mx-1" href="https://blog.betterzon.xyz/"><i class="fab fa-fw fa-dribbble"></i></a>
-                <a class="btn btn-outline-light btn-social mx-1" href="https://blog.betterzon.xyz/"><i
-                    class="fab fa-fw fa-dribbble"></i></a>
             </div>
             <!-- Footer About Text-->
             <div class="col-lg-4">

Frontend/src/app/components/bottom-bar/bottom-bar.component.spec.ts

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

Frontend/src/app/components/copyright/copyright.component.css

@@ -1,24 +0,0 @@
-#imprintSection {
-    right: 1em;
-    bottom: 1em;
-    width: 100%;
-    text-align: right;
-    padding-right: 1em;
-    grid-area: right;
-}
-
-#imprintSection a {
-    color: white;
-    text-decoration: none;
-}
-
-#copyright {
-    display: grid;
-    grid-template-areas:
-        'left center right';
-    grid-template-columns: 30% 40% 30%;
-}
-
-#copyright-text {
-    grid-area: center;
-}

Frontend/src/app/components/copyright/copyright.component.html

@@ -1,7 +1,3 @@
-<div class="copyright py-4 text-center text-white" id="copyright">
+<div class="copyright py-4 text-center text-white">
-    <div class="container" id="copyright-text"><small>Copyright &copy; Betterzon 2021</small></div>
+    <div class="container"><small>Copyright &copy; Betterzon 2021</small></div>
-    <div id="imprintSection">
-        <a href="/impressum">Imprint</a><br>
-        <a href="/datenschutz">Privacy Policy</a>
-    </div>
 </div>

Frontend/src/app/components/copyright/copyright.component.spec.ts

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

Frontend/src/app/components/footer/footer.component.html

@@ -9,10 +9,10 @@
             <a href="https://blog.betterzon.xyz/" class="fa fa-info fa-4x icon-3d"></a>
             <a href="https://github.com/Mueller-Patrick/Betterzon/wiki" class="fa fa-wikipedia-w fa-4x icon-3d"></a>
         </div>
-        <div class="blocks" id="copyright">© COPYRIGHT 2020</div>
+        <div class = "blocks" id="copyright">© COPYRIGHT 2020</div>
     </div>
     <div id="imprintSection">
-        <a href="/impressum">Imprint</a><br>
+        <a href="/impressum" >Imprint</a><br>
         <a href="/datenschutz">Privacy Policy</a>
     </div>
 </footer>

Frontend/src/app/components/greeting-info-slider/greeting-info-slider.component.html

@@ -1,7 +1,7 @@
 <header class="masthead bg-primary text-white text-center">
     <div class="container d-flex align-items-center flex-column">
         <!-- Masthead Avatar Image-->
-        <img class="masthead-avatar mb-5" src="assets/images/Betterzon.svg" alt="..."/>
+        <img class="masthead-avatar mb-5" src="assets/images/Betterzon.svg" alt="..." />
         <!-- Masthead Heading-->
         <h1 class="masthead-heading text-uppercase mb-0"></h1>
         <!-- Icon Divider-->

Frontend/src/app/components/greeting-info-slider/greeting-info-slider.component.spec.ts

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

Frontend/src/app/components/header/header.component.html

@@ -5,8 +5,7 @@
             <img src="assets/images/Betterzon.svg" alt="Betterzon Logo" width="50px" (click)="clickedLogo()">
         </div>
         <div class="searchBox">
-            <input *ngIf="showSearch===true" type="text" [(ngModel)]="searchInput" placeholder="Search"
+            <input *ngIf="showSearch===true" type="text" [(ngModel)]="searchInput" placeholder="Search" (keyup.enter)="startedSearch()">
-                   (keyup.enter)="startedSearch()">
         </div>
         <div class="slider">
             <mat-slide-toggle color="primary">dark me</mat-slide-toggle>

Frontend/src/app/components/hot-deals-widget/hot-deals-widget.component.html

@@ -9,33 +9,26 @@
         <!-- Portfolio Grid Items-->
         <div class="row justify-content-center">
             <!-- Portfolio Item 1-->
-            <div class="col-md-4 mx-auto my-5" *ngFor="let productId of bestDealsProductIds"
+            <div class="col-md-4 mx-auto my-5" *ngFor="let productId of bestDealsProductIds" (click)="clickedProduct(productId)">
-                 (click)="clickedProduct(productId)">
                 <div class="bbb_deals_wrapper">
-                    <div class="bbb_deals_image"><img
+                    <div class="bbb_deals_image"><img src="https://www.mueller-patrick.tech/betterzon/images/{{productsPricesMap[productId]?.product?.image_guid}}.jpg" alt=""></div>
-                        src="https://www.mueller-patrick.tech/betterzon/images/{{productsPricesMap[productId]?.product?.image_guid}}.jpg"
-                        alt=""></div>
                     <div class="bbb_deals_content">
                         <div class="bbb_deals_info_line d-flex flex-row justify-content-start">
                             <div class="bbb_deals_item_name">{{productsPricesMap[productId]?.product?.name}}</div>
                         </div>
                         <div class="bbb_deals_info_line d-flex flex-row justify-content-start">
-                            <div class="bbb_deals_item_category">Amazon: <span
+                            <div class="bbb_deals_item_category">Amazon: <span id="bbb_deals_item_price_a"><strike>{{productsPricesMap[productId]?.amazonPrice?.price_in_cents/100}}€</strike></span></div>
-                                id="bbb_deals_item_price_a"><strike>{{productsPricesMap[productId]?.amazonPrice?.price_in_cents / 100}}
-                                €</strike></span></div>
                         </div>
                         <div class="bbb_deals_info_line d-flex flex-row justify-content-start">
-                            <div class="bbb_deals_item_category">{{productsPricesMap[productId]?.vendor?.name}}: <span
+                            <div class="bbb_deals_item_category">{{productsPricesMap[productId]?.vendor?.name}}: <span id="bbb_deals_item_price_b">{{productsPricesMap[productId]?.lowestPrice?.price_in_cents/100}}€</span></div>
-                                id="bbb_deals_item_price_b">{{productsPricesMap[productId]?.lowestPrice?.price_in_cents / 100}}
-                                €</span></div>
                         </div>
                         <div class="available_bar">
                             <span style="width:17%"></span>
                         </div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
-    </div>
 </section>
 

Frontend/src/app/components/hot-deals-widget/hot-deals-widget.component.spec.ts

@@ -1,58 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {HotDealsWidgetComponent} from './hot-deals-widget.component';
+import { HotDealsWidgetComponent } from './hot-deals-widget.component';
-import {AbstractMockObservableService} from '../../mocks/mock.service';
-import {ApiService} from '../../services/api.service';
-import {ActivatedRoute, convertToParamMap, Router} from '@angular/router';
-import {Observable, of} from 'rxjs';
-
-class MockApiService extends AbstractMockObservableService {
-    getBestDeals(): any {
-        this.content = [];
-        return this;
-    }
-
-    getProductsByIds(): any {
-        this.content = [];
-        return this;
-    }
-}
-
-class ActivatedRouteMock {
-    public paramMap = of(convertToParamMap({
-        testId: 'abc123',
-        anotherId: 'd31e8b48-7309-4c83-9884-4142efdf7271',
-    }));
-}
 
 describe('HotDealsWidgetComponent', () => {
-    let component: HotDealsWidgetComponent;
+  let component: HotDealsWidgetComponent;
-    let fixture: ComponentFixture<HotDealsWidgetComponent>;
+  let fixture: ComponentFixture<HotDealsWidgetComponent>;
-    let mockService;
-    const router = {
-        navigate: jasmine.createSpy('navigate'),
-        routerState: jasmine.createSpy('routerState')
-    };
 
-    beforeEach(async () => {
+  beforeEach(async () => {
-        mockService = new MockApiService();
+    await TestBed.configureTestingModule({
-        await TestBed.configureTestingModule({
+      declarations: [ HotDealsWidgetComponent ]
-            declarations: [HotDealsWidgetComponent],
+    })
-            providers: [{provide: ApiService, useValue: mockService}, {provide: Router, useValue: router}, {
+    .compileComponents();
-                provide: ActivatedRoute,
+  });
-                useValue: ActivatedRouteMock
-            }]
-        })
-            .compileComponents();
-    });
 
-    beforeEach(() => {
+  beforeEach(() => {
-        fixture = TestBed.createComponent(HotDealsWidgetComponent);
+    fixture = TestBed.createComponent(HotDealsWidgetComponent);
-        component = fixture.componentInstance;
+    component = fixture.componentInstance;
-        fixture.detectChanges();
+    fixture.detectChanges();
-    });
+  });
 
-    it('should create', () => {
+  it('should create', () => {
-        expect(component).toBeTruthy();
+    expect(component).toBeTruthy();
-    });
+  });
 });

Frontend/src/app/components/kunden/kunden.component.html

@@ -12,8 +12,7 @@
             <div class="col-md-6 col-lg-4 mb-5">
                 <div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal1">
                     <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
-                        <div class="portfolio-item-caption-content text-center text-white"><i
+                        <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
-                            class="fas fa-plus fa-3x"></i></div>
                     </div>
                     <img width="100%" class="productImage" src="assets/images/cropped-unknown-1-1.png"/>
                 </div>
@@ -21,8 +20,7 @@
             <div class="col-md-6 col-lg-4 mb-5">
                 <div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal1">
                     <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
-                        <div class="portfolio-item-caption-content text-center text-white"><i
+                        <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
-                            class="fas fa-plus fa-3x"></i></div>
                     </div>
                     <img width="100%" class="productImage" src="assets/images/plantshub.jpg"/>
                 </div>
@@ -30,8 +28,7 @@
             <div class="col-md-6 col-lg-4 mb-5">
                 <div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal1">
                     <div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
-                        <div class="portfolio-item-caption-content text-center text-white"><i
+                        <div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
-                            class="fas fa-plus fa-3x"></i></div>
                     </div>
                     <img width="70%" class="productImage" src="assets/images/CeangalLogo.png"/>
                 </div>

Frontend/src/app/components/kunden/kunden.component.spec.ts

@@ -1,53 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {KundenComponent} from './kunden.component';
+import { KundenComponent } from './kunden.component';
-import {AbstractMockObservableService} from '../../mocks/mock.service';
-import {ApiService} from '../../services/api.service';
-import {ActivatedRoute, convertToParamMap, Router} from '@angular/router';
-import {of} from 'rxjs';
-
-class MockApiService extends AbstractMockObservableService {
-    getProducts(): any {
-        this.content = [];
-        return this;
-    }
-}
-
-class ActivatedRouteMock {
-    public paramMap = of(convertToParamMap({
-        testId: 'abc123',
-        anotherId: 'd31e8b48-7309-4c83-9884-4142efdf7271',
-    }));
-}
 
 describe('KundenComponent', () => {
-    let component: KundenComponent;
+  let component: KundenComponent;
-    let fixture: ComponentFixture<KundenComponent>;
+  let fixture: ComponentFixture<KundenComponent>;
-    let mockService;
-    const router = {
-        navigate: jasmine.createSpy('navigate'),
-        routerState: jasmine.createSpy('routerState')
-    };
 
-    beforeEach(async () => {
+  beforeEach(async () => {
-        mockService = new MockApiService();
+    await TestBed.configureTestingModule({
-        await TestBed.configureTestingModule({
+      declarations: [ KundenComponent ]
-            declarations: [KundenComponent],
+    })
-            providers: [{provide: ApiService, useValue: mockService}, {provide: Router, useValue: router}, {
+    .compileComponents();
-                provide: ActivatedRoute,
+  });
-                useValue: ActivatedRouteMock
-            }]
-        })
-            .compileComponents();
-    });
 
-    beforeEach(() => {
+  beforeEach(() => {
-        fixture = TestBed.createComponent(KundenComponent);
+    fixture = TestBed.createComponent(KundenComponent);
-        component = fixture.componentInstance;
+    component = fixture.componentInstance;
-        fixture.detectChanges();
+    fixture.detectChanges();
-    });
+  });
 
-    it('should create', () => {
+  it('should create', () => {
-        expect(component).toBeTruthy();
+    expect(component).toBeTruthy();
-    });
+  });
 });

Frontend/src/app/components/product-details/product-details.component.spec.ts

@@ -58,11 +58,6 @@ class MockApiService extends AbstractMockObservableService {
         this.content = [vendor];
         return this;
     }
-
-    getSessionInfoFromLocalStorage(): any {
-        this.content = [];
-        return this;
-    }
 }
 
 describe('ProductDetailsComponent', () => {

Frontend/src/app/components/product-list/product-list.component.html

@@ -5,49 +5,43 @@
     <div class="d-flex justify-content-center row">
         <div class="col-md-10">
             <div class="row p-2 bg-white border rounded" *ngFor="let product of products">
-                <div class="col-md-3 mt-1"><img width="50%" class="img-fluid img-responsive rounded product-image"
+                <div class="col-md-3 mt-1"><img width="50%" class="img-fluid img-responsive rounded product-image" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"></div>
-                                                src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg">
-                </div>
                 <div class="col-md-6 mt-1">
                     <h5>{{product.name}}</h5>
                     <div class="d-flex flex-row">
                         <p class="text-justify text-truncate para mb-0">{{product.short_description}}</p>
                     </div>
-                    <div class="mt-1 mb-1 spec-1"><span></span><span class="dot"></span><span></span><span
+                    <div class="mt-1 mb-1 spec-1"><span></span><span class="dot"></span><span></span><span class="dot"></span><span><br></span></div>
-                        class="dot"></span><span><br></span></div>
+                    <div class="mt-1 mb-1 spec-1"><span></span><span class="dot"></span><span></span><span class="dot"></span><span><br></span></div>
-                    <div class="mt-1 mb-1 spec-1"><span></span><span class="dot"></span><span></span><span
-                        class="dot"></span><span><br></span></div>
                 </div>
                 <div class="align-items-center align-content-center col-md-3 border-left mt-1">
                     <div class="d-flex flex-row align-items-center">
-                        <h4 class="mr-1">${{pricesMap[product.product_id]?.price_in_cents / 100}}</h4>
+                        <h4 class="mr-1">${{pricesMap[product.product_id]?.price_in_cents/100}}</h4>
-                    </div>
-                    <div class="d-flex flex-column mt-4">
-                        <button class="btn btn-primary btn-sm" type="button" (click)="clickedProduct(product)">Details
-                        </button>
                     </div>
+                    <div class="d-flex flex-column mt-4"><button class="btn btn-primary btn-sm" type="button" (click)="clickedProduct(product)">Details</button>
                 </div>
             </div>
         </div>
     </div>
-    <!--
+</div>
-    <div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
+<!--
-        <div class="productImageContainer" *ngIf="showProductPicture===true">
+<div class="productItem" *ngFor="let product of products" (click)="clickedProduct(product)">
-            <img class="productImage" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"/>
+    <div class="productImageContainer" *ngIf="showProductPicture===true">
+        <img class="productImage" src="https://www.mueller-patrick.tech/betterzon/images/{{product.image_guid}}.jpg"/>
+    </div>
+    <div class="productTitle">
+        <b>{{product.name}}</b>
+    </div>
+    <div class="productPrice">
+        5€
+    </div>
+    <div class="productDescription">
+        <div *ngIf="product.short_description.length > 300">
+            {{product.short_description.substring(0, 300) + "..."}}
         </div>
-        <div class="productTitle">
+        <div *ngIf="product.short_description.length <= 300">
-            <b>{{product.name}}</b>
+            {{product.short_description}}
-        </div>
-        <div class="productPrice">
-            5€
-        </div>
-        <div class="productDescription">
-            <div *ngIf="product.short_description.length > 300">
-                {{product.short_description.substring(0, 300) + "..."}}
-            </div>
-            <div *ngIf="product.short_description.length <= 300">
-                {{product.short_description}}
-            </div>
         </div>
     </div>
-    -->
+</div>
+-->

Frontend/src/app/components/product-list/product-list.component.spec.ts

@@ -70,8 +70,7 @@ describe('ProductListComponent', () => {
             last_modified: new Date(),
             manufacturer_id: 1,
             selling_rank: '1',
-            category_id: 1,
+            category_id: 1
-            price: 0
         };
 
         component.clickedProduct(product);

Frontend/src/app/components/profile/profile.component.css

@@ -1,8 +1,8 @@
-.inf-content {
+.inf-content{
-    border: 1px solid #DDDDDD;
+    border:1px solid #DDDDDD;
-    -webkit-border-radius: 10px;
+    -webkit-border-radius:10px;
-    -moz-border-radius: 10px;
+    -moz-border-radius:10px;
-    border-radius: 10px;
+    border-radius:10px;
     box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
 }
 

Frontend/src/app/components/profile/profile.component.html

@@ -2,8 +2,7 @@
     <div class="panel-body inf-content">
         <div class="row">
             <div class="col-md-4">
-                <img alt="" style="width:600px;" title="" class="img-circle img-thumbnail isTooltip"
+                <img alt="" style="width:600px;" title="" class="img-circle img-thumbnail isTooltip" src="https://bootdey.com/img/Content/avatar/avatar7.png" data-original-title="Usuario">
-                     src="https://bootdey.com/img/Content/avatar/avatar7.png" data-original-title="Usuario">
                 <ul title="Ratings" class="list-inline ratings text-center">
                     <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>
                     <li><a href="#"><span class="glyphicon glyphicon-star"></span></a></li>
@@ -87,14 +86,13 @@
                     {{productsMap[alarm.product_id]?.name}}
                 </td>
                 <td>
-                    {{alarm.defined_price / 100}}€
+                    {{alarm.defined_price/100}}€
                 </td>
                 <td>
                     <img class="delete" src="../assets/images/pencil.png">
                 </td>
                 <td>
-                    <img class="delete" src="../assets/images/Delete_icon-icons.com_55931.png"
+                    <img class="delete" src="../assets/images/Delete_icon-icons.com_55931.png" (click)="delete(alarm.alarm_id)">
-                         (click)="delete(alarm.alarm_id)">
                 </td>
             </tr>
         </table>

Frontend/src/app/components/profile/profile.component.spec.ts

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

Frontend/src/app/components/slider-for-products/slider-for-products.component.spec.ts

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

Frontend/src/app/components/top-bar/top-bar.component.html

@@ -2,32 +2,21 @@
     <div class="container">
         <a class="navbar-brand" routerLink=""> Betterzon</a>
         <div class="form-inline my-2 my-lg-0">
-            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"
+            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" (keyup.enter)="getSearchedProducts()" [(ngModel)]="searchQuery">
-                   (keyup.enter)="getSearchedProducts()" [(ngModel)]="searchQuery">
         </div>
-        <button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button"
+        <button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
-                data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive"
-                aria-expanded="false" aria-label="Toggle navigation">
             Menu
             <i class="fas fa-bars"></i>
         </button>
         <div class="collapse navbar-collapse" id="navbarResponsive">
             <ul class="navbar-nav ms-auto">
-                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#top-gesuchte">top-offers</a>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#top-gesuchte">top-offers</a></li>
-                </li>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#about">about</a></li>
-                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#about">about</a>
+                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#unsere-kunden">our clients</a></li>
-                </li>
+                <li class="nav-item mx-0 mx-lg-1" *ngIf="!isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="/signin">sign in</a></li>
-                <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#unsere-kunden">our
+                <li class="nav-item mx-0 mx-lg-1" *ngIf="!isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="/registration">sign up</a></li>
-                    clients</a></li>
+                <li class="nav-item mx-0 mx-lg-1" *ngIf="isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="" (click)="logout()">log out</a></li>
-                <li class="nav-item mx-0 mx-lg-1" *ngIf="!isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded"
+                <li class="nav-item mx-0 mx-lg-1" *ngIf="isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded" routerLink="/profile">profile</a></li>
-                                                                         routerLink="/signin">sign in</a></li>
-                <li class="nav-item mx-0 mx-lg-1" *ngIf="!isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded"
-                                                                         routerLink="/registration">sign up</a></li>
-                <li class="nav-item mx-0 mx-lg-1" *ngIf="isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded"
-                                                                        routerLink="" (click)="logout()">log out</a>
-                </li>
-                <li class="nav-item mx-0 mx-lg-1" *ngIf="isLoggedIn"><a class="nav-link py-3 px-0 px-lg-3 rounded"
-                                                                        routerLink="/profile">profile</a></li>
             </ul>
         </div>
     </div>

Frontend/src/app/components/top-bar/top-bar.component.spec.ts

@@ -1,48 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import {TopBarComponent} from './top-bar.component';
+import { TopBarComponent } from './top-bar.component';
-import {FormBuilder} from '@angular/forms';
-import {ApiService} from '../../services/api.service';
-import {Router} from '@angular/router';
-import {AbstractMockObservableService} from '../../mocks/mock.service';
-
-class MockApiService extends AbstractMockObservableService {
-    getUserInfo(): any {
-        this.content = [];
-        return this;
-    }
-
-    getSessionInfoFromLocalStorage(): any {
-        this.content = [];
-        return this;
-    }
-}
 
 describe('TopBarComponent', () => {
-    let component: TopBarComponent;
+  let component: TopBarComponent;
-    let fixture: ComponentFixture<TopBarComponent>;
+  let fixture: ComponentFixture<TopBarComponent>;
-    let mockService;
-    const router = {
-        navigate: jasmine.createSpy('navigate'),
-        routerState: jasmine.createSpy('routerState')
-    };
 
-    beforeEach(async () => {
+  beforeEach(async () => {
-        mockService = new MockApiService();
+    await TestBed.configureTestingModule({
-        await TestBed.configureTestingModule({
+      declarations: [ TopBarComponent ]
-            declarations: [TopBarComponent],
+    })
-            providers: [{provide: ApiService, useValue: mockService}, {provide: Router, useValue: router}]
+    .compileComponents();
-        })
+  });
-            .compileComponents();
-    });
 
-    beforeEach(() => {
+  beforeEach(() => {
-        fixture = TestBed.createComponent(TopBarComponent);
+    fixture = TestBed.createComponent(TopBarComponent);
-        component = fixture.componentInstance;
+    component = fixture.componentInstance;
-        fixture.detectChanges();
+    fixture.detectChanges();
-    });
+  });
 
-    it('should create', () => {
+  it('should create', () => {
-        expect(component).toBeTruthy();
+    expect(component).toBeTruthy();
-    });
+  });
 });

Frontend/src/app/pages/imprint/imprint.component.html

@@ -1,5 +1,5 @@
-<app-top-bar></app-top-bar>
+<app-header [showSearch]="true"></app-header>
-<div id="imprint" class="container masthead">
+<div id="imprint">
     <h1>Impressum</h1>
 
     <h2>Angaben gem&auml;&szlig; &sect; 5 TMG</h2>
@@ -17,16 +17,14 @@
     <h3>Haftung f&uuml;r Inhalte</h3>
     <p>
         Als Diensteanbieter sind wir gem&auml;&szlig; &sect; 7 Abs.1 TMG f&uuml;r eigene
-        Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach &sect;&sect; 8 bis 10 TMG sind wir
+        Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach &sect;&sect; 8 bis 10 TMG sind wir als
-        als
         Diensteanbieter jedoch nicht verpflichtet, &uuml;bermittelte oder gespeicherte fremde Informationen zu &uuml;berwachen
         oder nach Umst&auml;nden zu forschen, die auf eine rechtswidrige T&auml;tigkeit hinweisen.
     </p>
     <p>
         Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben
         hiervon unber&uuml;hrt.
-        Eine diesbez&uuml;gliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung
+        Eine diesbez&uuml;gliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung m&ouml;glich.
-        m&ouml;glich.
         Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
     </p>
 
@@ -46,21 +44,16 @@
 
     <h3>Urheberrecht</h3>
     <p>
-        Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen
+        Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.
-        Urheberrecht.
         Die Vervielf&auml;ltigung, Bearbeitung, Verbreitung und jede Art der Verwertung au&szlig;erhalb der Grenzen des
         Urheberrechtes bed&uuml;rfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und
         Kopien dieser Seite sind nur f&uuml;r den privaten, nicht kommerziellen Gebrauch gestattet.
     </p>
     <p>
-        Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter
+        Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet.
-        beachtet.
+        Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung
-        Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine
+        aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir
-        Urheberrechtsverletzung
-        aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden
-        wir
         derartige Inhalte umgehend entfernen.
     </p>
 </div>
-<app-bottom-bar></app-bottom-bar>
+<app-footer></app-footer>
-<app-copyright></app-copyright>

Frontend/src/app/pages/imprint/imprint.component.ts

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

Frontend/src/app/pages/landingpage/landingpage.component.ts

@@ -1,6 +1,6 @@
 import {Component, OnInit} from '@angular/core';
 import {Router} from '@angular/router';
-import {ApiService} from '../../services/api.service';
+import {ApiService} from "../../services/api.service";
 
 @Component({
     selector: 'app-landingpage',
@@ -12,7 +12,8 @@ export class LandingpageComponent implements OnInit {
     isLoggedIn = false;
 
     constructor(
-        private router: Router
+        private router: Router,
+        private api: ApiService
     ) {
     }
 

Frontend/src/app/pages/page-not-found-page/page-not-found-page.component.ts

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

Frontend/src/app/pages/privacy/privacy.component.html

@@ -1,12 +1,11 @@
-<app-top-bar></app-top-bar>
+<app-header [showSearch]="true"></app-header>
-<div id="privacy" class="container masthead">
+<div id="privacy">
     <h1>Datenschutz&shy;erkl&auml;rung</h1>
     <h2>1. Datenschutz auf einen Blick</h2>
     <h3>Allgemeine Hinweise</h3>
     <p>
         Die folgenden Hinweise geben einen einfachen &Uuml;berblick dar&uuml;ber, was mit Ihren
-        personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit
+        personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen
-        denen
         Sie pers&ouml;nlich identifiziert werden k&ouml;nnen. Ausf&uuml;hrliche Informationen zum Thema Datenschutz
         entnehmen Sie unserer unter diesem Text aufgef&uuml;hrten Datenschutzerkl&auml;rung.
     </p>
@@ -41,10 +40,8 @@
         Sie haben jederzeit das Recht, unentgeltlich Auskunft &uuml;ber
         Herkunft, Empf&auml;nger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben au&szlig;erdem
         ein Recht, die Berichtigung oder L&ouml;schung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur
-        Datenverarbeitung erteilt haben, k&ouml;nnen Sie diese Einwilligung jederzeit f&uuml;r die Zukunft widerrufen.
+        Datenverarbeitung erteilt haben, k&ouml;nnen Sie diese Einwilligung jederzeit f&uuml;r die Zukunft widerrufen. Au&szlig;erdem
-        Au&szlig;erdem
+        haben Sie das Recht, unter bestimmten Umst&auml;nden die Einschr&auml;nkung der Verarbeitung Ihrer personenbezogenen
-        haben Sie das Recht, unter bestimmten Umst&auml;nden die Einschr&auml;nkung der Verarbeitung Ihrer
-        personenbezogenen
         Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zust&auml;ndigen Aufsichtsbeh&ouml;rde
         zu.
     </p>
@@ -88,15 +85,13 @@
     <h3>Datenschutz</h3>
     <p>
         Die Betreiber dieser Seiten nehmen den Schutz Ihrer pers&ouml;nlichen Daten sehr ernst. Wir
-        behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften
+        behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie
-        sowie
         dieser Datenschutzerkl&auml;rung.
     </p>
     <p>
         Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten
         erhoben. Personenbezogene Daten sind Daten, mit denen Sie pers&ouml;nlich identifiziert werden k&ouml;nnen. Die
-        vorliegende Datenschutzerkl&auml;rung erl&auml;utert, welche Daten wir erheben und wof&uuml;r wir sie nutzen.
+        vorliegende Datenschutzerkl&auml;rung erl&auml;utert, welche Daten wir erheben und wof&uuml;r wir sie nutzen. Sie
-        Sie
         erl&auml;utert auch, wie und zu welchem Zweck das geschieht.
     </p>
     <p>
@@ -120,8 +115,7 @@
         E-Mail: betterzon-privacy@mueller-patrick.tech
     </p>
     <p>
-        Verantwortliche Stelle ist die nat&uuml;rliche oder juristische Person, die allein oder gemeinsam mit anderen
+        Verantwortliche Stelle ist die nat&uuml;rliche oder juristische Person, die allein oder gemeinsam mit anderen &uuml;ber
-        &uuml;ber
         die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z.&nbsp;B. Namen, E-Mail-Adressen o. &Auml;.)
         entscheidet.
     </p>
@@ -130,8 +124,7 @@
     <p>
         Soweit innerhalb dieser Datenschutzerkl&auml;rung keine speziellere Speicherdauer genannt
         wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck f&uuml;r die Datenverarbeitung entf&auml;llt.
-        Wenn Sie ein berechtigtes L&ouml;schersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung
+        Wenn Sie ein berechtigtes L&ouml;schersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen,
-        widerrufen,
         werden Ihre Daten gel&ouml;scht, sofern wir keine anderen rechtlich zul&auml;ssigen Gr&uuml;nde f&uuml;r die
         Speicherung Ihrer personenbezogenen Daten haben (z.B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im
         letztgenannten Fall erfolgt die L&ouml;schung nach Fortfall dieser Gr&uuml;nde.
@@ -146,8 +139,7 @@
         Datenschutzniveau garantiert werden kann. Beispielsweise sind US-Unternehmen dazu verpflichtet, personenbezogene
         Daten an Sicherheitsbeh&ouml;rden herauszugeben, ohne dass Sie als Betroffener hiergegen gerichtlich vorgehen k&ouml;nnten.
         Es kann daher nicht ausgeschlossen werden, dass US-Beh&ouml;rden (z.B. Geheimdienste) Ihre auf US-Servern
-        befindlichen Daten zu &Uuml;berwachungszwecken verarbeiten, auswerten und dauerhaft speichern. Wir haben auf
+        befindlichen Daten zu &Uuml;berwachungszwecken verarbeiten, auswerten und dauerhaft speichern. Wir haben auf diese
-        diese
         Verarbeitungst&auml;tigkeiten keinen Einfluss.
     </p>
 
@@ -158,19 +150,15 @@
         erfolgten Datenverarbeitung bleibt vom Widerruf unber&uuml;hrt.
     </p>
 
-    <h3>Widerspruchsrecht gegen die Datenerhebung in besonderen F&auml;llen sowie gegen Direktwerbung (Art. 21
+    <h3>Widerspruchsrecht gegen die Datenerhebung in besonderen F&auml;llen sowie gegen Direktwerbung (Art. 21 DSGVO)</h3>
-        DSGVO)</h3>
     <p>
         WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS
         RECHT, AUS GR&Uuml;NDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER
         PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH F&Uuml;R EIN AUF DIESE BESTIMMUNGEN GEST&Uuml;TZTES
-        PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER
+        PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKL&Auml;RUNG.
-        DATENSCHUTZERKL&Auml;RUNG.
+        WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI
-        WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES
-        SEI
         DENN, WIR K&Ouml;NNEN ZWINGENDE SCHUTZW&Uuml;RDIGE GR&Uuml;NDE F&Uuml;R DIE VERARBEITUNG NACHWEISEN, DIE IHRE
-        INTERESSEN, RECHTE UND FREIHEITEN &Uuml;BERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUS&Uuml;BUNG
+        INTERESSEN, RECHTE UND FREIHEITEN &Uuml;BERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUS&Uuml;BUNG ODER
-        ODER
         VERTEIDIGUNG VON RECHTSANSPR&Uuml;CHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).
     </p>
     <p>
@@ -178,8 +166,7 @@
         DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE
         VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH F&Uuml;R
         DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE
-        PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART.
+        PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21
-        21
         ABS. 2 DSGVO).
     </p>
 
@@ -187,8 +174,7 @@
     <p>
         Im Falle von Verst&ouml;&szlig;en
         gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbeh&ouml;rde, insbesondere in dem
-        Mitgliedstaat ihres gew&ouml;hnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutma&szlig;lichen
+        Mitgliedstaat ihres gew&ouml;hnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutma&szlig;lichen Versto&szlig;es
-        Versto&szlig;es
         zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher
         Rechtsbehelfe.
     </p>
@@ -196,8 +182,7 @@
     <h3>Recht auf Daten&shy;&uuml;bertrag&shy;barkeit</h3>
     <p>
         Sie haben das Recht, Daten, die wir auf Grundlage Ihrer
-        Einwilligung oder in Erf&uuml;llung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in
+        Einwilligung oder in Erf&uuml;llung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem
-        einem
         g&auml;ngigen, maschinenlesbaren Format aush&auml;ndigen zu lassen. Sofern Sie die direkte &Uuml;bertragung der
         Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
     </p>
@@ -205,10 +190,8 @@
     <h3>SSL- bzw. TLS-Verschl&uuml;sselung</h3>
     <p>
         Diese Seite nutzt aus Sicherheitsgr&uuml;nden und zum Schutz der &Uuml;bertragung
-        vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden,
+        vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine
-        eine
+        SSL- bzw. TLS-Verschl&uuml;sselung. Eine verschl&uuml;sselte Verbindung erkennen Sie daran, dass die Adresszeile des
-        SSL- bzw. TLS-Verschl&uuml;sselung. Eine verschl&uuml;sselte Verbindung erkennen Sie daran, dass die Adresszeile
-        des
         Browsers von &bdquo;http://&ldquo; auf &bdquo;https://&ldquo; wechselt und an dem Schloss-Symbol in Ihrer
         Browserzeile.
     </p>
@@ -220,10 +203,8 @@
     <h3>Auskunft, L&ouml;schung und Berichtigung</h3>
     <p>
         Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen
-        jederzeit das Recht auf unentgeltliche Auskunft &uuml;ber Ihre gespeicherten personenbezogenen Daten, deren
+        jederzeit das Recht auf unentgeltliche Auskunft &uuml;ber Ihre gespeicherten personenbezogenen Daten, deren Herkunft
-        Herkunft
+        und Empf&auml;nger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder L&ouml;schung dieser
-        und Empf&auml;nger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder L&ouml;schung
-        dieser
         Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten k&ouml;nnen Sie sich jederzeit an uns
         wenden.
     </p>
@@ -235,29 +216,22 @@
     </p>
     <ul>
         <li>
-            Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, ben&ouml;tigen wir
+            Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, ben&ouml;tigen wir in
-            in
+            der Regel Zeit, um dies zu &uuml;berpr&uuml;fen. F&uuml;r die Dauer der Pr&uuml;fung haben Sie das Recht, die
-            der Regel Zeit, um dies zu &uuml;berpr&uuml;fen. F&uuml;r die Dauer der Pr&uuml;fung haben Sie das Recht,
-            die
             Einschr&auml;nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
         </li>
         <li>
-            Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtm&auml;&szlig;ig geschah/geschieht, k&ouml;nnen
+            Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtm&auml;&szlig;ig geschah/geschieht, k&ouml;nnen Sie
-            Sie
             statt der L&ouml;schung die Einschr&auml;nkung der Datenverarbeitung verlangen.
         </li>
         <li>
-            Wenn wir Ihre personenbezogenen Daten nicht mehr ben&ouml;tigen, Sie sie jedoch zur Aus&uuml;bung,
+            Wenn wir Ihre personenbezogenen Daten nicht mehr ben&ouml;tigen, Sie sie jedoch zur Aus&uuml;bung, Verteidigung
-            Verteidigung
+            oder Geltendmachung von Rechtsanspr&uuml;chen ben&ouml;tigen, haben Sie das Recht, statt der L&ouml;schung die
-            oder Geltendmachung von Rechtsanspr&uuml;chen ben&ouml;tigen, haben Sie das Recht, statt der L&ouml;schung
-            die
             Einschr&auml;nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
         </li>
         <li>
-            Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abw&auml;gung zwischen Ihren
+            Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abw&auml;gung zwischen Ihren und
-            und
+            unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen &uuml;berwiegen, haben
-            unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen &uuml;berwiegen,
-            haben
             Sie das Recht, die Einschr&auml;nkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
         </li>
     </ul>
@@ -265,8 +239,7 @@
         Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschr&auml;nkt haben, d&uuml;rfen diese Daten
         &ndash; von ihrer Speicherung abgesehen &ndash; nur mit Ihrer Einwilligung oder zur Geltendmachung, Aus&uuml;bung
         oder Verteidigung von Rechtsanspr&uuml;chen oder zum Schutz der Rechte einer anderen nat&uuml;rlichen oder
-        juristischen Person oder aus Gr&uuml;nden eines wichtigen &ouml;ffentlichen Interesses der Europ&auml;ischen
+        juristischen Person oder aus Gr&uuml;nden eines wichtigen &ouml;ffentlichen Interesses der Europ&auml;ischen Union
-        Union
         oder eines Mitgliedstaats verarbeitet werden.
     </p>
 
@@ -277,14 +250,12 @@
         und richten auf Ihrem Endger&auml;t keinen Schaden an. Sie werden entweder vor&uuml;bergehend f&uuml;r die Dauer
         einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endger&auml;t gespeichert.
         Session-Cookies werden nach Ende Ihres Besuchs automatisch gel&ouml;scht. Permanente Cookies bleiben auf Ihrem
-        Endger&auml;t gespeichert, bis Sie diese selbst l&ouml;schen&nbsp;oder eine automatische L&ouml;schung durch
+        Endger&auml;t gespeichert, bis Sie diese selbst l&ouml;schen&nbsp;oder eine automatische L&ouml;schung durch Ihren
-        Ihren
         Webbrowser erfolgt.
     </p>
     <p>
         Teilweise k&ouml;nnen auch Cookies von Drittunternehmen auf Ihrem Endger&auml;t
-        gespeichert werden, wenn Sie unsere Seite betreten (Third-Party-Cookies). Diese erm&ouml;glichen uns oder Ihnen
+        gespeichert werden, wenn Sie unsere Seite betreten (Third-Party-Cookies). Diese erm&ouml;glichen uns oder Ihnen die
-        die
         Nutzung bestimmter Dienstleistungen des Drittunternehmens (z.B. Cookies zur Abwicklung von
         Zahlungsdienstleistungen).
     </p>
@@ -296,31 +267,24 @@
     </p>
     <p>
         Cookies, die zur Durchf&uuml;hrung des elektronischen Kommunikationsvorgangs (notwendige Cookies)
-        oder zur Bereitstellung bestimmter, von Ihnen erw&uuml;nschter Funktionen (funktionale Cookies, z. B. f&uuml;r
+        oder zur Bereitstellung bestimmter, von Ihnen erw&uuml;nschter Funktionen (funktionale Cookies, z. B. f&uuml;r die
-        die
+        Warenkorbfunktion) oder zur Optimierung der Website (z.B. Cookies zur Messung des Webpublikums) erforderlich sind,
-        Warenkorbfunktion) oder zur Optimierung der Website (z.B. Cookies zur Messung des Webpublikums) erforderlich
+        werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird.
-        sind,
+        Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch fehlerfreien und
-        werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben
-        wird.
-        Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch fehlerfreien
-        und
         optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies abgefragt wurde,
-        erfolgt die Speicherung der betreffenden Cookies ausschlie&szlig;lich auf Grundlage dieser Einwilligung (Art. 6
+        erfolgt die Speicherung der betreffenden Cookies ausschlie&szlig;lich auf Grundlage dieser Einwilligung (Art. 6 Abs.
-        Abs.
         1 lit. a DSGVO); die Einwilligung ist jederzeit widerrufbar.
     </p>
     <p>
         Sie k&ouml;nnen Ihren Browser so einstellen,
-        dass Sie &uuml;ber das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme
+        dass Sie &uuml;ber das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von
-        von
         Cookies f&uuml;r bestimmte F&auml;lle oder generell ausschlie&szlig;en sowie das automatische L&ouml;schen der
         Cookies beim Schlie&szlig;en des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalit&auml;t
         dieser Website eingeschr&auml;nkt sein.
     </p>
     <p>
         Soweit Cookies von Drittunternehmen oder zu Analysezwecken eingesetzt
-        werden, werden wir Sie hier&uuml;ber im Rahmen dieser Datenschutzerkl&auml;rung gesondert informieren und ggf.
+        werden, werden wir Sie hier&uuml;ber im Rahmen dieser Datenschutzerkl&auml;rung gesondert informieren und ggf. eine
-        eine
         Einwilligung abfragen.
     </p>
 
@@ -354,13 +318,10 @@
         den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
     </p>
     <p>
-        Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der
+        Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erf&uuml;llung
-        Erf&uuml;llung
+        eines Vertrags zusammenh&auml;ngt oder zur Durchf&uuml;hrung vorvertraglicher Ma&szlig;nahmen erforderlich ist. In
-        eines Vertrags zusammenh&auml;ngt oder zur Durchf&uuml;hrung vorvertraglicher Ma&szlig;nahmen erforderlich ist.
-        In
         allen &uuml;brigen F&auml;llen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven
-        Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6
+        Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1
-        Abs. 1
         lit. a DSGVO) sofern diese abgefragt wurde.
     </p>
     <p>
@@ -374,25 +335,21 @@
     <p>
         Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird
         Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der
-        Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre
+        Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung
-        Einwilligung
         weiter.
     </p>
     <p>
         Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre
         Anfrage mit der Erf&uuml;llung eines Vertrags zusammenh&auml;ngt oder zur Durchf&uuml;hrung vorvertraglicher Ma&szlig;nahmen
-        erforderlich ist. In allen &uuml;brigen F&auml;llen beruht die Verarbeitung auf unserem berechtigten Interesse
+        erforderlich ist. In allen &uuml;brigen F&auml;llen beruht die Verarbeitung auf unserem berechtigten Interesse an
-        an
+        der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung
-        der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer
-        Einwilligung
         (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.
     </p>
     <p>
         Die von Ihnen an uns per Kontaktanfragen &uuml;bersandten
         Daten verbleiben bei uns, bis Sie uns zur L&ouml;schung auffordern, Ihre Einwilligung zur Speicherung widerrufen
         oder der Zweck f&uuml;r die Datenspeicherung entf&auml;llt (z.&nbsp;B. nach abgeschlossener Bearbeitung Ihres
-        Anliegens). Zwingende gesetzliche Bestimmungen &ndash; insbesondere gesetzliche Aufbewahrungsfristen &ndash;
+        Anliegens). Zwingende gesetzliche Bestimmungen &ndash; insbesondere gesetzliche Aufbewahrungsfristen &ndash; bleiben
-        bleiben
         unber&uuml;hrt.
     </p>
 
@@ -406,13 +363,10 @@
     <p>
         Zu diesem Zweck muss der von Ihnen
         verwendete Browser Verbindung zu den Servern von Google aufnehmen. Hierdurch erlangt Google Kenntnis dar&uuml;ber,
-        dass &uuml;ber Ihre IP-Adresse diese Website aufgerufen wurde. Die Nutzung von Google WebFonts erfolgt auf
+        dass &uuml;ber Ihre IP-Adresse diese Website aufgerufen wurde. Die Nutzung von Google WebFonts erfolgt auf Grundlage
-        Grundlage
+        von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der einheitlichen Darstellung
-        von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der einheitlichen
-        Darstellung
         des Schriftbildes auf seiner Website. Sofern eine entsprechende Einwilligung abgefragt wurde (z. B. eine
-        Einwilligung zur Speicherung von Cookies), erfolgt die Verarbeitung ausschlie&szlig;lich auf Grundlage von Art.
+        Einwilligung zur Speicherung von Cookies), erfolgt die Verarbeitung ausschlie&szlig;lich auf Grundlage von Art. 6
-        6
         Abs. 1 lit. a DSGVO; die Einwilligung ist jederzeit widerrufbar.
     </p>
     <p>
@@ -422,8 +376,7 @@
     <p>
         Weitere Informationen zu Google Web Fonts finden Sie
         unter <a href="https://developers.google.com/fonts/faq" target="_blank" rel="noopener noreferrer">https://developers.google.com/fonts/faq</a>
-        und in der Datenschutzerkl&auml;rung von Google: <a href="https://policies.google.com/privacy?hl=de"
+        und in der Datenschutzerkl&auml;rung von Google: <a href="https://policies.google.com/privacy?hl=de" target="_blank"
-                                                            target="_blank"
                                                             rel="noopener noreferrer">https://policies.google.com/privacy?hl=de</a>.
     </p>
 
@@ -435,12 +388,10 @@
     <p>
         Beim Aufruf
         einer Seite l&auml;dt Ihr Browser die ben&ouml;tigten Fonts in ihren Browsercache, um Texte, Schriftarten und
-        Symbole korrekt anzuzeigen. Zu diesem Zweck muss der von Ihnen verwendete Browser Verbindung zu den Servern von
+        Symbole korrekt anzuzeigen. Zu diesem Zweck muss der von Ihnen verwendete Browser Verbindung zu den Servern von Font
-        Font
         Awesome aufnehmen. Hierdurch erlangt Font Awesome Kenntnis dar&uuml;ber, dass &uuml;ber Ihre IP-Adresse diese
         Website aufgerufen wurde. Die Nutzung von Font Awesome erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Wir
-        haben ein berechtigtes Interesse an der einheitlichen Darstellung des Schriftbildes auf unserer Website. Sofern
+        haben ein berechtigtes Interesse an der einheitlichen Darstellung des Schriftbildes auf unserer Website. Sofern eine
-        eine
         entsprechende Einwilligung abgefragt wurde (z. B. eine Einwilligung zur Speicherung von Cookies), erfolgt die
         Verarbeitung ausschlie&szlig;lich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO; die Einwilligung ist jederzeit
         widerrufbar.
@@ -454,5 +405,4 @@
         von Font Awesome unter: <a href="https://fontawesome.com/privacy" target="_blank" rel="noopener noreferrer">https://fontawesome.com/privacy</a>.
     </p>
 </div>
-<app-bottom-bar></app-bottom-bar>
+<app-footer></app-footer>
-<app-copyright></app-copyright>

Frontend/src/app/pages/privacy/privacy.component.ts

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

Frontend/src/app/pages/profile-page/profile-page.component.spec.ts

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

Frontend/src/app/pages/profile-page/profile-page.component.ts

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

Frontend/src/app/pages/profile/profile.component.spec.ts

@@ -1,47 +0,0 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-
-import {ProfileComponent} from './profile.component';
-import {AbstractMockObservableService} from '../../mocks/mock.service';
-import {ApiService} from '../../services/api.service';
-
-class MockApiService extends AbstractMockObservableService {
-    getUserInfo(): any {
-        this.content = [];
-        return this;
-    }
-
-    getPriceAlarms(): any {
-        this.content = [];
-        return this;
-    }
-
-    getProductsByIds(): any {
-        this.content = [];
-        return this;
-    }
-}
-
-describe('ProfileComponent', () => {
-    let component: ProfileComponent;
-    let fixture: ComponentFixture<ProfileComponent>;
-    let mockService;
-
-    beforeEach(async () => {
-        mockService = new MockApiService();
-        await TestBed.configureTestingModule({
-            declarations: [ProfileComponent],
-            providers: [{provide: ApiService, useValue: mockService}]
-        })
-            .compileComponents();
-    });
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(ProfileComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

Frontend/src/app/services/api.service.spec.ts

@@ -1,7 +1,7 @@
 import {TestBed} from '@angular/core/testing';
 
 import {ApiService} from './api.service';
-import {HttpClientModule} from '@angular/common/http';
+import {HttpClientModule} from "@angular/common/http";
 
 describe('ApiService', () => {
     let service: ApiService;

Frontend/src/app/services/api.service.ts

@@ -106,7 +106,7 @@ export class ApiService {
         let asin = '';
 
         // Check if the parameter is a link or an asin
-        const linkRegex: RegExp = /^http[s]?:\/\/.*\/dp\/(.[^\/]*)\/?.*$/;
+        const linkRegex: RegExp = /^http[s]{0,1}:\/\/.*\/dp\/(.[^\/]*)\/{0,1}.*$/;
         const matches = linkRegex.exec(asinOrLink);
         if (matches) {
             // param is a link, extract asin

Frontend/src/main.ts

@@ -1,12 +1,12 @@
-import {enableProdMode} from '@angular/core';
+import { enableProdMode } from '@angular/core';
-import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-import {AppModule} from './app/app.module';
+import { AppModule } from './app/app.module';
-import {environment} from './environments/environment';
+import { environment } from './environments/environment';
 
 if (environment.production) {
-    enableProdMode();
+  enableProdMode();
 }
 
 platformBrowserDynamic().bootstrapModule(AppModule)
-    .catch(err => console.error(err));
+  .catch(err => console.error(err));

Frontend/src/test.ts

@@ -1,23 +1,23 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
 import 'zone.js/dist/zone-testing';
-import {getTestBed} from '@angular/core/testing';
+import { getTestBed } from '@angular/core/testing';
 import {
-    BrowserDynamicTestingModule,
+  BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting
+  platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
 declare const require: {
-    context(path: string, deep?: boolean, filter?: RegExp): {
+  context(path: string, deep?: boolean, filter?: RegExp): {
-        keys(): string[];
+    keys(): string[];
-        <T>(id: string): T;
+    <T>(id: string): T;
-    };
+  };
 };
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
-    BrowserDynamicTestingModule,
+  BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting()
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);

README.md

@@ -5,7 +5,7 @@ Wiki: https://github.com/Mueller-Patrick/Betterzon/wiki
 
 # Code Quality
 [![Codacy Badge](https://app.codacy.com/project/badge/Grade/88e47ebf837b43af9d12147c22f77f7f)](https://www.codacy.com/gh/Mueller-Patrick/Betterzon/dashboard?utm_source=github.com&utm_medium=referral&utm_content=Mueller-Patrick/Betterzon&utm_campaign=Badge_Grade)
-[![Code Coverage](https://img.shields.io/badge/coverage-81%25-green)](https://ci.betterzon.xyz)
+[![Code Coverage](https://img.shields.io/badge/coverage-71%25-green)](https://ci.betterzon.xyz)
 
 # Project Status
 [![Website Status](https://img.shields.io/website?label=www.betterzon.xyz&style=for-the-badge&url=https%3A%2F%2Fwww.betterzon.xyz)](https://www.betterzon.xyz)