danielschmitz / my-sales-aapp

This is the project from my book Angular from Scratch

MySalesApp

This project was generated with Angular CLI version 13.2.0.

Angular version: 14.0.2

Demo: https://danielschmitz.github.io/my-sales-aapp/

This is the project from my book Angular from Scratch https://leanpub.com/book-angular/ or the Spanish translation Angular 14 desde Cero https://leanpub.com/book-angular-es

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

my-sales-aapp's Issues

6.3 Supplier DTO - Page 155

The below text needs to be translated into English

The Supplier has the fields id, companyName, contatctName and contatctTitle, and the
address field. Para “transformar” esta informação em um DTO, acesse o site json2ts.com
e cole o json acima na caixa de texto, e então clique no botão verde generate TypeSript.

test

5.4 Adding Loding Spinner to an Material Button

I'm unable to see the spinner on top of the Save button in the category-form component. It looks like the mat-raised-button class is the culprit. It's setting the display: none in the mat-focus-indicator class.

I believe setting the display: inline for the mat-focus-indicator class in styles.css should fix the issue.

/* SPINNER */
button.mat-focus-indicator:before{
display: inline;
}

section 4.29 this.save.emit(this.categoryForm.value);

I have checked the code multiple times and I am still getting this error

Error: src/app/categories/form/form.component.ts:32:22 - error TS2345: Argument of type 'Partial<{ id: string | null; name: string | null; description: string | null; }>' is not assignable to parameter of type 'Category'.
Types of property 'id' are incompatible.
Type 'string | null | undefined' is not assignable to type 'number'.
Type 'undefined' is not assignable to type 'number'.

32 this.save.emit(this.categoryForm.value);

thank you in advance

chapter 5.9 Another way to load async data.

I am getting the following error , I copied and pasted your files but still am getting the error I also uploaded my project to git hub.

Error: NG0302: The pipe 'async' could not be found in the 'CategoriesLoadingAsyncComponent' component. Verify that it is declared or imported in this module.

https://github.com/sshakibi/MedTrackPro.git

thanks in advance.

Error from the code in section 4.1 of angular 13 from scratch book

I get TypeError: column.headerCell is undefined when I rewrite categories.component.html as guided in section 4.1.