mirror of
https://github.com/Pathduck/gallery3.git
synced 2026-05-11 15:19:09 -04:00
7607e1f932
by the following rules:
1) An initial dialog or panel load can take either HTML or JSON, but
the mime type must accurately reflect its payload.
2) dialog form submits can handle a pure HTML response, but the mime
type must also be correct. This properly resolves the problem
where the reauth code gets a JSON response first from the reauth
code, and then an HTML response when you reauth and continue on to
a given form -- try it out with Admin > Settings > Advanced.
3) All JSON replies must set the mime type correctly. The json::reply
convenience function does this for us.
4) By default, any HTML content sent back in the JSON response should be
in the "html" field, no longer the "form" field.
The combination of these allows us to stop doing boilerplate code like
this in our controllers:
// Print our view, JSON encoded
json::reply(array("form" => (string) $view));
instead, controllers can just return HTML, eg:
// Print our view
print $view;
That's much more intuitive for developers.
101 lines
3.2 KiB
JavaScript
101 lines
3.2 KiB
JavaScript
(function($) {
|
|
$.widget("ui.gallery_panel", {
|
|
_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=\"g-panel\"><td colspan=\"6\"></td></tr>";
|
|
|
|
// We keep track of the open vs. closed state by looking to see if there'
|
|
// an orig_text attr. If that attr is missing, then the panel is closed
|
|
// and we want to open it
|
|
var should_open = !$(element).attr("orig_text");
|
|
|
|
// Close any open panels and reset their button text
|
|
if ($("#g-panel").length) {
|
|
$("#g-panel").slideUp("slow").remove();
|
|
$.each($(".g-panel-link"),
|
|
function() {
|
|
if ($(this).attr("orig_text")) {
|
|
$(this).children(".g-button-text").text($(this).attr("orig_text"));
|
|
$(this).attr("orig_text", "");
|
|
}
|
|
}
|
|
);
|
|
}
|
|
|
|
if (should_open) {
|
|
$(parent).after(ePanel);
|
|
$("#g-panel td").html(sHref);
|
|
$.ajax({
|
|
url: sHref,
|
|
type: "GET",
|
|
beforeSend: function(xhr) {
|
|
// Until we convert to jquery 1.4, we need to save the
|
|
// XMLHttpRequest object
|
|
this.xhrData = xhr;
|
|
},
|
|
success: function(data, textStatus, xhr) {
|
|
// Pre jquery 1.4, get the saved XMLHttpRequest object
|
|
if (xhr == undefined) {
|
|
xhr = this.xhrData;
|
|
}
|
|
var mimeType = /^(\w+\/\w+)\;?/.exec(xhr.getResponseHeader("Content-Type"));
|
|
var content = "";
|
|
if (mimeType[1] == "application/json") {
|
|
data = JSON.parse(data);
|
|
content = unescape(data.html);
|
|
} else {
|
|
content = data;
|
|
}
|
|
|
|
$("#g-panel td").html(content);
|
|
self._ajaxify_panel();
|
|
if ($(element).attr("open_text")) {
|
|
$(element).attr("orig_text", $(element).children(".g-button-text").text());
|
|
$(element).children(".g-button-text").text($(element).attr("open_text"));
|
|
}
|
|
$("#g-panel").addClass(parentClass).show().slideDown("slow");
|
|
}
|
|
});
|
|
}
|
|
|
|
return false;
|
|
});
|
|
},
|
|
|
|
_ajaxify_panel: function () {
|
|
var self = this;
|
|
$("#g-panel td form").ajaxForm({
|
|
dataType: "json",
|
|
beforeSubmit: function(formData, form, options) {
|
|
form.find(":submit")
|
|
.addClass("ui-state-disabled")
|
|
.attr("disabled", "disabled");
|
|
return true;
|
|
},
|
|
success: function(data) {
|
|
if (data.html) {
|
|
$("#g-panel td").html(data.html);
|
|
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);
|