app/assets/javascripts/index/note.js.erb

   1 OSM.Note = function (map) {
   2   var noteLayer = map.noteLayer,
   3     content = $('#sidebar_content'),
   4     page = {},
   5     marker;
   6
   7   var noteIcons = {
   8     "new": L.icon({
   9       iconUrl: "<%= image_path('new_note_marker.png') %>",
  10       iconSize: [25, 40],
  11       iconAnchor: [12, 40]
  12     }),
  13     "open": L.icon({
  14       iconUrl: "<%= image_path('open_note_marker.png') %>",
  15       iconSize: [25, 40],
  16       iconAnchor: [12, 40]
  17     }),
  18     "closed": L.icon({
  19       iconUrl: "<%= image_path('closed_note_marker.png') %>",
  20       iconSize: [25, 40],
  21       iconAnchor: [12, 40]
  22     })
  23   };
  24
  25   function updateNote(marker, form, method, url) {
  26     $(form).find("input[type=submit]").prop("disabled", true);
  27
  28     $.ajax({
  29       url: url,
  30       type: method,
  31       oauth: true,
  32       data: {text: $(form.text).val()},
  33       success: function (feature) {
  34         marker = noteLayer.getLayer(marker);
  35         if (feature.properties.status == "hidden") {
  36           noteLayer.removeLayer(marker);
  37         } else {
  38           marker.setIcon(noteIcons[feature.properties.status]);
  39           page.load();
  40         }
  41       }
  42     });
  43   }
  44
  45   function bind() {
  46     content.find("input[type=submit]").on("click", function (e) {
  47       e.preventDefault();
  48       var data = $(e.target).data();
  49       updateNote(data.noteId, e.target.form, data.method, data.url);
  50     });
  51
  52     content.find("textarea").on("input", function (e) {
  53       var form = e.target.form;
  54
  55       if ($(e.target).val() == "") {
  56         $(form.close).val(I18n.t("javascripts.notes.show.resolve"));
  57         $(form.comment).prop("disabled", true);
  58       } else {
  59         $(form.close).val(I18n.t("javascripts.notes.show.comment_and_resolve"));
  60         $(form.comment).prop("disabled", false);
  61       }
  62     });
  63
  64     content.find("textarea").val('').trigger("input");
  65   }
  66
  67   page.pushstate = page.popstate = function () {
  68     page.load();
  69   };
  70
  71   page.load = function () {
  72     var loadTimer = setTimeout(setLoading, 250);
  73     $('#sidebar_content').load(window.location.pathname + "?xhr=1", function (a, b, xhr) {
  74       if (xhr.getResponseHeader('X-Page-Title')) {
  75         document.title = xhr.getResponseHeader('X-Page-Title');
  76       }
  77       bind();
  78       clearTimeout(loadTimer);
  79       clearLoading();
  80
  81       if (!map.hasLayer(noteLayer)) map.addLayer(noteLayer);
  82       if (window.location.hash == "") map.panTo($('.details').data().coordinates.split(','));
  83     });
  84   };
  85
  86   page.unload = function () {
  87     if (marker) map.removeLayer(marker);
  88   };
  89
  90   function setLoading() {
  91     if ($('#browse_status').is(':empty')) {
  92       $('#browse_status').append($('<p></p>').text(I18n.t('browse.start_rjs.loading')));
  93     }
  94   }
  95
  96   function clearLoading() {
  97     $('#browse_status').empty();
  98   }
  99
 100   return page;
 101 };