Commit ba2867b8015654b74937b3e6a06dd9d7521f3893
1 parent
25ec1989
first commit
Showing
8 changed files
with
101 additions
and
105 deletions
Show diff stats
package.json
| 1 | { | 1 | { |
| 2 | - "name": "main-maps", | ||
| 3 | - "version": "0.0.0", | ||
| 4 | - "license": "MIT", | ||
| 5 | - "angular-cli": {}, | ||
| 6 | - "scripts": { | ||
| 7 | - "ng": "ng", | ||
| 8 | - "start": "ng serve", | ||
| 9 | - "test": "ng test", | ||
| 10 | - "pree2e": "webdriver-manager update --standalone false --gecko false", | ||
| 11 | - "e2e": "protractor" | ||
| 12 | - }, | ||
| 13 | - "private": true, | ||
| 14 | - "dependencies": { | ||
| 15 | - "@angular/common": "^2.3.1", | ||
| 16 | - "@angular/compiler": "^2.3.1", | ||
| 17 | - "@angular/core": "^2.3.1", | ||
| 18 | - "@angular/forms": "^2.3.1", | ||
| 19 | - "@angular/http": "^2.3.1", | ||
| 20 | - "@angular/platform-browser": "^2.3.1", | ||
| 21 | - "@angular/platform-browser-dynamic": "^2.3.1", | ||
| 22 | - "@angular/router": "^3.3.1", | ||
| 23 | - "core-js": "^2.4.1", | ||
| 24 | - "rxjs": "^5.0.1", | ||
| 25 | - "ts-helpers": "^1.1.1", | ||
| 26 | - "zone.js": "^0.7.2" | ||
| 27 | - }, | ||
| 28 | - "devDependencies": { | ||
| 29 | - "@angular/compiler-cli": "^2.3.1", | ||
| 30 | - "@types/jasmine": "2.5.38", | ||
| 31 | - "@types/node": "^6.0.42", | ||
| 32 | - "angular-cli": "1.0.0-beta.28.3", | ||
| 33 | - "codelyzer": "~2.0.0-beta.1", | ||
| 34 | - "jasmine-core": "2.5.2", | ||
| 35 | - "jasmine-spec-reporter": "2.5.0", | ||
| 36 | - "karma": "1.2.0", | ||
| 37 | - "karma-chrome-launcher": "^2.0.0", | ||
| 38 | - "karma-cli": "^1.0.1", | ||
| 39 | - "karma-jasmine": "^1.0.2", | ||
| 40 | - "karma-remap-istanbul": "^0.2.1", | ||
| 41 | - "protractor": "~4.0.13", | ||
| 42 | - "ts-node": "1.2.1", | ||
| 43 | - "tslint": "^4.3.0", | ||
| 44 | - "typescript": "~2.0.3" | ||
| 45 | - } | ||
| 46 | -} | 2 | + "name": "main-maps", |
| 3 | + "version": "0.0.0", | ||
| 4 | + "license": "MIT", | ||
| 5 | + "angular-cli": {}, | ||
| 6 | + "scripts": { | ||
| 7 | + "ng": "ng", | ||
| 8 | + "start": "ng serve", | ||
| 9 | + "test": "ng test", | ||
| 10 | + "pree2e": "webdriver-manager update --standalone false --gecko false", | ||
| 11 | + "e2e": "protractor" | ||
| 12 | + }, | ||
| 13 | + "private": true, | ||
| 14 | + "dependencies": { | ||
| 15 | + "@angular/common": "^2.3.1", | ||
| 16 | + "@angular/compiler": "^2.3.1", | ||
| 17 | + "@angular/core": "^2.3.1", | ||
| 18 | + "@angular/forms": "^2.3.1", | ||
| 19 | + "@angular/http": "^2.3.1", | ||
| 20 | + "@angular/material": "^2.0.0-beta.1", | ||
| 21 | + "@angular/platform-browser": "^2.3.1", | ||
| 22 | + "@angular/platform-browser-dynamic": "^2.3.1", | ||
| 23 | + "@angular/router": "^3.3.1", | ||
| 24 | + "ag-grid": "7.2.x", | ||
| 25 | + "ag-grid-ng2": "7.2.x", | ||
| 26 | + "core-js": "^2.4.1", | ||
| 27 | + "hammerjs": "^2.0.8", | ||
| 28 | + "rxjs": "^5.0.1", | ||
| 29 | + "ts-helpers": "^1.1.1", | ||
| 30 | + "zone.js": "^0.7.2" | ||
| 31 | + }, | ||
| 32 | + "devDependencies": { | ||
| 33 | + "@angular/compiler-cli": "^2.3.1", | ||
| 34 | + "@types/hammerjs": "^2.0.34", | ||
| 35 | + "@types/jasmine": "2.5.38", | ||
| 36 | + "@types/node": "^6.0.42", | ||
| 37 | + "angular-cli": "1.0.0-beta.28.3", | ||
| 38 | + "codelyzer": "~2.0.0-beta.1", | ||
| 39 | + "jasmine-core": "2.5.2", | ||
| 40 | + "jasmine-spec-reporter": "2.5.0", | ||
| 41 | + "karma": "1.2.0", | ||
| 42 | + "karma-chrome-launcher": "^2.0.0", | ||
| 43 | + "karma-cli": "^1.0.1", | ||
| 44 | + "karma-jasmine": "^1.0.2", | ||
| 45 | + "karma-remap-istanbul": "^0.2.1", | ||
| 46 | + "protractor": "~4.0.13", | ||
| 47 | + "ts-node": "1.2.1", | ||
| 48 | + "tslint": "^4.3.0", | ||
| 49 | + "typescript": "~2.0.3" | ||
| 50 | + } | ||
| 51 | +} | ||
| 47 | \ No newline at end of file | 52 | \ No newline at end of file |
src/app/app.component.css
src/app/app.component.html
| 1 | -<h1> | ||
| 2 | - {{title}} | ||
| 3 | -</h1> | 1 | +<md-grid-list cols="4" rowHeight="100px"> |
| 2 | + <md-grid-tile *ngFor="let tile of tiles" [colspan]="tile.cols" [rowspan]="tile.rows" [style.background]="tile.color"> | ||
| 3 | + {{tile.text}} | ||
| 4 | + </md-grid-tile> | ||
| 5 | +</md-grid-list> | ||
| 4 | \ No newline at end of file | 6 | \ No newline at end of file |
src/app/app.component.spec.ts deleted
| 1 | -/* tslint:disable:no-unused-variable */ | ||
| 2 | - | ||
| 3 | -import { TestBed, async } from '@angular/core/testing'; | ||
| 4 | -import { AppComponent } from './app.component'; | ||
| 5 | - | ||
| 6 | -describe('AppComponent', () => { | ||
| 7 | - beforeEach(() => { | ||
| 8 | - TestBed.configureTestingModule({ | ||
| 9 | - declarations: [ | ||
| 10 | - AppComponent | ||
| 11 | - ], | ||
| 12 | - }); | ||
| 13 | - TestBed.compileComponents(); | ||
| 14 | - }); | ||
| 15 | - | ||
| 16 | - it('should create the app', async(() => { | ||
| 17 | - const fixture = TestBed.createComponent(AppComponent); | ||
| 18 | - const app = fixture.debugElement.componentInstance; | ||
| 19 | - expect(app).toBeTruthy(); | ||
| 20 | - })); | ||
| 21 | - | ||
| 22 | - it(`should have as title 'app works!'`, async(() => { | ||
| 23 | - const fixture = TestBed.createComponent(AppComponent); | ||
| 24 | - const app = fixture.debugElement.componentInstance; | ||
| 25 | - expect(app.title).toEqual('app works!'); | ||
| 26 | - })); | ||
| 27 | - | ||
| 28 | - it('should render title in a h1 tag', async(() => { | ||
| 29 | - const fixture = TestBed.createComponent(AppComponent); | ||
| 30 | - fixture.detectChanges(); | ||
| 31 | - const compiled = fixture.debugElement.nativeElement; | ||
| 32 | - expect(compiled.querySelector('h1').textContent).toContain('app works!'); | ||
| 33 | - })); | ||
| 34 | -}); |
src/app/app.component.ts
| 1 | -import { Component } from '@angular/core'; | 1 | +import {Component} from '@angular/core'; |
| 2 | + | ||
| 2 | 3 | ||
| 3 | @Component({ | 4 | @Component({ |
| 4 | selector: 'app-root', | 5 | selector: 'app-root', |
| 5 | templateUrl: './app.component.html', | 6 | templateUrl: './app.component.html', |
| 6 | - styleUrls: ['./app.component.css'] | ||
| 7 | }) | 7 | }) |
| 8 | export class AppComponent { | 8 | export class AppComponent { |
| 9 | - title = 'app works!'; | ||
| 10 | -} | 9 | + checked = false; |
| 10 | + indeterminate = false; | ||
| 11 | + align = 'start'; | ||
| 12 | + disabled = false; | ||
| 13 | +} | ||
| 11 | \ No newline at end of file | 14 | \ No newline at end of file |
src/app/app.module.ts
| @@ -2,6 +2,8 @@ import { BrowserModule } from '@angular/platform-browser'; | @@ -2,6 +2,8 @@ import { BrowserModule } from '@angular/platform-browser'; | ||
| 2 | import { NgModule } from '@angular/core'; | 2 | import { NgModule } from '@angular/core'; |
| 3 | import { FormsModule } from '@angular/forms'; | 3 | import { FormsModule } from '@angular/forms'; |
| 4 | import { HttpModule } from '@angular/http'; | 4 | import { HttpModule } from '@angular/http'; |
| 5 | +import { MaterialModule } from '@angular/material'; | ||
| 6 | +import 'hammerjs'; | ||
| 5 | 7 | ||
| 6 | import { AppComponent } from './app.component'; | 8 | import { AppComponent } from './app.component'; |
| 7 | 9 | ||
| @@ -12,7 +14,8 @@ import { AppComponent } from './app.component'; | @@ -12,7 +14,8 @@ import { AppComponent } from './app.component'; | ||
| 12 | imports: [ | 14 | imports: [ |
| 13 | BrowserModule, | 15 | BrowserModule, |
| 14 | FormsModule, | 16 | FormsModule, |
| 15 | - HttpModule | 17 | + HttpModule, |
| 18 | + MaterialModule.forRoot() | ||
| 16 | ], | 19 | ], |
| 17 | providers: [], | 20 | providers: [], |
| 18 | bootstrap: [AppComponent] | 21 | bootstrap: [AppComponent] |
src/styles.css
src/tsconfig.json
| 1 | { | 1 | { |
| 2 | - "compilerOptions": { | ||
| 3 | - "baseUrl": "", | ||
| 4 | - "declaration": false, | ||
| 5 | - "emitDecoratorMetadata": true, | ||
| 6 | - "experimentalDecorators": true, | ||
| 7 | - "lib": ["es6", "dom"], | ||
| 8 | - "mapRoot": "./", | ||
| 9 | - "module": "es6", | ||
| 10 | - "moduleResolution": "node", | ||
| 11 | - "outDir": "../dist/out-tsc", | ||
| 12 | - "sourceMap": true, | ||
| 13 | - "target": "es5", | ||
| 14 | - "typeRoots": [ | ||
| 15 | - "../node_modules/@types" | ||
| 16 | - ] | ||
| 17 | - } | ||
| 18 | -} | 2 | + "compilerOptions": { |
| 3 | + "types": [ | ||
| 4 | + "hammerjs" | ||
| 5 | + ], | ||
| 6 | + "baseUrl": "", | ||
| 7 | + "declaration": false, | ||
| 8 | + "emitDecoratorMetadata": true, | ||
| 9 | + "experimentalDecorators": true, | ||
| 10 | + "lib": ["es6", "dom"], | ||
| 11 | + "mapRoot": "./", | ||
| 12 | + "module": "es6", | ||
| 13 | + "moduleResolution": "node", | ||
| 14 | + "outDir": "../dist/out-tsc", | ||
| 15 | + "sourceMap": true, | ||
| 16 | + "target": "es5", | ||
| 17 | + "typeRoots": [ | ||
| 18 | + "../node_modules/@types" | ||
| 19 | + ] | ||
| 20 | + } | ||
| 21 | +} | ||
| 19 | \ No newline at end of file | 22 | \ No newline at end of file |