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