From 260261a9a680fe62f2c4640ba69c037c3310799f Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Thu, 4 Apr 2024 16:26:57 +0200
Subject: [PATCH] added btn back component

---
 .../contact-edit/contact-edit.component.ts    |  3 ++-
 .../buttons/btn-back/btn-back.component.html  |  1 +
 .../buttons/btn-back/btn-back.component.scss  | 12 ++++++++++
 .../btn-back/btn-back.component.spec.ts       | 23 +++++++++++++++++++
 .../buttons/btn-back/btn-back.component.ts    | 18 +++++++++++++++
 .../components/help/help.component.html       |  5 +---
 .../components/help/help.component.scss       | 12 ----------
 .../shared/components/help/help.component.ts  |  3 ++-
 .../components/imprint/imprint.component.html |  5 +---
 .../components/imprint/imprint.component.ts   |  3 ++-
 .../privacy-policy.component.html             |  5 +---
 .../privacy-policy.component.ts               |  3 ++-
 12 files changed, 65 insertions(+), 28 deletions(-)
 create mode 100644 src/app/shared/components/buttons/btn-back/btn-back.component.html
 create mode 100644 src/app/shared/components/buttons/btn-back/btn-back.component.scss
 create mode 100644 src/app/shared/components/buttons/btn-back/btn-back.component.spec.ts
 create mode 100644 src/app/shared/components/buttons/btn-back/btn-back.component.ts

diff --git a/src/app/components/contacts/contact-edit/contact-edit.component.ts b/src/app/components/contacts/contact-edit/contact-edit.component.ts
index d78e8d9..9e7e2eb 100644
--- a/src/app/components/contacts/contact-edit/contact-edit.component.ts
+++ b/src/app/components/contacts/contact-edit/contact-edit.component.ts
@@ -2,11 +2,12 @@ import { Component, Input } from '@angular/core';
 import { ContactFormComponent } from '../contact-form/contact-form.component';
 import { CommonModule } from '@angular/common';
 import { UserService } from '../../../services/user.service';
+import { BtnBackComponent } from '../../../shared/components/buttons/btn-back/btn-back.component';
 
 @Component({
   selector: 'app-contact-edit',
   standalone: true,
-  imports: [CommonModule, ContactFormComponent],
+  imports: [CommonModule, ContactFormComponent, BtnBackComponent],
   templateUrl: './contact-edit.component.html',
   styleUrl: './contact-edit.component.scss',
 })
