send image to server

public/app/controllers/upload.controller.js

@@ -1,6 +1,6 @@
 angular.module('app')
-    .controller('UploadController', ['$scope', '$state', '$mdDialog',
-        function($scope, $state, $mdDialog) {
+    .controller('UploadController', ['$scope', '$state', '$mdDialog', 'EffectsBusiness',
+        function($scope, $state, $mdDialog, EffectsBusiness) {
 
             $scope.image = null;
 
@@ -30,4 +30,24 @@ angular.module('app')
             {
                 $scope.input.click();
             };
+            
+            $scope.applyEffect = function(effect, data)
+            {
+                EffectsBusiness.apply({
+                    effect: effect,
+                    image: $scope.image.content,
+                    data: data
+                }).then(function(data)
+                {
+                    $scope.image.content = data.image;
+                }, function (error)
+                {
+                    console.log(error);
+                });
+            };
+
+            $scope.test = function()
+            {
+                $scope.applyEffect("BlackAndWhite", null);
+            };
     }]);

public/app/index.html

@@ -58,6 +58,8 @@
 
     <!-- SDK -->
     <script src="../sdk/sdk.js"></script>
+    <script src="../sdk/DataAccess/effects.js"></script>
+    <script src="../sdk/Business/effects.js"></script>
 
     <!-- Directives -->
     <script src="controllers/directives/dropzone.controller.js"></script>

public/app/views/upload.html

@@ -7,5 +7,6 @@
             Drag a file here or <a href="" ng-click="pickFile()">pick one</a>
         </p>
     </div>
+    <button type="button" ng-click="test()" >Test.</button>
     <input type="file" class="hidden-input" id="filePicker">
 </div>

public/sdk/Business/effects.js

@@ -0,0 +1,27 @@
+/**
+ * Created by robin on 4/22/16.
+ */
+
+(function()
+{
+    angular.module("appSdk").factory("EffectsBusiness", ['EffectsDataAccess', '$q', function (EffectsDataAccess, $q) {
+        var Business = {};
+
+        Business.apply = function(data, promise)
+        {
+            var defer = $q.defer();
+
+            data.image = btoa(data.image);
+
+            EffectsDataAccess.apply(data, promise).then(function(data)
+            {
+                data.image = atob(data.image);
+                defer.resolve(data);
+            }, defer.reject);
+
+            return defer.promise;
+        };
+        
+        return Business;
+    }])
+})();

public/sdk/DataAccess/effects.js

@@ -0,0 +1,19 @@
+/**
+ * Created by robin on 4/22/16.
+ */
+
+(function()
+{
+    angular.module("appSdk").factory("EffectsDataAccess", ['luticateRequest', function (luticateRequest) {
+        var DataAccess = {};
+
+        var entry_point = "/api/effects/";
+
+        DataAccess.apply = function(data, promise)
+        {
+            return luticateRequest.post(entry_point + data.effect + "/apply", {data: JSON.stringify(data)}, promise);
+        };
+        
+        return DataAccess;
+    }])
+})();

public/sdk/DataAccess/images.js

@@ -0,0 +1,19 @@
+/**
+ * Created by robin on 4/22/16.
+ */
+
+(function()
+{
+    angular.module("appSdk").factory("ImagesDataAccess", ['luticateRequest', function (luticateRequest) {
+        var DataAccess = {};
+
+        var entry_point = "/api/images/";
+
+        DataAccess.getAll = function(data, promise)
+        {
+            return luticateRequest.get(entry_point, data, promise);
+        };
+
+        return DataAccess;
+    }])
+})();