+
+
+
+
+
+
diff --git a/product-app/src/app/home/home.component.scss b/product-app/src/app/home/home.component.scss
new file mode 100644
index 0000000..7580021
--- /dev/null
+++ b/product-app/src/app/home/home.component.scss
@@ -0,0 +1,14 @@
+.home-container {display: flex;
+ justify-content: center;
+ mat-card{
+ margin-top: 20px;
+ max-width: 600px;
+ text-align: center;
+
+ button {
+ margin: 100px;
+ }
+ }
+
+
+}
diff --git a/product-app/src/app/home/home.component.spec.ts b/product-app/src/app/home/home.component.spec.ts
new file mode 100644
index 0000000..3dfba7f
--- /dev/null
+++ b/product-app/src/app/home/home.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixtureWillkommen in der Produktapp!
+Du kannst hier Produkte hinzufügen und dir diese direkt in der Übersicht ansehen!
+ + +
+
+
+
diff --git a/product-app/src/app/product-add/product-add.component.scss b/product-app/src/app/product-add/product-add.component.scss
new file mode 100644
index 0000000..47002c2
--- /dev/null
+++ b/product-app/src/app/product-add/product-add.component.scss
@@ -0,0 +1,56 @@
+.card-container {
+ display: flex;
+ justify-content: center;
+
+ mat-card {
+ margin-top: 20px;
+ max-width: 600px;
+
+ h1 {
+ margin-bottom: 40px;
+ font-size: 16px;
+ }
+ img{
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ height: 80px;
+ }
+
+ mat-form-field {
+ display: block;
+ }
+
+ .help-block {
+ color: #FF0000;
+ font-size: 10px;
+ margin-left: 5px;
+ margin-top: -5px;
+ }
+
+ .form-control {
+ width: 70%;
+ display: inline;
+
+ }
+
+ input[type='file'] {
+ margin-bottom: 20px;
+ }
+
+ ::ng-deep .mat-radio-container {
+ margin: 10px 5px 10px 10px;
+ }
+
+ .right-align {
+ text-align: right;
+ }
+
+ input.right-align::-webkit-outer-spin-button,
+ input.right-align::-webkit-inner-spin-button {
+ display: none;
+ }
+ }
+
+
+}
diff --git a/product-app/src/app/product-add/product-add.component.spec.ts b/product-app/src/app/product-add/product-add.component.spec.ts
new file mode 100644
index 0000000..b89ecef
--- /dev/null
+++ b/product-app/src/app/product-add/product-add.component.spec.ts
@@ -0,0 +1,32 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProductAddComponent } from './product-add.component';
+
+import { ProductService } from '../product.service';
+import { HttpClientModule } from '@angular/common/http';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('ProductAddComponent', () => {
+ let component: ProductAddComponent;
+ let fixture: ComponentFixtureProdukt hinzufügen:
+ + +
+
diff --git a/product-app/src/app/product-overview/product-overview.component.scss b/product-app/src/app/product-overview/product-overview.component.scss
new file mode 100644
index 0000000..f52a4a5
--- /dev/null
+++ b/product-app/src/app/product-overview/product-overview.component.scss
@@ -0,0 +1,19 @@
+.table-container{
+padding: 15px;
+
+ .productTable {
+ width: 100%;
+
+ img{
+ height: 50px;
+ }
+ }
+
+ .button-container {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+
diff --git a/product-app/src/app/product-overview/product-overview.component.spec.ts b/product-app/src/app/product-overview/product-overview.component.spec.ts
new file mode 100644
index 0000000..96f8c3a
--- /dev/null
+++ b/product-app/src/app/product-overview/product-overview.component.spec.ts
@@ -0,0 +1,32 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProductOverviewComponent } from './product-overview.component';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { Router } from '@angular/router';
+import { ProductService } from '../product.service';
+import { HttpClientModule } from '@angular/common/http';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('ProductOverviewComponent', () => {
+ let component: ProductOverviewComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+ | + {{column.header}} + | +
+ {{(column.cell(row)| currency:'EUR':'symbol')}}
+ {{ column.cell(row)}}
+ {{column.cell(row)}}
+ |
+
|---|
Noch keine Daten vorhanden!
+
+
+