From 48c11e8851801168a71cbad8da205aaf46a81055 Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas.leder@jobrouter.com>
Date: Wed, 16 Mar 2022 15:25:29 +0100
Subject: [PATCH] rename buchung to bearbeiten
---
src/app/app-routing.module.ts | 4 +--
src/app/app.component.ts | 4 +--
src/app/app.module.ts | 14 +++++++---
src/app/bearbeiten/bearbeiten.component.html | 27 +++++++++++++++++++
src/app/bearbeiten/bearbeiten.component.scss | 5 ++++
.../bearbeiten.component.spec.ts} | 12 ++++-----
src/app/bearbeiten/bearbeiten.component.ts | 15 +++++++++++
src/app/bestand/bestand.component.ts | 2 +-
src/app/buchung/buchung.component.html | 1 -
src/app/buchung/buchung.component.scss | 0
src/app/buchung/buchung.component.ts | 15 -----------
11 files changed, 68 insertions(+), 31 deletions(-)
create mode 100644 src/app/bearbeiten/bearbeiten.component.html
create mode 100644 src/app/bearbeiten/bearbeiten.component.scss
rename src/app/{buchung/buchung.component.spec.ts => bearbeiten/bearbeiten.component.spec.ts} (54%)
create mode 100644 src/app/bearbeiten/bearbeiten.component.ts
delete mode 100644 src/app/buchung/buchung.component.html
delete mode 100644 src/app/buchung/buchung.component.scss
delete mode 100644 src/app/buchung/buchung.component.ts
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 1e65c23..e129e18 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,12 +1,12 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
+import { BearbeitenComponent } from './bearbeiten/bearbeiten.component';
import { BestandComponent } from './bestand/bestand.component';
-import { BuchungComponent } from './buchung/buchung.component';
const routes: Routes = [
{ path: '', redirectTo: 'bestand', pathMatch: 'full' },
{ path: 'bestand', component: BestandComponent },
- { path: 'buchung', component: BuchungComponent },
+ { path: 'bearbeiten', component: BearbeitenComponent },
];
@NgModule({
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index fa70b9c..7dac17d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -9,8 +9,8 @@ export class AppComponent {
constructor(public router: Router, public route: ActivatedRoute) {}
activeLink = "";
- links = ['#/bestand', '#/buchung', '#/neu'];
- titles = ['Bestand', 'Buchung', 'Neu'];
+ links = ['#/bestand', '#/bearbeiten', '#/neu'];
+ titles = ['Bestand', 'Bearbeiten', 'Neu'];
title = 'Lagerverwaltung';
ngOnInit(){
console.log(this.router.url);
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 5aef737..7684f04 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -14,17 +14,19 @@ import {MatToolbarModule} from '@angular/material/toolbar';
import {MatIconModule} from '@angular/material/icon'
import {MatTabsModule} from '@angular/material/tabs';
import { MatTableModule } from '@angular/material/table';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatSelectModule } from '@angular/material/select';
+import { MatInputModule } from '@angular/material/input';
import { BestandComponent } from './bestand/bestand.component';
-import { BuchungComponent } from './buchung/buchung.component';
-
+import { BearbeitenComponent } from './bearbeiten/bearbeiten.component';
const graphQL = '/api/';
@NgModule({
declarations: [
AppComponent,
BestandComponent,
- BuchungComponent
+ BearbeitenComponent
],
imports: [
BrowserModule,
@@ -35,7 +37,11 @@ const graphQL = '/api/';
MatToolbarModule,
MatIconModule,
MatTabsModule,
- MatTableModule
+ MatTableModule,
+ MatFormFieldModule,
+ MatSelectModule,
+ MatFormFieldModule,
+ MatInputModule
],
providers: [
{
diff --git a/src/app/bearbeiten/bearbeiten.component.html b/src/app/bearbeiten/bearbeiten.component.html
new file mode 100644
index 0000000..d07f917
--- /dev/null
+++ b/src/app/bearbeiten/bearbeiten.component.html
@@ -0,0 +1,27 @@
+<div class = "Simple example">
+ <mat-form-field appearance = "fill">
+ <mat-label> Name </mat-label>
+ <input matInput>
+ </mat-form-field>
+ <br>
+ <mat-form-field appearance = "fill">
+ <mat-label> Hersteller </mat-label>
+ <mat-select>
+ <mat-option value = "option"> Male </mat-option>
+ <mat-option value = "option"> Female </mat-option>
+ </mat-select>
+ </mat-form-field>
+ <br>
+ <mat-form-field appearance = "fill">
+ <mat-label> Position </mat-label>
+ <mat-select>
+ <mat-option value = "option"> Male </mat-option>
+ <mat-option value = "option"> Female </mat-option>
+ </mat-select>
+ </mat-form-field>
+ <br>
+ <mat-form-field appearance = "fill">
+ <mat-label> Lagerbestand </mat-label>
+ <input matInput type="number" min="0">
+ </mat-form-field>
+ </div>
\ No newline at end of file
diff --git a/src/app/bearbeiten/bearbeiten.component.scss b/src/app/bearbeiten/bearbeiten.component.scss
new file mode 100644
index 0000000..8337fa4
--- /dev/null
+++ b/src/app/bearbeiten/bearbeiten.component.scss
@@ -0,0 +1,5 @@
+:host {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
\ No newline at end of file
diff --git a/src/app/buchung/buchung.component.spec.ts b/src/app/bearbeiten/bearbeiten.component.spec.ts
similarity index 54%
rename from src/app/buchung/buchung.component.spec.ts
rename to src/app/bearbeiten/bearbeiten.component.spec.ts
index 32dced1..b28e50d 100644
--- a/src/app/buchung/buchung.component.spec.ts
+++ b/src/app/bearbeiten/bearbeiten.component.spec.ts
@@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BuchungComponent } from './buchung.component';
+import { BearbeitenComponent } from './bearbeiten.component';
-describe('BuchungComponent', () => {
- let component: BuchungComponent;
- let fixture: ComponentFixture<BuchungComponent>;
+describe('BearbeitenComponent', () => {
+ let component: BearbeitenComponent;
+ let fixture: ComponentFixture<BearbeitenComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
- declarations: [ BuchungComponent ]
+ declarations: [ BearbeitenComponent ]
})
.compileComponents();
});
beforeEach(() => {
- fixture = TestBed.createComponent(BuchungComponent);
+ fixture = TestBed.createComponent(BearbeitenComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
diff --git a/src/app/bearbeiten/bearbeiten.component.ts b/src/app/bearbeiten/bearbeiten.component.ts
new file mode 100644
index 0000000..0b9dbaf
--- /dev/null
+++ b/src/app/bearbeiten/bearbeiten.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-bearbeiten',
+ templateUrl: './bearbeiten.component.html',
+ styleUrls: ['./bearbeiten.component.scss']
+})
+export class BearbeitenComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/bestand/bestand.component.ts b/src/app/bestand/bestand.component.ts
index 2308c74..e9af241 100644
--- a/src/app/bestand/bestand.component.ts
+++ b/src/app/bestand/bestand.component.ts
@@ -43,7 +43,7 @@ export class BestandComponent implements OnInit {
}
rowClicked(row: Product) {
- window.location.href = "/#/buchung?item=" + row.id
+ window.location.href = "/#/bearbeiten?item=" + row.id
}
ngOnDestroy() {
diff --git a/src/app/buchung/buchung.component.html b/src/app/buchung/buchung.component.html
deleted file mode 100644
index 1e5c4a2..0000000
--- a/src/app/buchung/buchung.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>buchung works!</p>
diff --git a/src/app/buchung/buchung.component.scss b/src/app/buchung/buchung.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/buchung/buchung.component.ts b/src/app/buchung/buchung.component.ts
deleted file mode 100644
index bbe5597..0000000
--- a/src/app/buchung/buchung.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-buchung',
- templateUrl: './buchung.component.html',
- styleUrls: ['./buchung.component.scss']
-})
-export class BuchungComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit(): void {
- }
-
-}
--
GitLab