| | |
| | | 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, |
| | | |
| | |
| | | fill = '#922'; |
| | | } |
| | | |
| | | var image = '<svg xmlns="http://www.w3.org/2000/svg" height="30" width="20"><polygon points="10,0 20,23 0,23" style="fill:'+fill+';stroke:'+color_type+';stroke-width:3" /></svg>'; |
| | | var image = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="30"><polygon points="10,0 20,23 0,23" style="fill:'+fill+';stroke:'+color_type+';stroke-width:3"/></svg>'; |
| | | |
| | | vehicle.setStyle(new ol.style.Style({ |
| | | image: new ol.style.Icon({ |
| | | src: 'data:image/svg+xml;base64,' + btoa(image), |
| | | imgSize: [20,30], |
| | | rotation: Math.PI * parseFloat(vehicle.get('heading') ? vehicle.get('heading') : 0) / 180.0, |
| | | }), |
| | | text: new ol.style.Text({ |
| | |
| | | })}, 10); |
| | | }; |
| | | showOnMapElement.addEventListener('click', showOnMapFunction); |
| | | showOnMapElement.className = 'icon-pin addon-icon'; |
| | | showOnMapElement.className = 'icon icon-pin'; |
| | | showOnMapElement.title = lang.show_on_map; |
| | | |
| | | if(additional) { |
| | |
| | | vehicles_last_update[type] = 0; |
| | | }); |
| | | |
| | | ol.style.IconImageCache.shared.setSize(512); |
| | | |
| | | geolocation_feature = new ol.Feature({ |
| | | name: '', |
| | | style: new ol.style.Style({ |
| | |
| | | |
| | | 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, |