6d98f6642c3acff873fa894e15eb10111bc379b8
[rails.git] / app / assets / javascripts / index / map_ui.js
1 //= require templates/map/layers
2
3 OSM.MapUI = L.Control.extend({
4     onAdd: function(map) {
5         this._initLayout(map);
6         return this._container;
7     },
8
9     _initLayout: function(map) {
10         var className = 'leaflet-control-map-ui',
11             container = this._container = L.DomUtil.create('div', className);
12
13         var link = this._layersLink = L.DomUtil.create('a', 'leaflet-map-ui-layers', container);
14         link.href = '#';
15         link.title = 'Layers';
16
17         this._uiPane = L.DomUtil.create('div', 'leaflet-map-ui', map._container);
18         L.DomEvent
19             .on(this._uiPane, 'click', L.DomEvent.stopPropagation)
20             .on(this._uiPane, 'click', L.DomEvent.preventDefault)
21             .on(this._uiPane, 'dblclick', L.DomEvent.preventDefault);
22
23         $(link).on('click', $.proxy(this.toggleLayers, this));
24     },
25
26     toggleLayers: function(e) {
27         e.stopPropagation();
28         e.preventDefault();
29
30         var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right');
31
32         if ($(this._uiPane).is(':visible')) {
33             $(this._uiPane).hide();
34             controlContainer.css({paddingRight: '0'});
35         } else {
36             $(this._uiPane)
37                 .show()
38                 .html(JST["templates/map/layers"]());
39             controlContainer.css({paddingRight: '200px'});
40         }
41     }
42 });
43
44 OSM.mapUI = function() {
45     return new OSM.MapUI();
46 };