rm www/lib; implement vibrations

Author: bicpi

bower.json

@@ -2,6 +2,7 @@
   "name": "vibrations",
   "private": "true",
   "devDependencies": {
-    "ionic": "driftyco/ionic-bower#1.0.0-rc.2"
+    "ionic": "driftyco/ionic-bower#1.0.0-rc.2",
+    "ngCordova": "~0.1.14-alpha"
   }
-}
+}

config.xml

@@ -13,7 +13,57 @@
   <preference name="UIWebViewBounce" value="false"/>
   <preference name="DisallowOverscroll" value="true"/>
   <preference name="BackupWebStorage" value="none"/>
+  <preference name="SplashScreen" value="screen"/>
+  <preference name="SplashScreenDelay" value="3000"/>
   <feature name="StatusBar">
     <param name="ios-package" value="CDVStatusBar" onload="true"/>
   </feature>
+  <platform name="ios">
+    <icon src="resources/ios/icon/icon.png" width="57" height="57"/>
+    <icon src="resources/ios/icon/[email protected]" width="114" height="114"/>
+    <icon src="resources/ios/icon/icon-40.png" width="40" height="40"/>
+    <icon src="resources/ios/icon/[email protected]" width="80" height="80"/>
+    <icon src="resources/ios/icon/icon-50.png" width="50" height="50"/>
+    <icon src="resources/ios/icon/[email protected]" width="100" height="100"/>
+    <icon src="resources/ios/icon/icon-60.png" width="60" height="60"/>
+    <icon src="resources/ios/icon/[email protected]" width="120" height="120"/>
+    <icon src="resources/ios/icon/[email protected]" width="180" height="180"/>
+    <icon src="resources/ios/icon/icon-72.png" width="72" height="72"/>
+    <icon src="resources/ios/icon/[email protected]" width="144" height="144"/>
+    <icon src="resources/ios/icon/icon-76.png" width="76" height="76"/>
+    <icon src="resources/ios/icon/[email protected]" width="152" height="152"/>
+    <icon src="resources/ios/icon/icon-small.png" width="29" height="29"/>
+    <icon src="resources/ios/icon/[email protected]" width="58" height="58"/>
+    <icon src="resources/ios/icon/[email protected]" width="87" height="87"/>
+    <splash src="resources/ios/splash/Default-568h@2x~iphone.png" height="1136" width="640"/>
+    <splash src="resources/ios/splash/Default-667h.png" height="1334" width="750"/>
+    <splash src="resources/ios/splash/Default-736h.png" height="2208" width="1242"/>
+    <splash src="resources/ios/splash/Default-Landscape-736h.png" height="1242" width="2208"/>
+    <splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" height="1536" width="2048"/>
+    <splash src="resources/ios/splash/Default-Landscape~ipad.png" height="768" width="1024"/>
+    <splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" height="2048" width="1536"/>
+    <splash src="resources/ios/splash/Default-Portrait~ipad.png" height="1024" width="768"/>
+    <splash src="resources/ios/splash/Default@2x~iphone.png" height="960" width="640"/>
+    <splash src="resources/ios/splash/Default~iphone.png" height="480" width="320"/>
+  </platform>
+  <platform name="android">
+    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/>
+    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/>
+    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/>
+    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/>
+    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/>
+    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
+    <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/>
+    <splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/>
+    <splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/>
+    <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
+    <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
+    <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
+    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/>
+    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/>
+    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/>
+    <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
+    <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
+    <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
+  </platform>
 </widget>

package.json

@@ -17,7 +17,11 @@
   "cordovaPlugins": [
     "org.apache.cordova.device",
     "org.apache.cordova.console",
-    "com.ionic.keyboard"
+    "com.ionic.keyboard",
+    "org.apache.cordova.vibration"
   ],
-  "cordovaPlatforms": []
+  "cordovaPlatforms": [
+    "ios",
+    "android"
+  ]
 }

www/index.html

@@ -12,6 +12,7 @@
     <!-- ionic/angularjs js -->
     <script src="lib/ionic/js/ionic.bundle.js"></script>
 
+    <script src="lib/ngCordova/dist/ng-cordova.js"></script>
     <!-- cordova script (this will be a 404 during development) -->
     <script src="cordova.js"></script>
 
@@ -23,7 +24,7 @@
       <ion-header-bar class="bar-stable">
         <div class="buttons">
             <button class="button button-icon ion-ios-minus-outline"
-                    ng-click="list.showDelete=!list.showDelete"></button>
+                    ng-click="listConfig.showDelete=!listConfig.showDelete"></button>
         </div>
         <h1 class="title">PHPmagazin: Vibrations</h1>
         <div class="buttons">
@@ -33,7 +34,7 @@ <h1 class="title">PHPmagazin: Vibrations</h1>
       </ion-header-bar>
       <ion-content>
         <ion-list show-delete="list.showDelete">
-            <ion-item ng-repeat="vibration in vibrations">
+            <ion-item ng-repeat="vibration in vibrations" ng-click="vibrate(vibration)">
                 <ion-delete-button class="ion-minus-circled"
                                    ng-click="delete(vibration)">
                 </ion-delete-button>

www/js/app.js

@@ -3,7 +3,7 @@
 // angular.module is a global place for creating, registering and retrieving Angular modules
 // 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
 // the 2nd parameter is an array of 'requires'
-angular.module('starter', ['ionic'])
+angular.module('starter', ['ionic', 'ngCordova'])
 
 .run(function($ionicPlatform) {
   $ionicPlatform.ready(function() {
@@ -18,7 +18,7 @@ angular.module('starter', ['ionic'])
   });
 })
 
-.controller('VibrationsCtrl', function($scope, $ionicPopup, $ionicModal){
+.controller('VibrationsCtrl', function($scope, $ionicPopup, $ionicModal, $cordovaVibration, $timeout){
     $scope.vibrations = [
         {
             name: 'Foo',
@@ -34,7 +34,7 @@ angular.module('starter', ['ionic'])
         }
     ];
 
-    $scope.list = {
+    $scope.listConfig = {
         showDelete: false
     };
 
@@ -75,4 +75,15 @@ angular.module('starter', ['ionic'])
         $scope.createModal.hide();
         vibration.name = vibration.duration = '';
     };
+
+    $scope.vibrate = function(vibration) {
+        var alert = $ionicPopup.alert({
+            title: 'Vibrations',
+            template: vibration.name
+        });
+        $timeout(function(){
+            alert.close();
+        }, vibration.duration);
+        $cordovaVibration.vibrate(parseInt(vibration.duration));
+    };
 });