Refactoring

README.md

@@ -11,4 +11,19 @@ Plugins
 
 ionic plugin add cordova-plugin-screen-orientation
 cordova plugin add cordova-plugin-media
-cordova plugin add https://github.com/EddyVerbruggen/Insomnia-PhoneGap-Plugin.git
+cordova plugin add https://github.com/EddyVerbruggen/Insomnia-PhoneGap-Plugin.git
+
+
+
+Css
+================
+https://github.com/miniMAC/magic
+http://www.justinaguilar.com/animations/index.html
+
+
+
+
+Animations Tuts
+==============
+https://jonsuh.com/blog/animate-svg-with-css/
+

package.json

@@ -20,7 +20,10 @@
     "cordova-plugin-whitelist",
     "cordova-plugin-splashscreen",
     "cordova-plugin-statusbar",
-    "ionic-plugin-keyboard"
+    "ionic-plugin-keyboard",
+    "cordova-plugin-screen-orientation"
   ],
-  "cordovaPlatforms": []
+  "cordovaPlatforms": [
+    "android"
+  ]
 }

www/js/app.js

@@ -87,9 +87,9 @@ angular.module('kinderspiel', ['ionic', 'ngCordova','ngAnimate', 'ngDraggable',
     templateUrl: 'templates/home.html',
     controller: 'home'
   })
-  .state('spiel1', {
-    url: '/spiel1',
-    templateUrl: 'templates/spiel1.html',
+  .state('suchspiel', {
+    url: '/suchspiel',
+    templateUrl: 'templates/suchspiel.html',
     controller: 'Suchspiel'
   })
 

www/js/home_controller.js

@@ -3,21 +3,21 @@ appControllers.controller('home', function($scope, $ionicPlatform, $cordovaMedia
 $scope.showmentor=false;
 
 $ionicPlatform.ready(function() {
-var mediastartespiel1 = new Media('/android_asset/www/sounds/spiel1.mp3', spiel1_intro_finish,null);
-$scope.mediastartespiel1=mediastartespiel1;
+var mediastartesuchspiel = new Media('/android_asset/www/sounds/suchspiel.mp3', suchspiel_intro_finish,null);
+$scope.mediastartesuchspiel=mediastartesuchspiel;
 backgroundsounds_mediahandler.playbackgroundmusic();
 });
 
-    $scope.spiel1_intro = function(){
+    $scope.suchspiel_intro = function(){
       $scope.showmentor=true;
-      $scope.mediastartespiel1.play();
-      $scope.mediastartespiel1.setVolume('1.0');
+      $scope.mediastartesuchspiel.play();
+      $scope.mediastartesuchspiel.setVolume('1.0');
     }
 
-    function spiel1_intro_finish() {
-      $scope.mediastartespiel1.release();
+    function suchspiel_intro_finish() {
+      $scope.mediastartesuchspiel.release();
       $scope.showmentor=false;
-      $state.go('spiel1');
+      $state.go('suchspiel');
     }
 
 });

www/templates/home.html

@@ -3,7 +3,7 @@
  
      <div class="row">
       <div style="width: 100%;  text-align: center;" class="col">
-        <img class="myborder" src="img/elefant.jpg" height="128" width="128" ng-click="spiel1_intro()">
+        <img class="myborder" src="img/elefant.jpg" height="128" width="128" ng-click="suchspiel_intro()">
       </div>
     </div>
     <div class="baumhaus">