Flip, curl and fade with callback and options

Author: leecrossley

src/ios/NativeTransitions.h

@@ -8,8 +8,8 @@
 
 @interface NativeTransitions : CDVPlugin
 
-- (void) right:(CDVInvokedUrlCommand*)command;
-- (void) left:(CDVInvokedUrlCommand*)command;
+- (void) flip:(CDVInvokedUrlCommand*)command;
+- (void) curl:(CDVInvokedUrlCommand*)command;
 - (void) fade:(CDVInvokedUrlCommand*)command;
 
 @end

src/ios/NativeTransitions.m

@@ -9,30 +9,52 @@
 
 @implementation NativeTransitions
 
-- (void) right:(CDVInvokedUrlCommand*)command;
+- (void) flip:(CDVInvokedUrlCommand*)command;
 {
     NSMutableDictionary *args = [command.arguments objectAtIndex:0];
     double duration = [[args objectForKey:@"duration"] doubleValue];
+    NSString *direction = [[args objectForKey:@"direction"] stringValue];
+
+    NSUInteger animation = UIViewAnimationOptionTransitionFlipFromLeft;
+
+    if ([direction isEqualToString:@"right"])
+    {
+        animation = UIViewAnimationOptionTransitionFlipFromRight;
+    }
 
     [UIView transitionWithView:self.viewController.view
                     duration:duration
                     options:UIViewAnimationOptionAllowAnimatedContent
-                        |UIViewAnimationOptionTransitionFlipFromLeft
+                        |animation
                     animations:^{}
-                    completion:^(BOOL finished) {}];
+                    completion:^(BOOL finished) {
+                        CDVPluginResult* pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK];
+                        [self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];
+                    }];
 }
 
-- (void) left:(CDVInvokedUrlCommand*)command;
+- (void) curl:(CDVInvokedUrlCommand*)command;
 {
     NSMutableDictionary *args = [command.arguments objectAtIndex:0];
     double duration = [[args objectForKey:@"duration"] doubleValue];
+    NSString *direction = [[args objectForKey:@"direction"] stringValue];
+
+    NSUInteger animation = UIViewAnimationOptionTransitionCurlUp;
+
+    if ([direction isEqualToString:@"down"])
+    {
+        animation = UIViewAnimationOptionTransitionCurlDown;
+    }
 
     [UIView transitionWithView:self.viewController.view
                     duration:duration
                     options:UIViewAnimationOptionAllowAnimatedContent
-                        |UIViewAnimationOptionTransitionFlipFromRight
+                        |animation
                     animations:^{}
-                    completion:^(BOOL finished) {}];
+                    completion:^(BOOL finished) {
+                        CDVPluginResult* pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK];
+                        [self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];
+                    }];
 }
 
 - (void) fade:(CDVInvokedUrlCommand*)command;
@@ -45,7 +67,10 @@ - (void) fade:(CDVInvokedUrlCommand*)command;
                     options:UIViewAnimationOptionAllowAnimatedContent
                         |UIViewAnimationOptionTransitionCrossDissolve
                     animations:^{}
-                    completion:^(BOOL finished) {}];
+                    completion:^(BOOL finished) {
+                        CDVPluginResult* pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK];
+                        [self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];
+                    }];
 }
 
 @end

www/nativetransitions.js

@@ -5,16 +5,27 @@ var NativeTransitions = function () {
     this.name = "NativeTransitions";
 };
 
-NativeTransitions.prototype.right = function (success, failure, duration) {
-    exec(success, failure, "NativeTransitions", "right", [{"duration": duration}]);
+NativeTransitions.prototype.flip = function (duration, direction, onComplete) {
+    var options = {
+        "duration": duration,
+        "direction": direction
+    };
+    exec(onComplete, null, "NativeTransitions", "flip", [options]);
 };
 
-NativeTransitions.prototype.left = function (success, failure, duration) {
-    exec(success, failure, "NativeTransitions", "left", [{"duration": duration}]);
+NativeTransitions.prototype.curl = function (duration, direction, onComplete) {
+    var options = {
+        "duration": duration,
+        "direction": direction
+    };
+    exec(onComplete, null, "NativeTransitions", "curl", [options]);
 };
 
-NativeTransitions.prototype.fade = function (success, failure, duration) {
-    exec(success, failure, "NativeTransitions", "fade", [{"duration": duration}]);
+NativeTransitions.prototype.fade = function (duration, onComplete) {
+    var options = {
+        "duration": duration
+    };
+    exec(onComplete, null, "NativeTransitions", "fade", [options]);
 };
 
 module.exports = new NativeTransitions();