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(form, method, url, include_data) {
  30     var data;
  31
  32     $(form).find("#comment-error").prop("hidden", true);
  33     $(form).find("input[type=submit]").prop("disabled", true);
  34
  35     if (include_data) {
  36       data = { text: $(form.text).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, xhr_status, http_status) {
  50         $(form).find("#comment-error").text(http_status);
  51         $(form).find("#comment-error").prop("hidden", false);
  52         $(form).find("input[type=submit]").prop("disabled", false);
  53       }
  54     });
  55   }
  56
  57   function initialize() {
  58     content.find("input[name=comment]").on("click", function (e) {
  59       e.preventDefault();
  60       var data = $(e.target).data();
  61       updateChangeset(e.target.form, data.method, data.url, true);
  62     });
  63
  64     content.find(".action-button").on("click", function (e) {
  65       e.preventDefault();
  66       var data = $(e.target).data();
  67       updateChangeset(e.target.form, data.method, data.url);
  68     });
  69
  70     content.find("textarea").on("input", function (e) {
  71       var form = e.target.form;
  72
  73       if ($(e.target).val() === "") {
  74         $(form.comment).prop("disabled", true);
  75       } else {
  76         $(form.comment).prop("disabled", false);
  77       }
  78     });
  79
  80     content.find("textarea").val("").trigger("input");
  81   }
  82
  83   page.unload = function () {
  84     map.removeObject();
  85   };
  86
  87   return page;
  88 };