From 1037a5fdcf5b92426b18026cb8201db0f917448a Mon Sep 17 00:00:00 2001
From: rebooooorn <jegor.reichert.1998@gmail.com>
Date: Wed, 2 Dec 2020 18:49:46 +0100
Subject: [PATCH 1/2] BETTERZON-35 components created

---
 Frontend/package-lock.json                    | 24 ++++++++++++++-----
 Frontend/src/app/app.module.ts                |  6 ++++-
 .../hello-world/hello-world.component.html    |  2 +-
 3 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/Frontend/package-lock.json b/Frontend/package-lock.json
index 35b9a70..83be68b 100644
--- a/Frontend/package-lock.json
+++ b/Frontend/package-lock.json
@@ -419,12 +419,6 @@
             "source-map": "0.7.3"
           }
         },
-        "ansi-colors": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
-          "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-          "dev": true
-        },
         "debug": {
           "version": "4.1.1",
           "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
@@ -2940,6 +2934,7 @@
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
@@ -5098,6 +5093,15 @@
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz",
       "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ=="
     },
+    "bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "optional": true,
+      "requires": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
     "blob": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.5.tgz",
@@ -8024,6 +8028,12 @@
         }
       }
     },
+    "file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
+      "optional": true
+    },
     "filename-regex": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
@@ -17613,6 +17623,7 @@
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
@@ -18233,6 +18244,7 @@
           "dev": true,
           "optional": true,
           "requires": {
+            "bindings": "^1.5.0",
             "nan": "^2.12.1"
           }
         },
diff --git a/Frontend/src/app/app.module.ts b/Frontend/src/app/app.module.ts
index ac7911e..190b67f 100644
--- a/Frontend/src/app/app.module.ts
+++ b/Frontend/src/app/app.module.ts
@@ -3,11 +3,15 @@ import { NgModule } from '@angular/core';
 
 import { AppComponent } from './app.component';
 import { HelloWorldComponent } from './hello-world/hello-world.component';
+import { ProductDetailPageComponent } from './product-detail-page/product-detail-page.component';
+import { FooterComponent } from './components/footer/footer.component';
 
 @NgModule({
   declarations: [
     AppComponent,
-    HelloWorldComponent
+    HelloWorldComponent,
+    ProductDetailPageComponent,
+    FooterComponent
   ],
   imports: [
     BrowserModule
diff --git a/Frontend/src/app/hello-world/hello-world.component.html b/Frontend/src/app/hello-world/hello-world.component.html
index 40f0386..8cc8207 100644
--- a/Frontend/src/app/hello-world/hello-world.component.html
+++ b/Frontend/src/app/hello-world/hello-world.component.html
@@ -1,2 +1,2 @@
-<p>hello-world works! Title: {{title}}</p>
+<p>hello-world works! Title:</p>
 <a href="https://blog.betterzon.xyz">Blog</a>

From 692ace970140263f93eaef80a47ff362240a891b Mon Sep 17 00:00:00 2001
From: rebooooorn <jegor.reichert.1998@gmail.com>
Date: Wed, 2 Dec 2020 18:51:41 +0100
Subject: [PATCH 2/2] BETTERZON-35 components created

---
 Frontend/src/app/footer/footer.component.css  |  3 +++
 Frontend/src/app/footer/footer.component.html |  7 ++++++
 .../src/app/footer/footer.component.spec.ts   | 25 +++++++++++++++++++
 Frontend/src/app/footer/footer.component.ts   | 15 +++++++++++
 4 files changed, 50 insertions(+)
 create mode 100644 Frontend/src/app/footer/footer.component.css
 create mode 100644 Frontend/src/app/footer/footer.component.html
 create mode 100644 Frontend/src/app/footer/footer.component.spec.ts
 create mode 100644 Frontend/src/app/footer/footer.component.ts

diff --git a/Frontend/src/app/footer/footer.component.css b/Frontend/src/app/footer/footer.component.css
new file mode 100644
index 0000000..e25c62c
--- /dev/null
+++ b/Frontend/src/app/footer/footer.component.css
@@ -0,0 +1,3 @@
+.container{
+  text-align: center;
+}
diff --git a/Frontend/src/app/footer/footer.component.html b/Frontend/src/app/footer/footer.component.html
new file mode 100644
index 0000000..aa19043
--- /dev/null
+++ b/Frontend/src/app/footer/footer.component.html
@@ -0,0 +1,7 @@
+<!--- footer --->
+
+<footer class = "footer">
+  <div class="container">
+    .footer
+  </div>
+</footer>
diff --git a/Frontend/src/app/footer/footer.component.spec.ts b/Frontend/src/app/footer/footer.component.spec.ts
new file mode 100644
index 0000000..a3c4af9
--- /dev/null
+++ b/Frontend/src/app/footer/footer.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FooterComponent } from './footer.component';
+
+describe('FooterComponent', () => {
+  let component: FooterComponent;
+  let fixture: ComponentFixture<FooterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FooterComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FooterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Frontend/src/app/footer/footer.component.ts b/Frontend/src/app/footer/footer.component.ts
new file mode 100644
index 0000000..a10f2a4
--- /dev/null
+++ b/Frontend/src/app/footer/footer.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  templateUrl: './footer.component.html',
+  styleUrls: ['./footer.component.css']
+})
+export class FooterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}