Custom button for crop action

Author: kriskd

croppic.js

@@ -29,6 +29,7 @@
 			rotateControls: true,
 			modal:false,
 			customUploadButtonId:'',
+            customCropButtonId: '',
 			loaderHtml:'',
 			scaleToFill: true,
 			processInline: false,
@@ -401,7 +402,14 @@
 				cropControlRotateRight = '<i class="cropControlRotateRight"></i>';
 			}
 
-			html =  '<div class="cropControls cropControlsCrop">'+ cropControlZoomMuchIn + cropControlZoomIn + cropControlZoomOut + cropControlZoomMuchOut + cropControlRotateLeft + cropControlRotateRight + cropControlCrop + cropControlReset + '</div>';
+            if(that.options.customCropButtonId ==='') {
+              html =  '<div class="cropControls cropControlsCrop">'+ cropControlZoomMuchIn + cropControlZoomIn + cropControlZoomOut + cropControlZoomMuchOut + cropControlRotateLeft + cropControlRotateRight + cropControlCrop + cropControlReset + '</div>';
+            } else {
+              html =  '<div class="cropControls cropControlsCrop">'+ cropControlZoomMuchIn + cropControlZoomIn + cropControlZoomOut + cropControlZoomMuchOut + cropControlRotateLeft + cropControlRotateRight + cropControlReset + '</div>';
+              $('#'+that.options.customCropButtonId).on('click', function(){
+                that.crop();
+              });
+            }
 
 			that.obj.append(html);