refactor: ReceiverInputComponent in ReceiverTableComponent umbenennen und in das Verzeichnis components verschieben

This commit is contained in:
Developer 02 2024-08-22 17:40:14 +02:00
parent 72af1cc2a2
commit 10ac34a9f7
6 changed files with 14 additions and 14 deletions

View File

@ -1,18 +1,18 @@
import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReceiverInputComponent } from './receiver-input.component'; import { ReceiverTableComponent } from './receiver-table.component';
describe('ReceiverInputComponent', () => { describe('ReceiverTableComponent', () => {
let component: ReceiverInputComponent; let component: ReceiverTableComponent;
let fixture: ComponentFixture<ReceiverInputComponent>; let fixture: ComponentFixture<ReceiverTableComponent>;
beforeEach(async () => { beforeEach(async () => {
await TestBed.configureTestingModule({ await TestBed.configureTestingModule({
imports: [ReceiverInputComponent] imports: [ReceiverTableComponent]
}) })
.compileComponents(); .compileComponents();
fixture = TestBed.createComponent(ReceiverInputComponent); fixture = TestBed.createComponent(ReceiverTableComponent);
component = fixture.componentInstance; component = fixture.componentInstance;
fixture.detectChanges(); fixture.detectChanges();
}); });

View File

@ -7,7 +7,7 @@ import { startWith, map } from 'rxjs/operators';
import { AsyncPipe } from '@angular/common'; import { AsyncPipe } from '@angular/common';
import { MatAutocompleteModule } from '@angular/material/autocomplete'; import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { MatFormFieldModule } from '@angular/material/form-field'; import { MatFormFieldModule } from '@angular/material/form-field';
import { ReceiverService } from '../../../services/receiver.service' import { ReceiverService } from '../../services/receiver.service'
@Component({ @Component({
selector: 'receiver-input', selector: 'receiver-input',
@ -21,10 +21,10 @@ import { ReceiverService } from '../../../services/receiver.service'
ReactiveFormsModule, ReactiveFormsModule,
AsyncPipe AsyncPipe
], ],
templateUrl: './receiver-input.component.html', templateUrl: './receiver-table.component.html',
styleUrl: './receiver-input.component.scss' styleUrl: './receiver-table.component.scss'
}) })
export class ReceiverInputComponent implements OnInit { export class ReceiverTableComponent implements OnInit {
constructor(private receiverService: ReceiverService) { } constructor(private receiverService: ReceiverService) { }

View File

@ -2,7 +2,7 @@
<mat-step [stepControl]="firstFormGroup"> <mat-step [stepControl]="firstFormGroup">
<form [formGroup]="firstFormGroup"> <form [formGroup]="firstFormGroup">
<ng-template matStepLabel>Titel & Vertragstyp</ng-template> <ng-template matStepLabel>Titel & Vertragstyp</ng-template>
<receiver-input></receiver-input> <receiver-table></receiver-table>
<mat-form-field> <mat-form-field>
<mat-label>Titel</mat-label> <mat-label>Titel</mat-label>
<input matInput placeholder="Arbeitsvertrag" formControlName="firstCtrl" required> <input matInput placeholder="Arbeitsvertrag" formControlName="firstCtrl" required>
@ -23,7 +23,7 @@
<mat-step [stepControl]="secondFormGroup"> <mat-step [stepControl]="secondFormGroup">
<form [formGroup]="secondFormGroup"> <form [formGroup]="secondFormGroup">
<ng-template matStepLabel>Empfänger</ng-template> <ng-template matStepLabel>Empfänger</ng-template>
<receiver-input></receiver-input> <receiver-table></receiver-table>
<div> <div>
<button mat-button matStepperPrevious>Back</button> <button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button> <button mat-button matStepperNext>Next</button>

View File

@ -5,7 +5,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
import { MatStepperModule } from '@angular/material/stepper'; import { MatStepperModule } from '@angular/material/stepper';
import { MatButtonModule } from '@angular/material/button'; import { MatButtonModule } from '@angular/material/button';
import { MatSelectModule } from '@angular/material/select'; import { MatSelectModule } from '@angular/material/select';
import { ReceiverInputComponent } from "./receiver-input/receiver-input.component"; import { ReceiverTableComponent } from "../../components/receiver-table/receiver-table.component";
@Component({ @Component({
selector: 'app-envelope-creation', selector: 'app-envelope-creation',
@ -18,7 +18,7 @@ import { ReceiverInputComponent } from "./receiver-input/receiver-input.componen
MatFormFieldModule, MatFormFieldModule,
MatInputModule, MatInputModule,
MatSelectModule, MatSelectModule,
ReceiverInputComponent ReceiverTableComponent
], ],
templateUrl: './envelope-creation.component.html', templateUrl: './envelope-creation.component.html',
styleUrl: './envelope-creation.component.scss' styleUrl: './envelope-creation.component.scss'