DragandDrop geadded

www/templates/spiel3.html

@@ -0,0 +1,14 @@
+<ion-view view-title="Das Tier macht...">
+  <ion-content class="padding">
+ 
+<div class="row text-center">
+    <ul class="draglist">
+        <li ng-repeat="spiel in spiele" ng-drop="true" ng-drop-success="onDropComplete($index, $data,$event)">
+            <div ng-drag="true" ng-drag-data="spiel" ng-class="spiel.name">
+                <img class="myborder" src="img/{{ spiel.bild }}"width="96" height="96" alig="center" ng-click="play('/android_asset/www/sounds/' + spiel.sound1)">
+            </div>
+        </li>
+    </ul>
+</div>
+  </ion-content>
+</ion-view>

www/templates/tab-dash.html

@@ -11,5 +11,10 @@
         <img class="myborder" src="img/schaf.jpg" height="128" width="128" ng-click="starte_spiel2()">
       </div>
     </div>
+    <div class="row">
+      <div style="width: 100%;  text-align: center;" class="col">
+        <img class="myborder" src="img/schaf.jpg" height="128" width="128" ng-click="starte_spiel3()">
+      </div>
+    </div>
   </ion-content>
 </ion-view>

www/templates/tabs.html

@@ -14,9 +14,13 @@ navigation history that also transitions its views in and out.
           <ion-nav-view name="tab-spiel1"></ion-nav-view>
         </ion-tab>
 
-        <ion-tab title="Das Tier macht..." icon="
-ion-music-note" href="#/tab/spiel2">
+        <ion-tab title="Das Tier macht..." icon="ion-music-note" href="#/tab/spiel2">
           <ion-nav-view name="tab-spiel2"></ion-nav-view>
         </ion-tab>
 
+
+        <ion-tab title="Tier Puzzel" icon="ion-music-note" href="#/tab/spiel3">
+          <ion-nav-view name="tab-spiel3"></ion-nav-view>
+        </ion-tab>
+
 </ion-tabs>