front-utils/src/modals/dialogokcancel.js

/**
 * 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>')
}]);