error dialog on error on dialog ok cancel

src/modals/dialogerror.html

         <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>
+        <button type="submit" class="btn btn-default" ng-click="$close()" ng-show="!showLogin">Close</button>
+        <button type="submit" class="btn btn-default" ng-click="$close()" ng-show="showLogin">Cancel</button>
+        <button type="button" class="btn btn-default" ng-click="reconnect()" ng-show="showLogin">Login</button>
     </div>
 </div>

src/modals/dialogerrorhelper.js

             luticateDialogErrorHelper.errorDialog = function(data)
             {
                 var message = luticateDialogErrorHelper.errorMessage(data);
-                dialogs.create('/luticateUtils/dialogerror.html', 'luticateDialogError', {message: message, data: data}, {keyboard: false, backdrop: 'static'});
+                return dialogs.create('/luticateUtils/dialogerror.html', 'luticateDialogError', {message: message, data: data}, {keyboard: false, backdrop: 'static'});
             };
 
             return luticateDialogErrorHelper;
         '        <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="submit" class="btn btn-pink" ng-click="$close()" ng-show="!showLogin">Close</button>' +
+        '        <button type="submit" class="btn btn-default" ng-click="$close()" 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

                 <ng-transclude></ng-transclude>
             </div>
             <div class="clearfix"></div>
-            <span class="error" ng-show="submitted">
+            <!--<span class="error" ng-show="submitted">
                 <p class="error">{{ errorString }}</p>
-            </span>
+            </span>-->
         </div>
         <div class="modal-footer">
             <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>

src/modals/dialogokcancel.js

 
 
 angular.module('luticateUtils')
-    .directive('dialogOkCancel', [
-        function () {
+    .directive('dialogOkCancel', ['luticateDialogErrorHelper',
+        function (luticateDialogErrorHelper) {
             return {
                 restrict: 'EA',
                 transclude: true,
                     $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.onError) {
                                             $scope.onError(error);
                                         }
-                                        if (error.Data) {
-                                            $scope.errorString = error.Data;
-                                        }
-                                        else {
-                                            $scope.errorString = error;
-                                        }
+                                        luticateDialogErrorHelper.errorDialog(error)
+                                            .result.then(function(data)
+                                            {
+                                            }, function(error2)
+                                            {
+                                                $scope.$dismiss(error);
+                                            });
                                         $scope.pending = false;
                                     });
                             }
 '    <ng-transclude></ng-transclude>' +
 '    </div>' +
 '    <div class="clearfix"></div>' +
-'    <span class="error" ng-show="submitted">' +
+/*'    <span class="error" ng-show="submitted">' +
 '    <p class="error">{{ errorString }}</p>' +
-'</span>' +
+'</span>' +*/
 '</div>' +
 '<div class="modal-footer">' +
 '    <button type="button" class="btn btn-default" ng-click="__cancel()">Cancel</button>' +