Backbone implementation of the Twitter Bootstrap Modal view

ModalView.js

(function () {

  App.Views.ModalView = Backbone.View.extend({

		tagName: "div",

		template: modalTemplate,

		initialize: function (options) {
			_.bindAll(this, "render", "show", "hide", "toggle", "setContent");

			if (options && options.header) {
				this.Header = options.header;
			}

			this.ModalOptions = {};

			if (options && options.preventAutoDismiss) {
				this.ModalOptions["backdrop"] = "static";
				this.ModalOptions["keyboard"] = false;
			}
		},

		render: function (show) {
			this.$el.html(modalTemplate({ Header: this.Header }));

			this.ModalOptions["show"] = show !== false;
			this.$el.modal(this.ModalOptions);

			this.$body = this.$("div.modal-body");

			return this;
		},

		show: function () {
			this.$el.modal("show");
		},

		hide: function () {
			this.$el.modal("hide");
		},

		toggle: function () {
			this.$el.modal("toggle");
		},

		setContent: function (el) {
			this.$body.empty().append(el);
		},

		remove: function () {
			this.hide();
		},

		destroy: function () {
			if (this.$el.data() && this.$el.data().modal) {
				var modal = this.$el.data().modal;

				if (modal.$backdrop) {
					modal.$backdrop.remove();
				}

				if (modal.$element) {
					modal.$element.remove();
				}

			}

			$(".modal-open").removeClass("modal-open");
		}

	});

})();