error dialog

public/app/controllers/upload.controller.js

@@ -1,12 +1,12 @@
 angular.module('app')
-    .controller('UploadController', ['$scope', '$state', '$mdDialog', 'EffectsBusiness', 'ImagesBusiness', 'luticateAuthCache',
-        function($scope, $state, $mdDialog, EffectsBusiness, ImagesBusiness, luticateAuthCache) {
+    .controller('UploadController', ['$scope', '$state', '$mdDialog', 'EffectsBusiness', 'ImagesBusiness', 'luticateAuthCache', 'errorDialogMd',
+        function($scope, $state, $mdDialog, EffectsBusiness, ImagesBusiness, luticateAuthCache, errorDialogMd) {
 
             $scope.image = null;
             
             var promiseImage = {
                 id: "promiseImage",
-                groups: ["imageView"]
+                loaderGroups: ["imageView"]
             };
 
             $scope.input = angular.element(angular.element("#filePicker")[0]);
@@ -45,10 +45,7 @@ angular.module('app')
                 }, promiseImage).then(function(data)
                 {
                     $scope.image.content = data.image;
-                }, function (error)
-                {
-                    console.log(error);
-                });
+                }, errorDialogMd.errorDialog);
             };
 
             $scope.isUploadVisible = function () {
@@ -67,9 +64,7 @@ angular.module('app')
                 }, promiseImage).then(function(data)
                 {
                     console.log(data);
-                }, function (error) {
-                    console.log(error);
-                });
+                }, errorDialogMd.errorDialog);
             };
 
             $scope.test = function()

public/app/index.html

@@ -58,6 +58,7 @@
 
     <!-- SDK -->
     <script src="../sdk/sdk.js"></script>
+    <script src="../sdk/Business/errordialog.js"></script>
     <script src="../sdk/DataAccess/effects.js"></script>
     <script src="../sdk/Business/effects.js"></script>
     <script src="../sdk/DataAccess/images.js"></script>

public/sdk/Business/errordialog.js

@@ -0,0 +1,28 @@
+/**
+ * Created by robin on 4/24/16.
+ */
+
+(function () {
+    angular.module("appSdk").factory("errorDialogMd", ['luticateDialogErrorHelper', '$mdDialog', function (luticateDialogErrorHelper, $mdDialog) {
+        var Factory = {};
+
+        Factory.errorMessage = function(data)
+        {
+            return luticateDialogErrorHelper.errorMessage(data);
+        };
+
+        Factory.errorDialog = function(data)
+        {
+            $mdDialog.show(
+                $mdDialog.alert()
+                    // .parent(angular.element(document.querySelector('#popupContainer')))
+                    .clickOutsideToClose(true)
+                    .title('Error')
+                    .textContent(Factory.errorMessage(data))
+                    .ok('OK')
+            );
+        };
+
+        return Factory;
+    }]);
+})();