error dialog; ok cancel dialog

src/modals/dialogerror.html

@@ -0,0 +1,12 @@
+<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">
+    <div class="modal-header">Error</div>
+    <div class="modal-body">
+        <div class="form-group">{{ message }}</div>
+        <div class="clearfix"></div>
+    </div>
+    <div class="modal-footer">
+        <button type="submit" class="btn btn-pink" ng-click="$dismiss()" ng-show="!showLogin">Close</button>
+        <button type="submit" class="btn btn-default" ng-click="$dismiss()" ng-show="showLogin">Cancel</button>
+        <button type="button" class="btn btn-pink" ng-click="reconnect()" ng-show="showLogin">Login</button>
+    </div>
+</div>

src/modals/dialogerror.js

@@ -0,0 +1,16 @@
+/**
+ * Created by robin on 11/3/15.
+ */
+
+'use strict';
+
+angular.module('luticateUtils').
+    controller('luticateDialogError', ['$scope', 'data', '$state', function ($scope, data, $state) {
+        $scope.message = data.message;
+        $scope.showLogin = data.data.Status == 401;
+        $scope.reconnect = function()
+        {
+            $scope.$dismiss();
+            $state.go('login');
+        };
+    }]);

src/modals/dialogerrorhelper.js

@@ -0,0 +1,47 @@
+/**
+ * Created by robin on 11/3/15.
+ */
+
+(function () {
+    'use strict';
+    angular.module('luticateUtils')
+        .factory('luticateDialogErrorHelper', ['dialogs', function (dialogs) {
+
+            var luticateDialogErrorHelper = {};
+
+            luticateDialogErrorHelper.errorMessage = function(data)
+            {
+                var message = data.Data;
+                message += " (HTTP code: " + data.Status + ")";
+                /*var status = 'Common.Status.HttpStatus.' + data.status;
+                var statusText = tr(status);
+                if (status != statusText)
+                    message += " : " + statusText;*/
+                return message;
+            };
+
+            luticateDialogErrorHelper.errorDialog = function(data)
+            {
+                var message = luticateDialogErrorHelper.errorMessage(data);
+                dialogs.create('/luticateUtils/dialogerror.html', 'luticateDialogError', {message: message, data: data}, {keyboard: false, backdrop: 'static'});
+            };
+
+            return luticateDialogErrorHelper;
+        }]);
+})();
+
+angular.module("luticateUtils").run(["$templateCache", function($templateCache)
+{
+    $templateCache.put("/luticateUtils/dialogerror.html", '<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">' +
+        '            <div class="modal-header">Error</div>' +
+        '        <div class="modal-body">' +
+        '        <div class="form-group">{{ message }}</div>' +
+        '        <div class="clearfix"></div>' +
+        '        </div>' +
+        '        <div class="modal-footer">' +
+        '        <button type="submit" class="btn btn-pink" ng-click="$dismiss()" ng-show="!showLogin">Close</button>' +
+        '        <button type="submit" class="btn btn-default" ng-click="$dismiss()" ng-show="showLogin">Cancel</button>' +
+        '        <button type="button" class="btn btn-pink" ng-click="reconnect()" ng-show="showLogin">Login</button>' +
+        '        </div>' +
+        '        </div>')
+}]);

src/modals/dialogokcancel.html

@@ -0,0 +1,18 @@
+<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">
+    <form name="form" class="form-horizontal" ng-submit="__submit()">
+        <div class="modal-header">{{ title }}</div>
+        <div class="modal-body" lu-busy="modal">
+            <div class="form-group">
+                <ng-transclude></ng-transclude>
+            </div>
+            <div class="clearfix"></div>
+            <span class="error" ng-show="submitted">
+                <p class="error">{{ errorString }}</p>
+            </span>
+        </div>
+        <div class="modal-footer">
+            <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>
+            <button type="submit" class="btn btn-default" ng-enabled="!pending">OK</button>
+        </div>
+    </form>
+</div>

src/modals/dialogokcancel.js

@@ -0,0 +1,89 @@
+/**
+ * Created by robin on 11/2/15.
+ */
+
+
+angular.module('luticateUtils')
+    .directive('dialogOkCancel', [
+        function () {
+            return {
+                restrict: 'EA',
+                transclude: true,
+                templateUrl: '/luticateUtils/dialogokcancel.html',
+                link: function link($scope, element, attrs) {
+                    $scope.title = attrs.title;
+                    $scope.model = {};
+                    $scope.pending = false;
+                    $scope.submitted = false;
+                    $scope.errorString = "";
+
+                    $scope.__submit = function()
+                    {
+                        $scope.submitted = true;
+                        $scope.errorString = "";
+                        if ($scope.form.$valid) {
+                            $scope.pending = true;
+                            $scope.promise = $scope.submitForm();
+                            if ($scope.promise)
+                            {
+                                $scope.promise.then(function(data) {
+                                    if ($scope.onDone) {
+                                        $scope.onDone(data);
+                                    }
+                                    $scope.$close(data);
+                                    $scope.pending = false;
+                                })
+                                    .catch(function(error)
+                                    {
+                                        if ($scope.onError) {
+                                            $scope.onError(error);
+                                        }
+                                        if (error.Data) {
+                                            $scope.errorString = error.Data;
+                                        }
+                                        else {
+                                            $scope.errorString = error;
+                                        }
+                                        $scope.pending = false;
+                                    });
+                            }
+                            else {
+                                $scope.$close();
+                                $scope.pending = false;
+                            }
+                        }
+                    };
+
+                    $scope.__cancel = function()
+                    {
+                        if ($scope.onCanceled) {
+                            $scope.onCanceled();
+                        }
+                        $scope.$dismiss();
+                        $scope.pending = false;
+                    };
+                }
+            };
+        }]);
+
+angular.module("luticateUtils").run(["$templateCache", function($templateCache)
+{
+    $templateCache.put("/luticateUtils/dialogokcancel.html", '<div class="popin modal-content" xmlns="http://www.w3.org/1999/html">' +
+'<form name="form" class="form-horizontal" ng-submit="__submit()">' +
+'<div class="modal-header">{{ title }}</div>' +
+'<div class="modal-body" lu-busy="modal">' +
+'    <div class="form-group">' +
+'    <ng-transclude></ng-transclude>' +
+'    </div>' +
+'    <div class="clearfix"></div>' +
+'    <span class="error" ng-show="submitted">' +
+'    <p class="error">{{ errorString }}</p>' +
+'</span>' +
+'</div>' +
+'<div class="modal-footer">' +
+'    <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>' +
+'    <button type="submit" class="btn btn-default" ng-enabled="!pending">OK</button>' +
+'    </div>' +
+'    </form>' +
+'    </div>')
+}]);