franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix offset on mobile devices

Browse Source
This commit is contained in:
Franzz
2019-03-11 22:07:38 +01:00
parent 5f040b113d
commit 2b170d5255
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
masks/project.html
View File

@@ -46,10 +46,11 @@ function initPage(asHash) {
self.tmp('updatable', true); self.tmp('updatable', true);
self.tmp('out-of-data', false); self.tmp('out-of-data', false);
self.tmp('mobile', $('#mobile').is(':visible')); self.tmp('mobile', $('#mobile').is(':visible'));
self.tmp('feed_width', $('#feed').outerWidth(true)); self.tmp('feed_width', self.tmp('mobile')?0:$('#feed').outerWidth(true));
self.tmp('map_offset', -1 * self.tmp('feed_width') / $('body').outerWidth(true)); self.tmp('map_offset', -1 * self.tmp('feed_width') / $('body').outerWidth(true));
self.tmp('tile_api', '?a=tile&id={id}&z={z}&x={x}&y={y}'); self.tmp('tile_api', '?a=tile&id={id}&z={z}&x={x}&y={y}');
self.tmp('markers', 'object'); self.tmp('markers', 'object');
self.tmp('marker_size', {width: 32, height: 32});
//Assign Track Type Colors //Assign Track Type Colors
self.tmp('track-type-styles', 'object'); self.tmp('track-type-styles', 'object');
@@ -273,7 +274,7 @@ function initSpotMessages(aoMessages, aoTracks) {
//Recenter map to be at the center of 70% (map_offset) of the page, 30% being used by posts //Recenter map to be at the center of 70% (map_offset) of the page, 30% being used by posts
oMap.setOffsetView(self.tmp('map_offset')); oMap.setOffsetView(self.tmp('map_offset'));
} }
else oMap.fitBounds(oTracks.getBounds(), {paddingTopLeft: L.point(5, 42), paddingBottomRight: L.point(self.tmp('feed_width')+5, 5)}); else oMap.fitBounds(oTracks.getBounds(), {paddingTopLeft: L.point(5, self.tmp('marker_size').height + 5), paddingBottomRight: L.point(self.tmp('feed_width') + 5, 5)});
//Spot Messages //Spot Messages
$.each(aoMessages, function(iKey, oMsg){ $.each(aoMessages, function(iKey, oMsg){
@@ -285,8 +286,8 @@ function initSpotMessages(aoMessages, aoTracks) {
icon: L.divIcon({ icon: L.divIcon({
className: '', className: '',
html: '<i class="fa fa-message fa-stack-2x"></i><i class="fa fa-message-in fa-stack-1x fa-rotate-270"></i>', html: '<i class="fa fa-message fa-stack-2x"></i><i class="fa fa-message-in fa-stack-1x fa-rotate-270"></i>',
iconSize: [32, 32], iconSize: [self.tmp('marker_size').width, self.tmp('marker_size').height],
iconAnchor: [16, 32] iconAnchor: [self.tmp('marker_size').width / 2, self.tmp('marker_size').height] //position from icon's top left corner (iconAnchor = marker's position)
}) })
}).addTo(oMap); }).addTo(oMap);
@@ -438,6 +439,7 @@ function getPost(asPost) {
var oMarker = oSpot.tmp(['markers', $(this).parent().data('id')]); var oMarker = oSpot.tmp(['markers', $(this).parent().data('id')]);
self.tmp('map').setOffsetView(self.tmp('map_offset'), oMarker.getLatLng(), 13); self.tmp('map').setOffsetView(self.tmp('map_offset'), oMarker.getLatLng(), 13);
if(!oMarker.isPopupOpen()) oMarker.openPopup(); if(!oMarker.isPopupOpen()) oMarker.openPopup();
if(self.tmp('mobile')) toggleFeedPanel(false);
}) })
) )
.hover( .hover(

1
todo
View File

@@ -1,3 +1,4 @@
To Do List To Do List
---------- ----------
- Check that update feed works - Check that update feed works
- admin page #admin