Skip to content
This repository was archived by the owner on Oct 1, 2018. It is now read-only.

Commit 18eec26

Browse files
ladyleetladyleet
committed
setting up app
1 parent e54a611 commit 18eec26

18 files changed

+187
-27
lines changed

‎package.json‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,20 @@
1212
},
1313
"private": true,
1414
"dependencies": {
15-
"@angular/animations": "^4.2.4",
15+
"@angular/animations": "^4.4.4",
16+
"@angular/cdk": "^2.0.0-beta.11",
1617
"@angular/common": "^4.2.4",
1718
"@angular/compiler": "^4.2.4",
1819
"@angular/core": "^4.2.4",
1920
"@angular/forms": "^4.2.4",
2021
"@angular/http": "^4.2.4",
22+
"@angular/material": "^2.0.0-beta.11",
2123
"@angular/platform-browser": "^4.2.4",
2224
"@angular/platform-browser-dynamic": "^4.2.4",
2325
"@angular/router": "^4.2.4",
26+
"@types/hammerjs": "^2.0.35",
2427
"core-js": "^2.4.1",
28+
"hammerjs": "^2.0.8",
2529
"rxjs": "^5.4.2",
2630
"zone.js": "^0.8.14"
2731
},

‎src/app/app.component.html‎

Lines changed: 37 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,37 @@
1-
<!--The content below is only a placeholder and can be replaced.-->
2-
<div style="text-align:center">
3-
<h1>
4-
Welcome to {{title}}!
5-
</h1>
6-
<img width="300" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
7-
</div>
8-
<h2>Here are some links to help you start: </h2>
9-
<ul>
10-
<li>
11-
<h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
12-
</li>
13-
<li>
14-
<h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
15-
</li>
16-
<li>
17-
<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
18-
</li>
19-
</ul>
20-
1+
<md-sidenav-container fullscreen>
2+
<md-toolbar color="accent">
3+
<button md-button (click)="sidenav.toggle()">
4+
<md-icon>
5+
menu
6+
</md-icon>
7+
</button>
8+
RxJS Docs
9+
</md-toolbar>
10+
<md-sidenav #sidenav>
11+
<md-toolbar>
12+
<span>
13+
<button md-button routerLink="/rxjs">
14+
Home
15+
</button>
16+
</span>
17+
<md-toolbar-row>
18+
<button md-button routerLink="/operators">
19+
Operators
20+
</button>
21+
</md-toolbar-row>
22+
<md-toolbar-row>
23+
<button md-button routerLink="/companies">
24+
Companies
25+
</button>
26+
</md-toolbar-row>
27+
<md-toolbar-row>
28+
<button md-button routerLink="/team">
29+
Team
30+
</button>
31+
</md-toolbar-row>
32+
</md-toolbar>
33+
</md-sidenav>
34+
<div class="body-margin">
35+
<router-outlet></router-outlet>
36+
</div>
37+
</md-sidenav-container>

‎src/app/app.module.ts‎

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,31 @@
11
import { BrowserModule } from '@angular/platform-browser';
22
import { NgModule } from '@angular/core';
3+
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
4+
import { MdToolbarModule, MdSidenavModule, MdIconModule, MdButtonModule } from '@angular/material';
5+
import { routing } from './app.routing';
36

47
import { AppComponent } from './app.component';
8+
import { OperatorsComponent } from './operators/operators.component';
9+
import { CompaniesComponent } from './companies/companies.component';
10+
import { TeamComponent } from './team/team.component';
11+
import { RxjsComponent } from './rxjs/rxjs.component';
512

613
@NgModule({
714
declarations: [
8-
AppComponent
15+
AppComponent,
16+
OperatorsComponent,
17+
CompaniesComponent,
18+
TeamComponent,
19+
RxjsComponent
920
],
1021
imports: [
11-
BrowserModule
22+
BrowserModule,
23+
BrowserAnimationsModule,
24+
routing,
25+
MdToolbarModule,
26+
MdSidenavModule,
27+
MdIconModule,
28+
MdButtonModule
1229
],
1330
providers: [],
1431
bootstrap: [AppComponent]

‎src/app/app.routing.ts‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { ModuleWithProviders } from '@angular/core';
2+
import { Routes, RouterModule } from '@angular/router';
3+
4+
import { CompaniesComponent } from './companies/companies.component';
5+
import { OperatorsComponent } from './operators/operators.component';
6+
import { RxjsComponent } from './rxjs/rxjs.component';
7+
import { TeamComponent } from './team/team.component';
8+
9+
const appRoutes: Routes = [
10+
{ path: '', component: RxjsComponent },
11+
{ path: 'rxjs', component: RxjsComponent},
12+
{ path: 'operators', component: OperatorsComponent },
13+
{ path: 'team', component: TeamComponent },
14+
{ path: 'companies', component: CompaniesComponent }
15+
];
16+
17+
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

‎src/app/companies/companies.component.css‎

Whitespace-only changes.

‎src/app/companies/companies.component.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<p>
2+
companies works!
3+
</p>

‎src/app/companies/companies.component.ts‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { Component, OnInit } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-companies',
5+
templateUrl: './companies.component.html',
6+
styleUrls: ['./companies.component.css']
7+
})
8+
export class CompaniesComponent implements OnInit {
9+
10+
constructor() { }
11+
12+
ngOnInit() {
13+
}
14+
15+
}

‎src/app/operators/operators.component.css‎

Whitespace-only changes.

‎src/app/operators/operators.component.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<p>
2+
operators works!
3+
</p>

‎src/app/operators/operators.component.ts‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { Component, OnInit } from '@angular/core';
2+
3+
@Component({
4+
selector: 'app-operators',
5+
templateUrl: './operators.component.html',
6+
styleUrls: ['./operators.component.css']
7+
})
8+
export class OperatorsComponent implements OnInit {
9+
10+
constructor() { }
11+
12+
ngOnInit() {
13+
}
14+
15+
}

0 commit comments

Comments
 (0)