From ada109d090a5d1fa1a6dc6a13315d8664e50b65b Mon Sep 17 00:00:00 2001 From: Vlad Utkin Date: Thu, 11 May 2017 00:09:50 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D1=87=D0=B0=D0=BB=D0=BE=20=D1=80?= =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=82=D1=8B=20=D0=BD=D0=B0=D0=B4=20=D0=B8?= =?UTF-8?q?=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=BE=D0=BC.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 ++ src/app/app.component.css | 4 ++++ src/app/app.component.html | 25 ++++++++++++++++++++++--- src/app/app.component.ts | 2 +- src/app/app.module.ts | 12 +++++++++++- src/index.html | 4 ++-- src/styles.css | 1 + 7 files changed, 43 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 20fb5d5..189611c 100644 --- a/package.json +++ b/package.json @@ -12,11 +12,13 @@ }, "private": true, "dependencies": { + "@angular/animations": "^4.1.1", "@angular/common": "^4.0.0", "@angular/compiler": "^4.0.0", "@angular/core": "^4.0.0", "@angular/forms": "^4.0.0", "@angular/http": "^4.0.0", + "@angular/material": "^2.0.0-beta.3", "@angular/platform-browser": "^4.0.0", "@angular/platform-browser-dynamic": "^4.0.0", "@angular/router": "^4.0.0", diff --git a/src/app/app.component.css b/src/app/app.component.css index e69de29..87a8317 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -0,0 +1,4 @@ +.app-content { + padding: 20px; +} + diff --git a/src/app/app.component.html b/src/app/app.component.html index b6931b5..60a7aa8 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,3 +1,22 @@ -

- {{title}} -

+ + Log Manager + + + + + + + + + + + +
+ + Kek

+ + +
+ + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index ff63e05..d123a4d 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -6,5 +6,5 @@ import { Component } from '@angular/core'; styleUrls: ['./app.component.css'] }) export class AppComponent { - title = 'app works!'; + //title = 'app works!'; } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 67ae491..fcf57fe 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -2,8 +2,11 @@ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; +import { MdButtonModule, MdCheckboxModule, MdToolbarModule, MdSidenavModule, MdCardModule} from '@angular/material'; import { AppComponent } from './app.component'; +import { MdInputModule } from "@angular/material"; @NgModule({ declarations: [ @@ -12,7 +15,14 @@ import { AppComponent } from './app.component'; imports: [ BrowserModule, FormsModule, - HttpModule + BrowserAnimationsModule, + HttpModule, + MdButtonModule, + MdCheckboxModule, + MdToolbarModule, + MdSidenavModule, + MdCardModule, + MdInputModule ], providers: [], bootstrap: [AppComponent] diff --git a/src/index.html b/src/index.html index 070a9b6..3ee9d36 100644 --- a/src/index.html +++ b/src/index.html @@ -2,13 +2,13 @@ - MyDayz + Log Manager - + Loading... diff --git a/src/styles.css b/src/styles.css index 90d4ee0..3063ec3 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,2 @@ /* You can add global styles to this file, and also import other style files */ +@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';