Migrate app module and component to material.

This commit is contained in:
Alexis Lahouze 2017-09-16 01:43:44 +02:00
parent 93563aceae
commit 2236f317c6
2 changed files with 13 additions and 7 deletions

View File

@ -4,15 +4,16 @@ import { Component } from '@angular/core';
@Component({
selector: 'accountant',
styles: [ require('./main.scss').toString() ],
template: `
<!-- Navbar -->
<nav class="navbar fixed-top navbar-dark bg-dark">
<a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
</nav>
<md-toolbar class="mat-elevation-z6" color="primary">
<a md-button style="text-transform: uppercase"
routerLink="/accounts">
Accountant
</a>
</md-toolbar>
<div class="container-fluid">
<router-outlet></router-outlet>
</div>
`
})
export class AppComponent { }

View File

@ -3,6 +3,8 @@ import 'zone.js';
import 'reflect-metadata';
import { NgModule } from '@angular/core';
import { MdButtonModule, MdToolbarModule } from '@angular/material';
import { FlexLayoutModule } from '@angular/flex-layout';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { RouterModule } from '@angular/router';
@ -34,6 +36,9 @@ import { ApiBaseURL, LogLevel } from './app.config';
enableTracing: true,
useHash: true
}),
FlexLayoutModule,
MdButtonModule,
MdToolbarModule,
LoginModule,
NgLoggerModule.forRoot(LogLevel),
ToastrModule.forRoot(),