the currently selected field now is marked differently

Author: stephanrauh

Chess/app.js

@@ -1,16 +1,16 @@
 /// <reference path="typings/angular2/angular2.d.ts" />
 /// <reference path="chessboard.ts" />
 import {Component, View, bootstrap} from 'angular2/angular2';
-import {ChessUI} from "./chessboard";
+import {ChessBoardComponent} from "./chessboardcomponent";
 
 
 // Annotation section
 @Component({
-  selector: 'application'
+    selector: 'application'
 })
 @View({
-  templateUrl: 'application.html',
-  directives: [ChessUI.ChessBoardComponent]
+    templateUrl: 'application.html',
+    directives: [ChessBoardComponent]
 })
 // Component controller
 class ApplicationComponent {

Chess/app.js.map

@@ -1,6 +1,9 @@
 
 npm install -g tsd@^0.6.0
 tsd install angular2 es6-promise rx rx-lite
+    puts the current Angular2 type definitions into the subfolder called "typing" of the current FormBuilder
+
+
 
 Compilation:
 - built-in with Visual Studio Code
@@ -21,6 +24,7 @@ Start server:
 
 tsconfig.json explained:
   https://github.com/TypeStrong/atom-typescript/blob/master/docs/tsconfig.md
+  http://blog.icanmakethiswork.io/2015/02/hey-tsconfigjson-where-have-you-been.html
   example tsconfig.json:
   {
       "compilerOptions": {
@@ -34,6 +38,10 @@ tsconfig.json explained:
           "app.ts",
           "board.ts",
           "typings/tsd.d.ts"
+      ],
+          "filesGlob": [
+              "*.ts",
+              "engine/*.ts"
       ]
   }
 

Chess/application.js.map

@@ -0,0 +1,11 @@
+.field {
+  border: 1px solid black;
+  width:68px;height:68px;
+}
+
+.selectedField { border: 2px solid red;
+  width:66px;
+  height:64px;
+  top:-2px;
+  position:relative;
+}