diff --git a/src/app/shared/components/buttons/btn-back/btn-back.component.html b/src/app/shared/components/buttons/btn-back/btn-back.component.html
new file mode 100644
index 0000000..64d9478
--- /dev/null
+++ b/src/app/shared/components/buttons/btn-back/btn-back.component.html
@@ -0,0 +1 @@
+<img (click)="backClicked()" src="./../../../../assets/img/arrow-left.svg" />
diff --git a/src/app/shared/components/buttons/btn-back/btn-back.component.scss b/src/app/shared/components/buttons/btn-back/btn-back.component.scss
new file mode 100644
index 0000000..771d185
--- /dev/null
+++ b/src/app/shared/components/buttons/btn-back/btn-back.component.scss
@@ -0,0 +1,12 @@
+img {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  margin-left: 48px;
+  &:hover {
+    width: 36px;
+    height: 36px;
+    background-color: var(--light-gray);
+    border-radius: 18px;
+  }
+}
diff --git a/src/app/shared/components/buttons/btn-back/btn-back.component.spec.ts b/src/app/shared/components/buttons/btn-back/btn-back.component.spec.ts
new file mode 100644
index 0000000..91166d2
--- /dev/null
+++ b/src/app/shared/components/buttons/btn-back/btn-back.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BtnBackComponent } from './btn-back.component';
+
+describe('BtnBackComponent', () => {
+  let component: BtnBackComponent;
+  let fixture: ComponentFixture<BtnBackComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BtnBackComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(BtnBackComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/components/buttons/btn-back/btn-back.component.ts b/src/app/shared/components/buttons/btn-back/btn-back.component.ts
new file mode 100644
index 0000000..b48e2f9
--- /dev/null
+++ b/src/app/shared/components/buttons/btn-back/btn-back.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { Location } from '@angular/common';
+
+@Component({
+  selector: 'app-btn-back',
+  standalone: true,
+  imports: [RouterModule],
+  templateUrl: './btn-back.component.html',
+  styleUrl: './btn-back.component.scss',
+})
+export class BtnBackComponent {
+  constructor(private location: Location) {}
+
+  backClicked() {
+    this.location.back();
+  }
+}
diff --git a/src/app/shared/components/help/help.component.html b/src/app/shared/components/help/help.component.html
index e5f09af..5bd3fff 100644
--- a/src/app/shared/components/help/help.component.html
+++ b/src/app/shared/components/help/help.component.html
@@ -1,10 +1,7 @@
 <section>
   <div class="header">
     <h1>{{ "help.header" | translate }}</h1>
-    <img
-      (click)="backClicked()"
-      src="./../../../../assets/img/arrow-left.svg"
-    />
+    <app-btn-back></app-btn-back>
   </div>
   <p>
     {{ "help.welcome" | translate }}
diff --git a/src/app/shared/components/help/help.component.scss b/src/app/shared/components/help/help.component.scss
index 4fcb163..87e6d9f 100644
--- a/src/app/shared/components/help/help.component.scss
+++ b/src/app/shared/components/help/help.component.scss
@@ -32,18 +32,6 @@ h3 {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 32px;
-  img {
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    margin-left: 48px;
-    &:hover {
-      width: 36px;
-      height: 36px;
-      background-color: var(--light-gray);
-      border-radius: 18px;
-    }
-  }
 }
 
 .content-table {
diff --git a/src/app/shared/components/help/help.component.ts b/src/app/shared/components/help/help.component.ts
index dee921d..30791bf 100644
--- a/src/app/shared/components/help/help.component.ts
+++ b/src/app/shared/components/help/help.component.ts
@@ -2,11 +2,12 @@ import { Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
+import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
 
 @Component({
   selector: 'app-help',
   standalone: true,
-  imports: [RouterModule, TranslateModule],
+  imports: [RouterModule, TranslateModule, BtnBackComponent],
   templateUrl: './help.component.html',
   styleUrl: './help.component.scss',
 })
diff --git a/src/app/shared/components/imprint/imprint.component.html b/src/app/shared/components/imprint/imprint.component.html
index 1f459bf..2e89ed6 100644
--- a/src/app/shared/components/imprint/imprint.component.html
+++ b/src/app/shared/components/imprint/imprint.component.html
@@ -2,10 +2,7 @@
   <div>
     <div class="header">
       <h1>{{ "imprint.headline" | translate }}</h1>
-      <img
-        (click)="backClicked()"
-        src="./../../../../assets/img/arrow-left.svg"
-      />
+      <app-btn-back></app-btn-back>
     </div>
     {{ "imprint.tmg" | translate }}
     <br /><br />
diff --git a/src/app/shared/components/imprint/imprint.component.ts b/src/app/shared/components/imprint/imprint.component.ts
index d44a7d8..7f8fba7 100644
--- a/src/app/shared/components/imprint/imprint.component.ts
+++ b/src/app/shared/components/imprint/imprint.component.ts
@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
 import { Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
+import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
 
 @Component({
   selector: 'app-imprint',
   standalone: true,
-  imports: [TranslateModule],
+  imports: [TranslateModule, BtnBackComponent],
   templateUrl: './imprint.component.html',
   styleUrl: './imprint.component.scss',
 })
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.html b/src/app/shared/components/privacy-policy/privacy-policy.component.html
index 2f19fc3..593c431 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.html
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.html
@@ -2,10 +2,7 @@
   <div>
     <div class="header">
       <h1>{{ "privacy-policy.headline" | translate }}</h1>
-      <img
-        (click)="backClicked()"
-        src="./../../../../assets/img/arrow-left.svg"
-      />
+      <app-btn-back></app-btn-back>
     </div>
     <h2 id="'content0">
       {{ "privacy-policy.preambleHeadline" | translate }}
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.ts b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
index 65292d0..4427554 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.ts
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
@@ -1,11 +1,12 @@
 import { Component } from '@angular/core';
 import { Location } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
+import { BtnBackComponent } from '../buttons/btn-back/btn-back.component';
 
 @Component({
   selector: 'app-privacy-policy',
   standalone: true,
-  imports: [TranslateModule],
+  imports: [TranslateModule, BtnBackComponent],
   templateUrl: './privacy-policy.component.html',
   styleUrl: './privacy-policy.component.scss',
 })