gallery3/lib/gallery.dialog.js

(function($) {
   $.widget("ui.gallery_dialog",  {
     _init: function() {
       var self = this;
       if (!self.options.immediate) {
         this.element.click(function(event) {
           event.preventDefault();
           self._show($(event.currentTarget).attr("href"));
           return false;
         });
       } else {
         self._show(this.element.attr("href"));
       }
     },

     _show: function(sHref) {
       var self = this;
       var eDialog = '<div id="gDialog"></div>';

       $("body").append(eDialog);

       if (!self.options.close) {
         self.options.close = self.close_dialog;
       }
       $("#gDialog").dialog(self.options);

       $("#gDialog").gallery_show_loading();

       $.get(sHref, function(data) {
         $("#gDialog").html(data).gallery_show_loading();

         if ($("#gDialog form").length) {
           self._trigger("form_loaded", null, $("#gDialog form"));
         }
         self._layout();

         $("#gDialog").dialog("open");
         // Remove titlebar for progress dialogs or set title
         if ($("#gDialog #gProgress").length) {
           $(".ui-dialog-titlebar").remove();
         } else if ($("#gDialog h1").length) {
           $("#gDialog").dialog('option', 'title', $("#gDialog h1:eq(0)").html());
         } else if ($("#gDialog fieldset legend").length) {
           $("#gDialog").dialog('option', 'title', $("#gDialog fieldset legend:eq(0)").html());
         }

         if ($("#gDialog form").length) {
           self._ajaxify_dialog();
         }
       });
       $("#gDialog").dialog("option", "self", self);
     },

     _layout: function() {
       var dialogWidth;
       var dialogHeight = $("#gDialog").height();
       var cssWidth = new String($("#gDialog form").css("width"));
       var childWidth = cssWidth.replace(/[^0-9]/g,"");
       var size = $.gallery_get_viewport_size();
       if ($("#gDialog iframe").length) {
         dialogWidth = size.width() - 100;
         // Set the iframe width and height
         $("#gDialog iframe").width("100%").height(size.height() - 100);
       } else if ($("#gDialog .gDialogPanel").length) {
         dialogWidth = size.width() - 100;
         $("#gDialog").dialog("option", "height", size.height() - 100);
       } else if (childWidth == "" || childWidth > 300) {
         dialogWidth = 500;
       }
       $("#gDialog").dialog('option', 'width', dialogWidth);
     },

     form_loaded: function event(event, ui) {
       // Should be defined (and localized) in the theme
       MSG_CANCEL = MSG_CANCEL || 'Cancel';
       var eCancel = '<a href="#" class="gCancel">' + MSG_CANCEL + '</a>';
       if ($("#gDialog .submit").length) {
         $("#gDialog .submit").addClass("ui-state-default ui-corner-all");
         $("#gDialog .submit").parent().append(eCancel);
         $("#gDialog .gCancel").click(function(event) {
           $("gDialog").dialog("close");
           event.preventDefault();
         });
        }
       $("#gDialog .ui-state-default").hover(
         function() {
           $(this).addClass("ui-state-hover");
         },
         function() {
           $(this).removeClass("ui-state-hover");
         }
       );
     },

     close_dialog: function (event, ui) {
       var self = $("#gDialog").dialog("option", "self");
       if ($("#gDialog form").length) {
         self._trigger("form_closing", null, $("#gDialog form"));
       }
       self._trigger("dialog_closing", null, $("#gDialog"));
       $("#gDialog").dialog("destroy").remove();
     },

     _ajaxify_dialog: function() {
       var self = this;
       $("#gDialog form").ajaxForm({
         dataType: "json",
         success: function(data) {
           if (data.form) {
             $("#gDialog form").replaceWith(data.form);
             self._ajaxify_dialog();
             self._trigger("form_loaded", null, $("#gDialog form"));
             if (typeof data.reset == 'function') {
               eval(data.reset + '()');
             }
           }
           if (data.result == "success") {
	     if (data.location) {
               window.location = data.location;
             } else {
               window.location.reload();
             }
           }
         }
       });
     },

     form_closing: function(event, ui) {},
     dialog_closing: function(event, ui) {}
   });

   $.extend($.ui.gallery_dialog,  {
     defaults: {
       autoOpen: false,
       autoResize: true,
       modal: true,
       resizable: false,
       position: "center"
     }
   });
})(jQuery);