| | |
| | | this._element = element; |
| | | this._element.classList.add('panel'); |
| | | |
| | | this._hide = addParaWithText(this._element, '▶'); |
| | | this._hide = addElementWithText(this._element, 'a', '▶'); |
| | | this._hide.title = lang.action_collapse; |
| | | this._hide.className = 'hide'; |
| | | this._hide.addEventListener('click', this.toggleExpanded.bind(this)); |
| | | |
| | | this._close = addParaWithText(this._element, '×'); |
| | | this._container = document.createElement('div'); |
| | | this._container.className = 'panel-container'; |
| | | |
| | | this._close = addElementWithText(this._container, 'a', '×'); |
| | | this._close.title = lang.action_close; |
| | | this._close.className = 'close'; |
| | | this._close.addEventListener('click', this.close.bind(this)); |
| | | |
| | | this._content = document.createElement('div'); |
| | | this._element.appendChild(this._content); |
| | | this._container.appendChild(this._content); |
| | | this._element.appendChild(this._container); |
| | | } |
| | | Panel.prototype = { |
| | | _element: null, |
| | | _hide: null, |
| | | _container: null, |
| | | _close: null, |
| | | _content: null, |
| | | |
| | |
| | | })}, 10); |
| | | }; |
| | | showOnMapElement.addEventListener('click', showOnMapFunction); |
| | | showOnMapElement.className = 'icon-pin addon-icon'; |
| | | showOnMapElement.className = 'icon icon-pin'; |
| | | showOnMapElement.title = lang.show_on_map; |
| | | |
| | | if(additional) { |
| | |
| | | |
| | | var layers = [ |
| | | new ol.layer.Tile({ |
| | | source: new ol.source.OSM(), |
| | | source: new ol.source.OSM({ |
| | | url: 'https://tiles.ttss.pl/{z}/{x}/{y}.png', |
| | | }), |
| | | }), |
| | | route_layer, |
| | | geolocation_layer, |