modoboa/static/js/creation_wizard.js

(function($) {
    var Cwizard = function(element, options)  {
        this.$element = $(element);
        this.$element.carousel({pause: true});
        this.$element.carousel("pause");
        this.setcallbacks();
    };

    Cwizard.prototype = {
        constructor: Cwizard,

        setcallbacks: function() {
            $(".next").one("click", $.proxy(this.next, this));
            $(".prev").one("click", $.proxy(this.prev, this));
            $(".submit").one("click", $.proxy(this.submit, this));
        },

        post: function(last) {
            var $form = $('form');
            var data = $form.serialize() + "&stepid=" + $(".item.active").attr("id");

            $.post($form.attr("action"), data, $.proxy(function(resp) {
                if (resp.status == "ok") {
                    if (!last) {
                        $(".modal-header").find("small").html(resp.title);
                        this.$element.carousel('next');
                    } else {
                        $("#modalbox").modal('hide').remove();
                        window.location.reload();
                    }
                    return;
                }
                if (resp.content) {
                    $(".modal").html(resp.content);
                }
                if (resp.respmsg) {
                    $(".modal-body").prepend(build_error_alert(resp.respmsg));
                }
                this.setcallbacks();
            }, this));
        },

        update_buttons: function() {
            $('.bset.active').removeClass("active");
            $("#" + $(".item.active").attr("id") + "_buttons").addClass("active");
        },

        next: function(evt) {
            evt.preventDefault();
            this.$element.on('slid', this.update_buttons);
            this.post(false);
        },

        prev: function(evt) {
            evt.preventDefault();
            this.$element.on('slid', this.update_buttons);
            this.$element.carousel('prev');
            this.setcallbacks();
        },

        submit: function(evt) {
            evt.preventDefault();
            this.post(true);
        }
    };

    $.fn.cwizard = function(method) {
        return this.each(function() {
            var $this = $(this),
                data = $this.data('cwizard'),
                options = typeof method === "object" && method;

            if (!data) {
                $this.data('cwizard', new Cwizard(this, options));
            }
            if (typeof method === "string") {
                data[method]();
            }
        });
    };

})(jQuery);