Commit ba2867b8015654b74937b3e6a06dd9d7521f3893

Authored by Administrator
1 parent 25ec1989

first commit

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 52 \ No newline at end of file
... ...
src/app/app.component.css
  1 +.example-h2 {
  2 + margin: 10px;
  3 +}
  4 +
  5 +.example-section {
  6 + display: flex;
  7 + align-content: center;
  8 + align-items: center;
  9 + height: 60px;
  10 +}
  11 +
  12 +.example-margin {
  13 + margin: 0 10px;
  14 +}
0 15 \ No newline at end of file
... ...
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 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 4 @Component({
4 5 selector: 'app-root',
5 6 templateUrl: './app.component.html',
6   - styleUrls: ['./app.component.css']
7 7 })
8 8 export class AppComponent {
9   - title = 'app works!';
10   -}
  9 + checked = false;
  10 + indeterminate = false;
  11 + align = 'start';
  12 + disabled = false;
  13 +}
11 14 \ No newline at end of file
... ...
src/app/app.module.ts
... ... @@ -2,6 +2,8 @@ import { BrowserModule } from &#39;@angular/platform-browser&#39;;
2 2 import { NgModule } from '@angular/core';
3 3 import { FormsModule } from '@angular/forms';
4 4 import { HttpModule } from '@angular/http';
  5 +import { MaterialModule } from '@angular/material';
  6 +import 'hammerjs';
5 7  
6 8 import { AppComponent } from './app.component';
7 9  
... ... @@ -12,7 +14,8 @@ import { AppComponent } from &#39;./app.component&#39;;
12 14 imports: [
13 15 BrowserModule,
14 16 FormsModule,
15   - HttpModule
  17 + HttpModule,
  18 + MaterialModule.forRoot()
16 19 ],
17 20 providers: [],
18 21 bootstrap: [AppComponent]
... ...
src/styles.css
1   -/* You can add global styles to this file, and also import other style files */
  1 +@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';
2 2 \ No newline at end of file
... ...
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 22 \ No newline at end of file
... ...