Adjust dialog and CSS; Format code

This commit is contained in:
Peter Rossa
2023-05-17 11:19:35 +02:00
parent e0e61a7148
commit f4466f704e
3 changed files with 42 additions and 20 deletions

View File

@@ -1,18 +1,18 @@
import { HttpErrorResponse } from "@angular/common/http";
import { Component } from "@angular/core";
import { MatDialog } from "@angular/material/dialog";
import { LoaderService } from "src/app/components/loader/loader.service";
import { MeterData } from "src/app/dataModels/Meterdata";
import { UsageType } from "src/app/dataModels/UsageType";
import { MeterDataAddDialogComponent } from "src/app/dialogs/meter-data-add-dialog/meter-data-add-dialog.component";
import { DatabaseService } from "src/app/services/database.service";
import { ErrorService } from "src/app/services/error.service";
import { GlobalService } from "src/app/services/global.service";
import { HttpErrorResponse } from '@angular/common/http';
import { Component } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { LoaderService } from 'src/app/components/loader/loader.service';
import { MeterData } from 'src/app/dataModels/Meterdata';
import { UsageType } from 'src/app/dataModels/UsageType';
import { MeterDataAddDialogComponent } from 'src/app/dialogs/meter-data-add-dialog/meter-data-add-dialog.component';
import { DatabaseService } from 'src/app/services/database.service';
import { ErrorService } from 'src/app/services/error.service';
import { GlobalService } from 'src/app/services/global.service';
@Component({
selector: "app-dashboard",
templateUrl: "./dashboard.component.html",
styleUrls: ["./dashboard.component.scss"],
selector: 'app-dashboard',
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss'],
})
export class DashboardComponent {
usageTypes = UsageType;
@@ -27,7 +27,7 @@ export class DashboardComponent {
energyAverageAmountLastYear1Hem: number = 0;
waterAverageAmountLastYear: number = 0;
displayedColumns: string[] = ["date", "amount", "meter"];
displayedColumns: string[] = ['date', 'amount', 'meter'];
constructor(
private dataService: DatabaseService,
@@ -45,7 +45,7 @@ export class DashboardComponent {
next: (data) => {
this.splitMeterData(data);
this.loaderService.hide();
console.log("Meter data:", data);
console.log('Meter data:', data);
},
error: (error: HttpErrorResponse) => {
this.errorService.handleError(error);
@@ -82,7 +82,11 @@ export class DashboardComponent {
}
addMeterData(): void {
const dialogRef = this.dialog.open(MeterDataAddDialogComponent);
const dialogRef = this.dialog.open(MeterDataAddDialogComponent, {
width: '400px',
data: {},
restoreFocus: false,
});
dialogRef.afterClosed().subscribe((newMeterData: MeterData) => {
console.log({ newMeterData });