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

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