Use translation strings to lookup text for yes/no buttons closes #94

spec/views/scoresheetSpec.js

@@ -144,6 +144,20 @@ describe('scoresheet',function() {
         });
     });
 
+    describe('getString',function() {
+        beforeEach(function() {
+            $scope.strings = {
+                foo:'bar'
+            };
+        });
+        it('should get a string from defined strings',function() {
+            expect($scope.getString('foo')).toBe('bar');
+        });
+        it('should return the key if string not found',function() {
+            expect($scope.getString('baz')).toBe('baz');
+        });
+    });
+
     describe('score',function() {
         it('should return undefined if there are no missions',function() {
             $scope.missions = undefined;

src/js/services/ng-challenge.js

@@ -49,6 +49,7 @@ define('services/ng-challenge',[
                     return {
                         field: field,
                         missions: field.missions,
+                        strings: field.strings,
                         objectiveIndex: indexObjectives(field.missions)
                     };
                 }

src/js/views/scoresheet.js

@@ -30,6 +30,7 @@ define('views/scoresheet',[
             // Set up defaults
             $scope.settings = {};
             $scope.missions = [];
+            $scope.strings = [];
 
             // add teams and stages to scope for selection
             $scope.teams = $teams.teams;
@@ -45,6 +46,7 @@ define('views/scoresheet',[
                 return $challenge.load($scope.settings.challenge).then(function(defs) {
                     $scope.field = defs.field;
                     $scope.missions = defs.missions;
+                    $scope.strings = defs.strings;
                     $scope.objectiveIndex = defs.objectiveIndex;
                     angular.forEach($scope.missions,process);
                     $scope.$apply();
@@ -56,6 +58,10 @@ define('views/scoresheet',[
                 });
             };
 
+            $scope.getString = function(key) {
+                return $scope.strings[key]||key;
+            };
+
             function getObjectives(names) {
                 return names.map(function(dep) {
                     return $scope.objectiveIndex[dep].value;

src/views/scoresheet.html

@@ -48,8 +48,8 @@ <h2>
                             <span class="field" ng-switch-when="yesno">
                                 {{objective.title}}
                                 <div class="btn-group">
-                                    <label class="btn btn-enum" ng-model="objective.value" btn-radio="'yes'">yes</label>
-                                    <label class="btn btn-enum" ng-model="objective.value" btn-radio="'no'">no</label>
+                                    <label class="btn btn-enum" ng-model="objective.value" btn-radio="'yes'">{{getString('yes')}}</label>
+                                    <label class="btn btn-enum" ng-model="objective.value" btn-radio="'no'">{{getString('no')}}</label>
                                 </div>
                             </span>
                             <span class="field" ng-switch-when="number">