Add a new quick-edit mode for editing photos when viewing albums.

Implement image rotation this way.

1 files changed, 45 insertions, 0 deletions

diff --git a/core/js/quickedit.js b/core/js/quickedit.js
new file mode 100644
index 00000000..5dad5e1f
--- /dev/null
+++ b/core/js/quickedit.js
@@ -0,0 +1,45 @@
+$(document).ready(function() {
+  $("div.gQuickEdit").hover(show_quickedit, function() { });
+});
+
+var show_quickedit = function() {
+  $("#gQuickEditPane").remove();
+  $(this).append("<div id=\"gQuickEditPane\"></div>");
+  var img = $(this).find("img");
+  var pos = img.position();
+  $("#gQuickEditPane").css({
+    "position": "absolute",
+    "top": pos.top,
+    "left": pos.left,
+    "width": img.innerWidth() + 1,
+    "height": 32
+  });
+  $(this).hover(function() { }, hide_quickedit);
+  $.get(
+    $(this).attr("quickedit_link"),
+    {},
+    function(data, textStatus) {
+      $("#gQuickEditPane").html(data);
+      $("#gQuickEditPane div").click(function() {
+	quickedit($(this).attr("quickedit_link"), img);
+      });
+    }
+  );
+};
+
+var quickedit = function(url, img) {
+  $.ajax({
+    type: "GET",
+    url: url,
+    dataType: "json",
+    success: function(data) {
+      img.attr("width", data.width);
+      img.attr("height", data.height);
+      img.attr("src", data.src);
+    }
+  });
+};
+
+var hide_quickedit = function() {
+  $("#gQuickEditPane").remove();
+};