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

View File

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