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