app/assets/javascripts/index/changeset.js

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