From dfd1d8fd1c73e8fb8d3107fbbce092e1f206dcb8 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 23 Mar 2024 16:56:07 +0100
Subject: [PATCH] added components

---
 src/app/app.routes.ts                         |  6 +++++
 .../add-task/add-task.component.html          |  1 +
 .../add-task/add-task.component.scss          |  0
 .../add-task/add-task.component.spec.ts       | 23 +++++++++++++++++++
 .../components/add-task/add-task.component.ts | 12 ++++++++++
 src/app/components/board/board.component.html |  1 +
 src/app/components/board/board.component.scss |  0
 .../components/board/board.component.spec.ts  | 23 +++++++++++++++++++
 src/app/components/board/board.component.ts   | 12 ++++++++++
 .../contacts/contacts.component.html          |  1 +
 .../contacts/contacts.component.scss          |  0
 .../contacts/contacts.component.spec.ts       | 23 +++++++++++++++++++
 .../components/contacts/contacts.component.ts | 12 ++++++++++
 .../components/sidebar/sidebar.component.html |  5 +++-
 .../components/sidebar/sidebar.component.ts   |  5 +++-
 15 files changed, 122 insertions(+), 2 deletions(-)
 create mode 100644 src/app/components/add-task/add-task.component.html
 create mode 100644 src/app/components/add-task/add-task.component.scss
 create mode 100644 src/app/components/add-task/add-task.component.spec.ts
 create mode 100644 src/app/components/add-task/add-task.component.ts
 create mode 100644 src/app/components/board/board.component.html
 create mode 100644 src/app/components/board/board.component.scss
 create mode 100644 src/app/components/board/board.component.spec.ts
 create mode 100644 src/app/components/board/board.component.ts
 create mode 100644 src/app/components/contacts/contacts.component.html
 create mode 100644 src/app/components/contacts/contacts.component.scss
 create mode 100644 src/app/components/contacts/contacts.component.spec.ts
 create mode 100644 src/app/components/contacts/contacts.component.ts

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 0460201..afcb13d 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -3,10 +3,16 @@ import { SummaryComponent } from './components/summary/summary.component';
 import { HelpComponent } from './shared/components/help/help.component';
 import { ImprintComponent } from './shared/components/imprint/imprint.component';
 import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.component';
