glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Makes it so that resizing the browser window doesn't change the user's location on the map

Browse source
This commit is contained in:
Robert Best 2016-10-07 00:33:16 +00:00
parent 97d2868fad
commit 0aeb6caadb
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/Metamaps/Listeners.js
View file

@ -7,6 +7,7 @@ import Mobile from './Mobile'
import Realtime from './Realtime' import Realtime from './Realtime'
import Selected from './Selected' import Selected from './Selected'
import Topic from './Topic' import Topic from './Topic'
import Util from './Util'
import Visualize from './Visualize' import Visualize from './Visualize'
import { Search } from './GlobalUI' import { Search } from './GlobalUI'
@ -122,7 +123,22 @@ const Listeners = {
}) })
$(window).resize(function () { $(window).resize(function () {
var canvas = Visualize.mGraph.canvas,
scaleX = canvas.scaleOffsetX,
scaleY = canvas.scaleOffsetY,
centrePixX = Visualize.mGraph.canvas.canvases[0].size.width / 2,
centrePixY = Visualize.mGraph.canvas.canvases[0].size.height / 2,
centreCoords = Util.pixelsToCoords({x:centrePixX ,y:centrePixY});
if (Visualize && Visualize.mGraph) Visualize.mGraph.canvas.resize($(window).width(), $(window).height()) if (Visualize && Visualize.mGraph) Visualize.mGraph.canvas.resize($(window).width(), $(window).height())
canvas.scale(scaleX,scaleY);
var newCentrePixX = Visualize.mGraph.canvas.canvases[0].size.width / 2,
newCentrePixY = Visualize.mGraph.canvas.canvases[0].size.height / 2,
newCentreCoords = Util.pixelsToCoords({x:newCentrePixX ,y:newCentrePixY});
canvas.translate(newCentreCoords.x - centreCoords.x, newCentreCoords.y - centreCoords.y);
if (Active.Map && Realtime.inConversation) Realtime.positionVideos() if (Active.Map && Realtime.inConversation) Realtime.positionVideos()
Mobile.resizeTitle() Mobile.resizeTitle()
}) })