FelipePSoares / EconoFlow

An easy system to help you control your personal or company budget.
https://econoflow.pt/
MIT License
2 stars 2 forks source link

[Frontend] Apply angular material in edit forms #239

Closed FelipePSoares closed 2 days ago

FelipePSoares commented 2 weeks ago

To keep the pattern in the application we need to apply angular material in all forms, currently we are not using in some edit forms. you can use list-expenses as example.

Apply angular material in:

During this process we need to ensure that the layout will be good for edit on computers and mobiles. And change the errors to be like we are using today in add forms for example this name field in add-expense:

@if (name?.invalid && name?.touched){
    <mat-error *ngFor="let error of getFormFieldErrors('name')">{{ error }}</mat-error>
}
FelipePSoares commented 5 days ago

Hi @AmirAbdollahi,

If you want to get some item, this would be a good one, because is easy and has some examples. The another issue about the amount value I think that I will finish today at night.

AmirAbdollahi commented 5 days ago

Hi @AmirAbdollahi,

If you want to get some item, this would be a good one, because is easy and has some examples. The another issue about the amount value I think that I will finish today at night.

Hi. Sure. Thanks a lot.

AmirAbdollahi commented 4 days ago

Hi @FelipePSoares. The list-expense-items is complete. If there are any issues, I’d be happy to hear about them. Thank you!

Before changes:

image

image

After changes:

image

image

FelipePSoares commented 4 days ago

Hi @AmirAbdollahi ,

Looks perfect to me. Good job. Thanks

AmirAbdollahi commented 4 days ago

Before Changes

image

image

After Changes

image

image

AmirAbdollahi commented 3 days ago

Before Changes

image

image

After Changes

image

image

AmirAbdollahi commented 3 days ago

Before Changes

image

image

After Changes

image

image

AmirAbdollahi commented 3 days ago

Before Changes

image

After Changes

image

image

AmirAbdollahi commented 3 days ago

Before Changes

image

After Changes

image