Simplify the watermark module. We can now upload, edit and delete one

watermark.  The UI is rough and we don't yet apply the watermark to
images.. that's next.

1 files changed, 0 insertions, 125 deletions

diff --git a/modules/watermark/js/watermark.js b/modules/watermark/js/watermark.js
deleted file mode 100644
index d90cdb80..00000000
--- a/modules/watermark/js/watermark.js
+++ /dev/null
@@ -1,125 +0,0 @@
-$("gUploadWatermarkForm").ready(function() {
-  ajaxify_watermark_add_form();
-});
-
-function ajaxify_watermark_add_form() {
-  $("#gUploadWatermarkForm").ajaxForm({
-    complete:function(xhr, statusText) {
-      $("#gUploadWatermarkForm").replaceWith(xhr.responseText);
-      ajaxify_watermark_add_form();
-    }
-  });
-}
-
-var locations = {
-  areas: {},
-  names: ["northwest", "north",   "northeast",
-          "west",      "center",  "east",
-          "southwest", "south",   "southeast"],
-  nameIndex: function(name) {
-    for (var row=0; row < 3; row++) {
-      for (var col=0; col < 3; col++) {
-        var index = row * 3 + col;
-        if (this.names[index] == name) {
-          return index;
-        }
-      }
-    }
-  },
-  getArea: function(x, y) {
-    for (var row=0; row < 3; row++) {
-      for (var col=0; col < 3; col++) {
-        var name = this.names[row * 3 + col];
-        var area = this.areas[name];
-        var check = area.top <= y && y < area.bottom && area.left <= x && x < area.right;
-        if (check) {
-          return name;
-        }
-      }
-    }
-  },
-  getDimension: function (area) {
-    return this.areas[area];
-  }
-};
-
-
-
-locations.areas["northeast"] = {};
-locations.areas["north"] = {};
-locations.areas["northwest"] = {};
-locations.areas["east"] = {};
-locations.areas["center"] = {};
-locations.areas["west"] = {};
-locations.areas["southeast"] = {};
-locations.areas["south"] = {};
-locations.areas["southwest"] = {};
-
-function calculateAreas(target) {
-  var cell_height = $(target).attr("offsetHeight") / 3;
-  var cell_width = $(target).attr("offsetWidth") / 3;
-
-  var top = $(target).attr("offsetTop");
-  for (var row=0; row < 3; row++) {
-    var left = $(target).attr("offsetLeft");
-    for (var col=0; col < 3; col++) {
-      var name = locations.names[row * 3 + col];
-      locations.areas[name] = {
-        top: top,
-        left: left,
-        right: left + cell_width,
-        bottom: top + cell_height};
-      left += cell_width;
-    }
-    top += cell_height;
-  }
-}
-
-function watermark_dialog_initialize() {
-  // Adjust the size of the dialog to accomodate the image content
-  var container = $("#gDialog").parent().parent();
-  var container_height = $(container).attr("offsetHeight");
-  var container_width = $(container).attr("offsetWidth");
-
-  var new_height = $("#gDialog").attr("offsetHeight") +
-    container.find("div.ui-dialog-titlebar").attr("offsetHeight") +
-    container.find("div.ui-dialog-buttonpane").attr("offsetHeight");
-  var height = Math.max(new_height, container_height);
-  var width = Math.max($("#gDialog").attr("offsetWidth"), container_width);
-  container.css("height", height + "px");
-  container.css("width", width + "px");
-  container.css("top", ((document.height - height) / 2) + "px");
-  container.css("left", ((document.width - width) / 2) + "px");
-
-  $("#gTargetImage").droppable({
-    accept: "div",
-    greedy: true,
-    hoverClass: "droppable-hover",
-    drop: function(ev, ui) {
-      var areaname = locations.getArea(ui.position.left, ui.position.top);
-      positionWatermark(areaname);
-      $("#position").val(locations.nameIndex(areaname));
-    }
-  });
-
-  $("#gWaterMark").draggable({
-    helper: 'clone',
-    containment: "#gTargetImage",
-    opacity: .6
-  });
-
-  $("#position").change(function() {
-    positionWatermark($("option:selected", this).text());
-  });
-
-  calculateAreas($("#gTargetImage"));
-  var dropdown = $("#position");
-  positionWatermark($("option:selected", dropdown).text());
-}
-
-function positionWatermark(area) {
-  var region = locations.getDimension(area);
-
-  $("#gWaterMark").css("top", region.top + "px");
-  $("#gWaterMark").css("left", region.left + "px");
-}