app/assets/javascripts/index/changeset.js

   1 OSM.Changeset = function (map) {
   2   var page = {},
   3       content = $("#sidebar_content"),
   4       currentChangesetId;
   5
   6   page.pushstate = page.popstate = function (path, id) {
   7     OSM.loadSidebarContent(path, function () {
   8       page.load(path, id);
   9     });
  10   };
  11
  12   page.load = function (path, id) {
  13     if (id) currentChangesetId = id;
  14     initialize();
  15     addChangeset(currentChangesetId, true);
  16   };
  17
  18   function addChangeset(id, center) {
  19     map.addObject({ type: "changeset", id: parseInt(id, 10) }, function (bounds) {
  20       if (!window.location.hash && bounds.isValid() &&
  21           (center || !map.getBounds().contains(bounds))) {
  22         OSM.router.withoutMoveListener(function () {
  23           map.fitBounds(bounds);
  24         });
  25       }
  26     });
  27   }
  28
  29   function updateChangeset(method, url, include_data) {
  30     var data;
  31
  32     content.find("#comment-error").prop("hidden", true);
  33     content.find("button[data-method][data-url]").prop("disabled", true);
  34
  35     if (include_data) {
  36       data = { text: content.find("textarea").val() };
  37     } else {
  38       data = {};
  39     }
  40
  41     $.ajax({
  42       url: url,
  43       type: method,
  44       oauth: true,
  45       data: data,
  46       success: function () {
  47         OSM.loadSidebarContent(window.location.pathname, page.load);
  48       },
  49       error: function (xhr) {
  50         content.find("#comment-error").text(xhr.responseText);
  51         content.find("#comment-error").prop("hidden", false);
  52         content.find("button[data-method][data-url]").prop("disabled", false);
  53       }
  54     });
  55   }
  56
  57   function initialize() {
  58     content.find("button[data-method][data-url]").on("click", function (e) {
  59       e.preventDefault();
  60       var data = $(e.target).data();
  61       var include_data = e.target.name === "comment";
  62       updateChangeset(data.method, data.url, include_data);
  63     });
  64
  65     content.find("textarea").on("input", function (e) {
  66       var form = e.target.form;
  67
  68       if ($(e.target).val() === "") {
  69         $(form.comment).prop("disabled", true);
  70       } else {
  71         $(form.comment).prop("disabled", false);
  72       }
  73     });
  74
  75     content.find("textarea").val("").trigger("input");
  76   }
  77
  78   page.unload = function () {
  79     map.removeObject();
  80   };
  81
  82   return page;
  83 };