Refactor the gallery.panel.js as a jQuery widget.

This commit is contained in:
Tim Almdal
2009-08-07 06:15:07 -07:00
parent 36a46de190
commit 2f3cef44cc
2 changed files with 57 additions and 62 deletions

View File

@@ -1,62 +1,58 @@
/**
* Fire togglePanel() and prevent links from opening
* @see togglePanel()
*/
function handlePanelEvent(event) {
togglePanel(event.currentTarget);
event.preventDefault();
}
(function($) {
$.widget("ui.galleryPanel", {
_init: function() {
var self = this;
this.element.click(function(event) {
event.preventDefault();
var element = event.currentTarget;
var parent = $(element).parent().parent();
var sHref = $(element).attr("href");
var parentClass = $(parent).attr("class");
var ePanel = "<tr id=\"gPanel\"><td colspan=\"6\"></td></tr>";
function togglePanel(element, on_success) {
var parent = $(element).parent().parent();
var sHref = $(element).attr("href");
var parentClass = $(parent).attr("class");
var ePanel = "<tr id=\"gPanel\"><td colspan=\"6\"></td></tr>";
if ($("#gPanel").length) {
$("#gPanel").slideUp("slow").remove();
if ($(element).attr("orig_text")) {
$(element).children(".gButtonText").text($(element).attr("orig_text"));
}
} else {
$(parent).after(ePanel);
$("#gPanel td").html(sHref);
$.get(sHref, function(data) {
$("#gPanel td").html(data);
self._ajaxify_panel();
if ($(element).attr("open_text")) {
$(element).attr("orig_text", $(element).children(".gButtonText").text());
$(element).children(".gButtonText").text($(element).attr("open_text"));
}
$("#gPanel").addClass(parentClass).show().slideDown("slow");
});
}
return false;
});
},
if ($("#gPanel").length) {
$("#gPanel").slideUp("slow");
$("#gPanel *").remove();
$("#gPanel").remove();
if ($(element).attr("orig_text")) {
$(element).children(".gButtonText").text($(element).attr("orig_text"));
}
//togglePanel(element, on_success);
} else {
$(parent).after(ePanel);
//showLoading("#here");
$("#gPanel td").html(sHref);
$("#gPanel").addClass(parentClass).show().slideDown("slow");
$.get(sHref, function(data) {
$("#gPanel td").html(data);
ajaxify_panel = function() {
$("#gPanel td form").ajaxForm({
dataType: "json",
success: function(data) {
if (data.form) {
$("#gPanel td form").replaceWith(data.form);
ajaxify_panel();
}
if (data.result == "success") {
if (on_success) {
on_success();
} else if (data.location) {
window.location = data.location;
} else {
window.location.reload();
}
}
}
});
if ($("#gPanel td").hasClass("gLoadingLarge")) {
showLoading("#gPanel td");
}
};
ajaxify_panel();
if ($(element).attr("open_text")) {
$(element).attr("orig_text", $(element).children(".gButtonText").text());
$(element).children(".gButtonText").text($(element).attr("open_text"));
}
});
}
return false;
}
_ajaxify_panel: function () {
var self = this;
$("#gPanel td form").ajaxForm({
dataType: "json",
success: function(data) {
if (data.form) {
$("#gPanel td form").replaceWith(data.form);
self._ajaxify_panel();
}
if (data.result == "success") {
self._trigger("success", null, {});
if (data.location) {
window.location = data.location;
} else {
window.location.reload();
}
}
}
});
},
success: function(event, ui) {}
});
})(jQuery);

View File

@@ -1,5 +1,4 @@
$(document).ready(function(){
// Initialize Superfish menus
$("#gSiteAdminMenu ul.gMenu").addClass("sf-menu");
$("ul.gMenu").addClass("sf-menu");
@@ -21,7 +20,7 @@ $(document).ready(function(){
$(".gDialogLink").bind("click", handleDialogEvent);
// Initialize panels
$(".gPanelLink").bind("click", handlePanelEvent);
$(".gPanelLink").galleryPanel();
if ($("#gPhotoStream").length) {
// Vertically align thumbs in photostream