sametmax · svvac · Jul 8, 2014 · Jul 10, 2014 · Jul 10, 2014
diff --git a/cache.manifest b/cache.manifest
@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 2014-4-24 11:13:00
+# 2014-07-11 00:41:00
 
 CACHE:
 index.html
@@ -9,6 +9,7 @@ templates/chronos.html
 templates/countdown.html
 templates/counters.html
 templates/versus.html
+templates/scores.html
 sound/gong.ogg
 sound/gong.mp3
 js/angular.js
@@ -17,6 +18,7 @@ js/main.js
 js/misc.service.js
 js/timer.service.js
 js/versus.service.js
+js/scores.service.js
 js/ui-bootstrap-tpls-0.10.0.js
 js/html5shiv.js
 js/respond.min.js

diff --git a/css/style.css b/css/style.css
@@ -64,6 +64,67 @@ caption input {
   padding-right:1ex;
 }
 
+.row-lg {
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+}
+
+.row-lg [class*="col-lg"],
+.row-lg [class*="col-md"],
+.row-lg [class*="col-sm"] {
+  float: none;
+  display: inline-block;
+}
+
+.player {
+  padding: 0;
+  margin: 0;
+}
+
+.player.won {
+  background-color: #DFF0D8;
+  border: 1px solid #D6E9C6;
+}
+
+.player.lost {
+  background-color: #F2DEDE;
+  border: 1px solid #EBCCD1;
+}
+
+.player .counter-name {
+  width: 100%;
+}
+
+.player .score {
+  text-align: center;
+  font-size: 1.4em;
+  font-weight: bold;
+  display: block;
+}
+
+.player.won .score {
+  color: #3C763D;
+}
+
+.player.lost .score {
+  color: #A94442;
+}
+
+.player.won input.form-control {
+  color: #3C763D;
+  border-color: #3C763D;
+}
+
+.player.lost input.form-control {
+  color: #A94442;
+  border-color: #A94442;
+}
+
+input.form-control.init-score {
+  background-color: #ededed;
+}
+
 footer {
     margin-top:1em;
 }
@@ -80,7 +141,7 @@ input[type='number'] {
   -moz-appearance:textfield;
 }
 
-input::-webkit-outer-spin-button,
+input::-webkit-outer-spin-button
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }

diff --git a/index.html b/index.html
@@ -1,37 +1,34 @@
 <!DOCTYPE html>
 <html ng-app="counterApp" manifest="cache.manifest">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="keywords" content="Countdown, chrono, timers, counters, games, sports" />
-    <meta name="description" content="Countdown, chrono, timers and counters for games or sports" />
-    <meta name="robots" content="index,follow" />
+<head>
+  <meta charset="utf-8" />
+  <meta name="keywords" content="Countdown, chrono, timers, counters, games, sports" />
+  <meta name="description" content="Countdown, chrono, timers and counters for games or sports" />
+  <meta name="robots" content="index,follow" />
 
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <title>
-        All that counts - Countdown, chrono, timers and counters for games or sports
-    </title>
+  <title>
+      All that counts - Countdown, chrono, timers and counters for games or sports
+  </title>
 
-    <link rel="stylesheet" href="css/bootstrap.min.css">
+  <link rel="stylesheet" href="css/bootstrap.min.css">
 
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-      <script src="js/html5shiv.js"></script>
-      <script src="js/respond.min.js"></script>
-    <![endif]-->
-
-    <link rel="stylesheet" href="css/style.css">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+    <script src="js/html5shiv.js"></script>
+    <script src="js/respond.min.js"></script>
+  <![endif]-->
 
+  <link rel="stylesheet" href="css/style.css">
 </head>
 
 <body>
 <div class="container">
-
 <div ng-controller="TabsCtrl">
   <tabset>
-
     <tab heading="Countdown" select="selectTab('countdown')">
       <div ng-include="'templates/countdown.html'"></div>
     </tab>
@@ -47,6 +44,10 @@
     <tab heading="Versus" class="versus" select="selectTab('versus')">
       <div ng-include="'templates/versus.html'"></div>
     </tab>
+
+    <tab heading="Scores" class="scores" select="selectTab('scores')">
+      <div ng-include="'templates/scores.html'"></div>
+    </tab>
   </tabset>
 </div>
 
@@ -64,6 +65,7 @@
 <script src="js/timer.service.js"></script>
 <script src="js/misc.service.js"></script>
 <script src="js/versus.service.js"></script>
+<script src="js/scores.service.js"></script>
 
 </html>
 
diff --git a/js/main.js b/js/main.js
@@ -103,24 +103,34 @@ counterApp.directive('ngReallyClick', [function() {
   };
 }]);
 
+
+
 /**
 * Project entry point.
 */
