Ng matero

Getting started

You'll just following along the instructions at the Github page (https://github.com/ng-matero/ng-matero). Basically just starting a new angular project and adding ng-matero to it.

ng new <project-name>
cd <project-name>
ng add ng-matero

Login Service

In app.config you can see that the provider set for LoginService is FakeLoginService. You'll want to comment this out so that the real LoginService is used.

{ provide: LoginService, useClass: FakeLoginService },

In the actual login.service.ts file, unless you're ready to implement the menu function on the backend, I went ahead and copied the method from the fake login service to use the local menu.json file. This is fine.

BaseURL

You'll obviously want to change the baseUrl parameter in the environtment.ts file so that you are calling your api.

export const environment = {
  production: false,
  baseUrl: 'http://localhost:9095/api',
  useHash: false,
};

Avatar

Because I'm not returning an avatar currently with the user interface, I changed it to show a basic material user icon in both src/app/theme/sidebar/user-panel.component.ts and src/app/theme/widgets/user.component.ts

Login Page

Remove all references to ng-matero

Header modifications

Remove unnecessary buttons in header.component.html

Comments