327 lines
11 KiB
JavaScript
327 lines
11 KiB
JavaScript
(function($) {
|
|
var _paths = [];
|
|
|
|
$.fn.gallery3_client = function() {
|
|
return this.each(function(i) {
|
|
ajaxifyLoginForm(this);
|
|
});
|
|
};
|
|
|
|
function ajaxifyLoginForm(obj) {
|
|
var login = $(obj).find("#g-login-form form");
|
|
if (login.length > 0) {
|
|
$(login).ajaxForm({
|
|
dataType: "json",
|
|
beforeSubmit: function(formData, form, options) {
|
|
form.find(":submit")
|
|
.addClass("ui-state-disabled")
|
|
.attr("disabled", "disabled");
|
|
return true;
|
|
},
|
|
success: function(data) {
|
|
$(obj).html(data.content);
|
|
if (data.status == "ok") {
|
|
initializeDetail(obj);
|
|
} else {
|
|
ajaxifyLoginForm(obj);
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
initializeDetail(obj);
|
|
}
|
|
};
|
|
|
|
function initializeDetail(obj) {
|
|
$(".ui-icon-plus", obj).live("click", function (event) {
|
|
var siblings = $("~ ul", this);
|
|
if (siblings.length > 0) {
|
|
siblings.show();
|
|
$(this).removeClass("ui-icon-plus");
|
|
$(this).addClass("ui-icon-minus");
|
|
} else {
|
|
var parent = $(this).parents("li:first");
|
|
$.get("/g3_client/index.php/g3_client/albums",
|
|
{path: $(parent).attr("ref")},
|
|
function(data, textStatus) {
|
|
$(parent).replaceWith(data);
|
|
});
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$(".ui-icon-minus", obj).live("click", function (event) {
|
|
$("~ ul", this).hide();
|
|
$(this).removeClass("ui-icon-minus");
|
|
$(this).addClass("ui-icon-plus");
|
|
return false;
|
|
});
|
|
|
|
$("#center a.wc-child-link").live("dblclick", function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
var path = $(this).parents("li:first").attr("ref");
|
|
var url = $(this).attr("href");
|
|
get_detail(path, _set_active_album);
|
|
return false;
|
|
});
|
|
|
|
$("#wc-choose-resource").live("click", function(event){
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
if ($("#wc-resource-list:visible").length) {
|
|
$("#wc-resource-list").hide();
|
|
} else {
|
|
var parent = $(this).parent("div");
|
|
var width = parent.width();
|
|
var height = parent.height();
|
|
var top = parent.position().top;
|
|
var current_path = $("#wc-add-resource").attr("ref");
|
|
$("#wc-resource-list li[ref='" + current_path + "']").addClass("ui-selected");
|
|
$("#wc-resource-list")
|
|
.css({"top": (top + height - 5) + "px", "width": width + "px"})
|
|
.show();
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$("#wc-resource-list").live("click", function(event) {
|
|
var ref = $(event.originalTarget).attr("ref");
|
|
var text = $(event.originalTarget).text();
|
|
$("#wc-add-resource span").text(text);
|
|
$("#wc-add-resource").attr("ref", ref);
|
|
$("#wc-resource-list").hide();
|
|
$("#wc-resource-list li.ui-selected").removeClass("ui-selected");
|
|
});
|
|
|
|
$("#center a.wc-child-link").live("click", function(event) {
|
|
$(".wc-thumb-grid-cell.ui-selected").removeClass("ui-selected");
|
|
$(this).parents("li:first").addClass("ui-selected");
|
|
_set_navigation_buttons($(".wc-thumb-grid-cell.ui-selected").attr("ref"));
|
|
return false;
|
|
});
|
|
|
|
$(".wc-button").live("click", function() {
|
|
if ($(this).hasClass("ui-state-disabled")) {
|
|
return false;
|
|
}
|
|
|
|
var action = $(this).attr("ref");
|
|
switch (action) {
|
|
case "parent":
|
|
get_detail($("span", this).attr("ref"), _set_active_album);
|
|
break;
|
|
case "first":
|
|
case "previous":
|
|
case "next":
|
|
case "last":
|
|
if (resource_type != "album") {
|
|
get_detail($("span", this).attr("ref"));
|
|
} else {
|
|
var selected = $(".wc-thumb-grid-cell.ui-selected");
|
|
selected.removeClass("ui-selected");
|
|
switch ($(this).attr("ref")) {
|
|
case "first":
|
|
$(".wc-thumb-grid-cell:first").addClass("ui-selected");
|
|
break;
|
|
case "previous":
|
|
selected.prev().addClass("ui-selected");
|
|
break;
|
|
case "next":
|
|
selected.next().addClass("ui-selected");
|
|
break;
|
|
case "last":
|
|
$(".wc-thumb-grid-cell:last").addClass("ui-selected");
|
|
break;
|
|
}
|
|
_set_navigation_buttons();
|
|
}
|
|
break;
|
|
case "edit":
|
|
case "delete":
|
|
_open_dialog(action + "_" + resource_type, $("span", this).attr("ref"));
|
|
break;
|
|
default:
|
|
if (/^add_.*/.test(action)) {
|
|
_open_dialog(action, $("span", this).attr("ref"));
|
|
} else {
|
|
console.group("process toolbar button click: " + $(this).attr("ref"));
|
|
console.log(($("span", this).attr("ref")));
|
|
console.groupEnd();
|
|
}
|
|
}
|
|
return false;
|
|
});
|
|
|
|
$(".tree-title", obj).live("click", function (event) {
|
|
get_detail($(this).parents("li:first").attr("ref"));
|
|
$(".ui-selected").removeClass("ui-selected");
|
|
$(this).addClass("ui-selected");
|
|
return false;
|
|
});
|
|
|
|
$("#album_tree [ref=''] .tree-title:first").addClass("ui-selected");
|
|
|
|
$("#wc-tag-cloud li a", obj).live("click", function (event) {
|
|
$.get($(this).attr("href"), function(data, textStatus) {
|
|
$("#wc-detail").html(data);
|
|
set_selected_thumb();
|
|
save_paths();
|
|
});
|
|
return false;
|
|
});
|
|
|
|
set_selected_thumb();
|
|
save_paths();
|
|
}
|
|
|
|
function _set_active_album(path) {
|
|
var album = $("#album_tree [ref='" + path + "']");
|
|
if (album.length > 0) {
|
|
$(".tree-title.ui-selected").removeClass("ui-selected");
|
|
$(".tree-title:first", album).addClass("ui-selected");
|
|
}
|
|
}
|
|
|
|
function set_selected_thumb() {
|
|
if ($(".wc-thumb-grid-cell.ui-selected").length == 0) {
|
|
$(".wc-thumb-grid-cell:first").addClass("ui-selected");
|
|
}
|
|
}
|
|
|
|
function _open_dialog(dialog, resource_path) {
|
|
$("body").append('<div id="g-dialog"></div>');
|
|
$("#g-dialog").dialog({
|
|
model: true,
|
|
resizable: false,
|
|
position: "center",
|
|
close: function() {
|
|
$("#g-dialog").dialog("destroy").remove();
|
|
}
|
|
});
|
|
$.getJSON("/g3_client/index.php/" + dialog, {path: resource_path}, function(data) {
|
|
$("#g-dialog").html(data.form);
|
|
|
|
if ($("#g-dialog fieldset legend").length) {
|
|
$("#g-dialog").dialog('option', 'title', $("#g-dialog fieldset legend:eq(0)").html());
|
|
}
|
|
_ajaxifyDialog();
|
|
|
|
$("#g-dialog").dialog("open");
|
|
|
|
});
|
|
}
|
|
|
|
function _ajaxifyDialog() {
|
|
if ($("#g-dialog form").length) {
|
|
$("#g-dialog form").ajaxForm({
|
|
dataType: "json",
|
|
beforeSubmit: function(formData, form, options) {
|
|
form.find(":submit, :reset")
|
|
.addClass("ui-state-disabled")
|
|
.attr("disabled", "disabled");
|
|
return true;
|
|
},
|
|
success: function(data) {
|
|
if (data.form) {
|
|
$("#g-dialog form").replaceWith(data.form);
|
|
$("#g-dialog form :submit").removeClass("ui-state-disabled")
|
|
.attr("disabled", null);
|
|
_ajaxifyDialog();
|
|
}
|
|
if (data.result == "success") {
|
|
$("#g-dialog").dialog('close');
|
|
get_detail(data.path, _set_active_album);
|
|
if (data.type == "album") {
|
|
var path = data.path;
|
|
$.get("/g3_client/index.php/g3_client/albums",
|
|
{path: path},
|
|
function(data, textStatus) {
|
|
var selector = "#album_tree li[ref=" + path + "]";
|
|
$(selector).replaceWith(data);
|
|
$(selector + " .tree-title:first").addClass("ui-selected");
|
|
});
|
|
}
|
|
} else if (data.result == "fail") {
|
|
$("#g-dialog").dialog('close');
|
|
alert(data.message);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function get_detail(path, callback) {
|
|
$.get("/g3_client/index.php/g3_client/detail", {path: path}, function(data, textStatus) {
|
|
$("#wc-detail").html(data);
|
|
set_selected_thumb();
|
|
save_paths();
|
|
if (callback) {
|
|
callback(path);
|
|
}
|
|
});
|
|
}
|
|
|
|
function save_paths() {
|
|
_paths[current_path] = [];
|
|
$(".wc-thumb-grid-cell").each(function(i) {
|
|
_paths[current_path][i] = $(this).attr("ref");
|
|
});
|
|
|
|
_set_navigation_buttons();
|
|
}
|
|
|
|
function _set_navigation_buttons() {
|
|
if (current_path != "") {
|
|
$(".wc-toolbar .ui-icon-eject").parent("a").removeClass("ui-state-disabled");
|
|
//$(".wc-toolbar .ui-icon-trash").parent("a").removeClass("ui-state-disabled");
|
|
} else {
|
|
$(".wc-toolbar .ui-icon-eject").parent("a").addClass("ui-state-disabled");
|
|
//$(".wc-toolbar .ui-icon-trash").parent("a").addClass("ui-state-disabled");
|
|
}
|
|
$(".wc-toolbar .ui-icon-eject").attr("ref", parent_path);
|
|
$(".wc-toolbar .ui-icon-pencil").attr("ref", current_path);
|
|
$(".wc-toolbar #wc-add-resource span")
|
|
.attr("ref", resource_type == "album" ? current_path : parent_path);
|
|
|
|
var paths = _paths[resource_type == "album" ? current_path : parent_path];
|
|
|
|
$(".wc-toolbar .ui-icon-pencil").attr("ref", current_path);
|
|
if (paths.length > 0) {
|
|
$(".wc-toolbar .ui-icon-seek-first").parent("a").removeClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-end").parent("a").removeClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-first").attr("ref", paths[0]);
|
|
$(".wc-toolbar .ui-icon-seek-end").attr("ref", paths[paths.length - 1]);
|
|
} else {
|
|
$(".wc-toolbar .ui-icon-seek-first").parent("a").addClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-end").parent("a").addClass("ui-state-disabled");
|
|
}
|
|
|
|
var selected_path =
|
|
resource_type == "album" ? $(".wc-thumb-grid-cell.ui-selected").attr("ref") : current_path;
|
|
var i = 0;
|
|
for (; i < paths.length; i++) {
|
|
if (paths[i] == selected_path) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
$(".wc-toolbar .ui-icon-trash").attr("ref", selected_path);
|
|
|
|
if (i > 0) {
|
|
$(".wc-toolbar .ui-icon-seek-prev").parent("a").removeClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-prev").attr("ref", paths[i - 1]);
|
|
} else {
|
|
$(".wc-toolbar .ui-icon-seek-first").parent("a").addClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-prev").parent("a").addClass("ui-state-disabled");
|
|
}
|
|
if (i < paths.length - 1) {
|
|
$(".wc-toolbar .ui-icon-seek-next").parent("a").removeClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-next").attr("ref", paths[i + 1]);
|
|
} else {
|
|
$(".wc-toolbar .ui-icon-seek-next").parent("a").addClass("ui-state-disabled");
|
|
$(".wc-toolbar .ui-icon-seek-end").parent("a").addClass("ui-state-disabled");
|
|
}
|
|
}
|
|
})(jQuery);
|