working on promotion overlay

.gitignore

@@ -1,4 +1,3 @@
 build
-VERSION
 
 

VERSION

@@ -0,0 +1,2 @@
+version 0.0.1
+Built: Wed Sep 25 2013 21:11:44 GMT-0400 (EDT)

app/index.html

@@ -27,6 +27,7 @@
   <script src="lib/chess/chess.min.js"></script>
   <script src="lib/chess/chessboardjs/js/chessboard-0.3.0.js"></script>
   <script src="lib/angular/angular.min.js"></script>
+  <script src="lib/bootstrap-custom/ui-bootstrap-custom-tpls-0.6.0.min.js"></script>
   <script src="js/app.js"></script>
   <script src="js/services.js"></script>
   <script src="js/controllers.js"></script>

app/js/app.js

@@ -2,7 +2,7 @@
 
 
 // Declare app level module which depends on filters, and services
-angular.module('kinghunt', ['kinghunt.filters', 'kinghunt.services', 'kinghunt.directives', 'kinghunt.controllers']).
+angular.module('kinghunt', ['ui.bootstrap', 'kinghunt.filters', 'kinghunt.services', 'kinghunt.directives', 'kinghunt.controllers']).
   config(['$routeProvider', function($routeProvider) {
     $routeProvider.when('/load', {
         templateUrl: 'partials/load.html',

app/js/controllers.js

@@ -38,6 +38,16 @@ angular.module('kinghunt.controllers', []).
     $scope.board = new ChessBoard('board', gameSvc.getBoardConfig($scope));
     $scope.setStatus(gameSvc.getStatus($scope.goalMoves));
 
+
+    // handle promotion event
+    $scope.$on('gameSvc/promote', function(cfg) {
+      var piece;
+      // show overlay
+
+      // update cfg object with promotion piece
+      cfg.promotion = piece;
+    });
+
     // handle boardNav events
     $scope.$on('boardNav/prevProblem', function() {
       var prev = bookSvc.getPrev($scope.currentId);

app/js/filters.js

@@ -19,11 +19,6 @@ angular.module('kinghunt.filters', []).
       return color;
     };
   }]).
-  filter('wholeNumbers', [function() {
-    return function(remaining) {
-      return remaining >> 0;
-    };
-  }]).
   filter('toProblemClass', function() {
     return function(isSolved) {
       return isSolved ? "glyphicon-check solved" : "glyphicon-unchecked unsolved";

app/js/services.js

@@ -62,6 +62,10 @@ angular.module('kinghunt.services', []).
           return status;
         },
 
+        isPromotable: function(piece, rank) {
+          return piece === 'P' && (rank === "1" || rank === "8");
+        },
+
         getBoardConfig: function(scope) {
           return {
             position: scope.problem.fen,
@@ -74,24 +78,40 @@ angular.module('kinghunt.services', []).
                 return false;
               }
             },
-            onDrop: function(source, target) {
-              // see if the move is legal
-              var move = game.move({
+            onDrop: function(source, target, pce) {
+              var piece = pce.substr(1);
+              var rank = target.substr(1);
+              var moveCfg = {
                 from: source,
-                to: target,
-                promotion: 'q' // TODO: handle all promotions
-              });
+                to: target
+              };
+
+              function makeMove() {
+                var move = game.move(moveCfg);
+
+                // illegal move
+                if (move === null) {
+                  return 'snapback';
+                }
 
-              // illegal move
-              if (move === null) {
-                return 'snapback';
+                scope.setStatus(gameObj.getStatus(scope.goalMoves));
+                scope.$apply();
+                //if (scope.mode === 'auto') {
+                //  opponentMove();
+                //}
               }
 
-              scope.setStatus(gameObj.getStatus(scope.goalMoves));
-              scope.$apply();
-  //            if (scope.mode === 'auto') {
-  //              opponentMove();
-  //            }
+              function promotePiece(moveConfig, callback) {
+                // show the promotion overlay
+                scope.$broadcast('gameSvc/promote', moveConfig);
+                return callback();
+              }
+
+              if (gameObj.isPromotable(piece, rank)) {
+                return promotePiece(moveCfg, makeMove);
+              } else {
+                return makeMove();
+              }
             },
             onSnapbackEnd: function() {
               scope.board.position(game.fen());

app/partials/board.html

@@ -4,3 +4,7 @@ <h4 id="goal">{{ problem.fen | whoseTurn }} to play and {{ goal | translateStipu
   <div class="solveStatus"></div>
 </div>
 <div id="board" class="board-wrap"></div>
+<div id="promote" class="overlay" ng-show="promotion">
+  <div>
+  </div>
+</div>