+import { AddTaskComponent } from './components/add-task/add-task.component';
+import { BoardComponent } from './components/board/board.component';
+import { ContactsComponent } from './components/contacts/contacts.component';
 
 export const routes: Routes = [
   { path: '', component: SummaryComponent },
   { path: 'summary', component: SummaryComponent },
+  { path: 'add-task', component: AddTaskComponent },
+  { path: 'board', component: BoardComponent },
+  { path: 'contacts', component: ContactsComponent },
   { path: 'help', component: HelpComponent },
   { path: 'imprint', component: ImprintComponent },
   { path: 'privacy-policy', component: PrivacyPolicyComponent },
diff --git a/src/app/components/add-task/add-task.component.html b/src/app/components/add-task/add-task.component.html
new file mode 100644
index 0000000..1179209
--- /dev/null
+++ b/src/app/components/add-task/add-task.component.html
@@ -0,0 +1 @@
+<p>add-task works!</p>
diff --git a/src/app/components/add-task/add-task.component.scss b/src/app/components/add-task/add-task.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/add-task/add-task.component.spec.ts b/src/app/components/add-task/add-task.component.spec.ts
new file mode 100644
index 0000000..50fce26
--- /dev/null
+++ b/src/app/components/add-task/add-task.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddTaskComponent } from './add-task.component';
+
+describe('AddTaskComponent', () => {
+  let component: AddTaskComponent;
+  let fixture: ComponentFixture<AddTaskComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AddTaskComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(AddTaskComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/add-task/add-task.component.ts b/src/app/components/add-task/add-task.component.ts
new file mode 100644
index 0000000..0fc271f
--- /dev/null
+++ b/src/app/components/add-task/add-task.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-add-task',
+  standalone: true,
+  imports: [],
+  templateUrl: './add-task.component.html',
+  styleUrl: './add-task.component.scss'
+})
+export class AddTaskComponent {
+
+}
diff --git a/src/app/components/board/board.component.html b/src/app/components/board/board.component.html
new file mode 100644
index 0000000..f0256e7
--- /dev/null
+++ b/src/app/components/board/board.component.html
@@ -0,0 +1 @@
+<p>board works!</p>
diff --git a/src/app/components/board/board.component.scss b/src/app/components/board/board.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/board/board.component.spec.ts b/src/app/components/board/board.component.spec.ts
new file mode 100644
index 0000000..7271dd7
--- /dev/null
+++ b/src/app/components/board/board.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BoardComponent } from './board.component';
+
+describe('BoardComponent', () => {
+  let component: BoardComponent;
+  let fixture: ComponentFixture<BoardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BoardComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(BoardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/board/board.component.ts b/src/app/components/board/board.component.ts
new file mode 100644
index 0000000..012da04
--- /dev/null
+++ b/src/app/components/board/board.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-board',
+  standalone: true,
+  imports: [],
+  templateUrl: './board.component.html',
+  styleUrl: './board.component.scss'
+})
+export class BoardComponent {
+
+}
diff --git a/src/app/components/contacts/contacts.component.html b/src/app/components/contacts/contacts.component.html
new file mode 100644
index 0000000..e400718
--- /dev/null
+++ b/src/app/components/contacts/contacts.component.html
@@ -0,0 +1 @@
+<p>contacts works!</p>
diff --git a/src/app/components/contacts/contacts.component.scss b/src/app/components/contacts/contacts.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/contacts/contacts.component.spec.ts b/src/app/components/contacts/contacts.component.spec.ts
new file mode 100644
index 0000000..4d7755c
--- /dev/null
+++ b/src/app/components/contacts/contacts.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactsComponent } from './contacts.component';
+
+describe('ContactsComponent', () => {
+  let component: ContactsComponent;
+  let fixture: ComponentFixture<ContactsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ContactsComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(ContactsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/contacts/contacts.component.ts b/src/app/components/contacts/contacts.component.ts
new file mode 100644
index 0000000..8ebd8ab
--- /dev/null
+++ b/src/app/components/contacts/contacts.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-contacts',
+  standalone: true,
+  imports: [],
+  templateUrl: './contacts.component.html',
+  styleUrl: './contacts.component.scss'
+})
+export class ContactsComponent {
+
+}
diff --git a/src/app/shared/components/sidebar/sidebar.component.html b/src/app/shared/components/sidebar/sidebar.component.html
index a98f321..14b769b 100644
--- a/src/app/shared/components/sidebar/sidebar.component.html
+++ b/src/app/shared/components/sidebar/sidebar.component.html
@@ -17,8 +17,9 @@
     <div
       id="navLinkAddTask"
       class="nav-links-inner"
+      routerLink="add-task"
       [ngClass]="{
-        active: currentPath == 'addtask'
+        active: currentPath == 'add-task'
       }"
     >
       <img src="./assets/img/sidebar/add-task.svg" alt="addtask" /><span
@@ -28,6 +29,7 @@
     <div
       id="navLinkBoard"
       class="nav-links-inner"
+      routerLink="board"
       [ngClass]="{
         active: currentPath == 'board'
       }"
@@ -37,6 +39,7 @@
     <div
       id="navLinkContacts"
       class="nav-links-inner"
+      routerLink="contacts"
       [ngClass]="{
         active: currentPath == 'contacts'
       }"
diff --git a/src/app/shared/components/sidebar/sidebar.component.ts b/src/app/shared/components/sidebar/sidebar.component.ts
index 9829618..a1c1649 100644
--- a/src/app/shared/components/sidebar/sidebar.component.ts
+++ b/src/app/shared/components/sidebar/sidebar.component.ts
@@ -15,10 +15,13 @@ export class SidebarComponent {
   constructor(private router: Router) {}
 
   ngOnInit(): void {
+    this.getCurrentPath();
+  }
+
+  getCurrentPath() {
     this.router.events.subscribe((event) => {
       if (event instanceof NavigationEnd) {
         this.currentPath = this.router.url.substring(1);
-        console.log(this.currentPath);
       }
     });
   }