add level selector

js/level-selector-controller.js

@@ -0,0 +1,30 @@
+angular.module('level-selector', [])
+.controller('LevelSelectorController', function($scope, $rootScope) {
+    
+    $scope.isLevelSelectorVisible = true;
+    
+    $scope.levelLock = [
+            {state:'unlocked', text:'1'},
+            {state:'locked', text:'2'},
+            {state:'locked', text:'3'},
+            {state:'locked', text:'4'},
+            {state:'locked', text:'5'},
+            {state:'locked', text:'6'},
+            {state:'locked', text:'7'},
+            {state:'locked', text:'8'},
+            {state:'locked', text:'9'},
+            {state:'locked', text:'10'},
+            {state:'locked', text:'11'},
+            {state:'locked', text:'12'},
+            {state:'locked', text:'PF'}
+        ];
+
+    $scope.startLevel = function(levelIndex) {
+        $scope.isLevelSelectorVisible = false;
+        var args = {
+            levelIndex: levelIndex
+        };
+        $rootScope.$emit('startLevel', args);
+    };
+    
+});

js/pexeso-controller.js

@@ -1,5 +1,8 @@
-angular.module('app', ['angular-flippy'])
-.controller('PexesoController', function($scope, $timeout) {
+angular.module('app', ['angular-flippy', 'level-selector'])
+.controller('PexesoController', function($scope, $timeout, $rootScope) {
+    
+    $scope.isLevelVisible = false;
+    
     $scope.languages = {
         'cs-CZ': {
             title: 'Čeština'
@@ -210,10 +213,14 @@ angular.module('app', ['angular-flippy'])
     
     
     /**
-     * Initialize game.
+     * Start Level
      */
-    $scope.init = function() {
+    $scope.initLevel = function(event, args) {
         $scope.generateBoard(4*4);
+        $scope.isLevelVisible = true;
     };
     
+    
+    $rootScope.$on('startLevel', $scope.initLevel);
+    
 });