-counterApp.controller('TabsCtrl', function($scope, countersService, timersService, versusService, $document, configurationService) {
+counterApp.controller('TabsCtrl', function($scope, countersService, timersService, versusService, scoresService, $document, configurationService) {
 
   $scope.counters = countersService;
   $scope.timers = timersService.makeTimers("Count down");
   $scope.chronos = timersService.makeTimers("Chrono");
+  $scope.players = scoresService.makeScoresheet("Player");
   $scope.versus = versusService;
   $scope.config = configurationService;
 
   $scope.counters.add();
   $scope.timers.add();
   $scope.chronos.add();
+  $scope.players.add();
+  $scope.players.add();
+  $scope.players.newTurn();
 
   $scope.tab = "countdown";
   $scope.selectTab = function(name){$scope.tab = name;};
 
+  $scope.floor = Math.floor;
+  $scope.max = Math.max;
+  $scope.min = Math.min;
+
   /*
     I don't know where to put this.
 

diff --git a/js/scores.service.js b/js/scores.service.js
@@ -0,0 +1,169 @@
+
+counterApp.factory('scoresService', function () {
+
+  var service = {};
+
+  /* Scoresheet factory */
+  service.makeScoresheet = function (name) {
+    var players = {};
+
+    players.list = [];
+    players.total_created = 0;
+    players.turn_count = 0;
+    players.goal = 100;
+    players.match = 'off';
+    players.mode = 'add'
+
+    /* Remove a player */
+    players.remove = function (i) {
+      players.list.remove(i);
+    };
+
+    /* Bring a new player to the game */
+    players.add = function () {
+      players.total_created += 1;
+      players.list.push(players.createPlayer());
+    };
+
+    players.newTurn = function () {
+      players.turn_count++;
+      for (var i = 0; i < players.list.length; i++) {
+        players.list[i].scores.push('');
+      }
+    };
+
+    players.rank = function (index) {
+      var over = 0;
+      var under = 0;
+      var equal = 0;
+
+      var ref = players.list[index].total;
+
+      /* Count those over and under the ref player */
+      for (var i=0; i < players.list.length; i++) {
+        if (i == index) continue;
+
+        var score = players.list[i].total;
+
+        if      (score < ref) under += 1;
+        else if (score > ref) over  += 1;
+        else                  equal += 1;
+      }
+
+      /* Depending on the mode and the match, we consider scores above or under the ref to
+       * make up the rank
+       */
+      var rank;
+      if ((players.mode == 'add' && (players.match == 'win' || players.match == 'off')) ||
+          (players.mode == 'substract' && players.match == 'lose'))
+        rank = over + 1;
+      else if ((players.mode == 'add' && players.match == 'lose') ||
+          (players.mode == 'substract' && (players.match == 'win' || players.match == 'off')))
+        rank = under + 1
+
+      // Get ordinal
+      // From: https://github.com/jdpedrie/angularjs-ordinal-filter
+      var s = ["th", "st", "nd", "rd"];
+      var v = rank % 100;
+
+      return (equal > 0 ? 'equal ' : '') + rank + ( s[(v - 20) % 10] || s[v] || s[0]);
+    };
+
+    players.createPlayer = function () {
+      var initscores = [];
+
+      for (var i = 0; i < players.turn_count; i++)
+        initscores.push('');
+
+      var player = {
+          "name": name + " " + players.total_created,
+          "scores": initscores,
+
+          /** Check if the player lost **/
+          "_lost": function () {
+            if (players.match == 'win') {
+              return false;
+            } else if (players.match == 'lose') {
+              return player._total() >= players.goal;
+            }
+          },
+
+          /** Check if the player won **/
+          "_won": function () {
+            if (players.match == 'win') {
+              return player._total() >= players.goal;
+            } else if (players.match == 'lose') {
+              return false;
+            }
+          },
+
+          /** Get the player's score **/
+          "_total": function () {
+            var sum = 0;
+
+            // In adding mode, just sum the scores
+            if (players.mode == 'add') {
+              for (var i = 0; i < player.scores.length; i++) {
+                  sum += +player.scores[i];
+              }
+
+            // In substract mode, substract all scores from the first
+            } else if (players.mode == 'substract') {
+              sum = player.scores[0] || 0;
+              for (var i = 1; i < player.scores.length; i++) {
+                  sum -= +player.scores[i];
+              }
+            }
+
+            return sum;
+          }
+      };
+
+
+      /* Define properties for total
+       * in a browser compatible way.
+       */
+      /* __defineGetter__ is deprecated */
+      if ('__defineGetter__' in player) {
+        player.__defineGetter__("total", function () {
+          return player._total();
+        });
+        player.__defineGetter__("won", function () {
+          return player._won();
+        });
+        player.__defineGetter__("lost", function () {
+          return player._lost();
+        });
+      } else {
+        Object.defineProperty(player, "total", {
+          writable: false,
+          enumerable: true,
+          get: function () {
+            return player._total();
+          }
+        });
+        Object.defineProperty(player, "won", {
+          writable: false,
+          get: function () {
+            return player._won();
+          }
+        });
+        Object.defineProperty(player, "lost", {
+          writable: false,
+          get: function () {
+            return player._lost();
+          }
+        });
+      }
+
+      return player;
+
+    };
+
+    return players;
+
+  };
+
+  return service;
+
+});