Remove unused component
This commit is contained in:
@@ -1,25 +0,0 @@
|
||||
<h1 mat-dialog-title>Neuer Eintrag - Typ: {{usageType}}</h1>
|
||||
<form [formGroup]="form">
|
||||
<div mat-dialog-content>
|
||||
<mat-form-field>
|
||||
<input matInput [matDatepicker]="picker" formControlName="date">
|
||||
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
|
||||
<mat-datepicker #picker></mat-datepicker>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>Meter</mat-label>
|
||||
<mat-select formControlName="meter" (valueChange)="setUsageType($event.name)">
|
||||
<mat-option *ngFor="let el of meters" [value]="el">{{el.name}}</mat-option>
|
||||
</mat-select>
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<input matInput type="number" formControlName="amount">
|
||||
</mat-form-field>
|
||||
</div>
|
||||
|
||||
<div mat-dialog-actions>
|
||||
<button mat-raised-button color="primary" (click)="submit()">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -1,23 +0,0 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { MeterDataAddDialogComponent } from './meter-data-add-dialog.component';
|
||||
|
||||
describe('MeterDataAddDialogComponent', () => {
|
||||
let component: MeterDataAddDialogComponent;
|
||||
let fixture: ComponentFixture<MeterDataAddDialogComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ MeterDataAddDialogComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
|
||||
fixture = TestBed.createComponent(MeterDataAddDialogComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@@ -1,66 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
||||
import { MatDialogRef } from '@angular/material/dialog';
|
||||
import { Meter, Meters } from 'src/app/models/Meter';
|
||||
import { MeterData } from 'src/app/models/Meterdata';
|
||||
import { UsageType } from 'src/app/models/UsageType';
|
||||
import { DatabaseService } from 'src/app/services/database.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-meter-data-add-dialog',
|
||||
templateUrl: './meter-data-add-dialog.component.html',
|
||||
styleUrls: ['./meter-data-add-dialog.component.scss'],
|
||||
})
|
||||
export class MeterDataAddDialogComponent implements OnInit {
|
||||
meters: Meter[];
|
||||
usageTypes = UsageType;
|
||||
usageType: UsageType;
|
||||
|
||||
form: FormGroup;
|
||||
|
||||
constructor(
|
||||
private fb: FormBuilder,
|
||||
private dialogRef: MatDialogRef<MeterDataAddDialogComponent>,
|
||||
private dataService: DatabaseService
|
||||
) {}
|
||||
|
||||
ngOnInit(): void {
|
||||
this.form = this.fb.group({
|
||||
date: [new Date(), Validators.required],
|
||||
meter: ['', Validators.required],
|
||||
amount: ['', Validators.required],
|
||||
});
|
||||
|
||||
this.dataService.getMeters().subscribe({
|
||||
next: (meters: Meter[]) => {
|
||||
console.log({ meters });
|
||||
this.meters = meters;
|
||||
},
|
||||
error: (err) => {
|
||||
console.log('get meters error', { err });
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
submit() {
|
||||
if (this.form.valid) {
|
||||
const formValues = this.form.value;
|
||||
const newMeterData: MeterData = {
|
||||
amount: formValues.amount,
|
||||
date: formValues.date,
|
||||
meter: formValues.meter,
|
||||
type: this.usageType,
|
||||
};
|
||||
|
||||
this.dialogRef.close(newMeterData);
|
||||
}
|
||||
}
|
||||
|
||||
setUsageType(meterName: string): void {
|
||||
if (meterName === Meters['1HEM'] || meterName === Meters['1LOG']) {
|
||||
this.usageType = this.usageTypes.ENERGY;
|
||||
} else if (meterName === Meters.ABWASSER || meterName === Meters.WASSER) {
|
||||
this.usageType = this.usageTypes.WATER;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user