summaryrefslogtreecommitdiff
path: root/src/store/middlewares/viewport-adjustment.js
diff options
context:
space:
mode:
authorGeorgios Andreadis <G.Andreadis@student.tudelft.nl>2017-10-04 23:23:09 +0200
committerGitHub <noreply@github.com>2017-10-04 23:23:09 +0200
commitfcaaae65d34003874c76e0c01134dedf94248e09 (patch)
tree2aae1422168651e832a1904623f6f5b100fc17ec /src/store/middlewares/viewport-adjustment.js
parent0a62dfb55c5700013d42a589b930c7448e5bff71 (diff)
parent606d1de0be09f3597165248f65d54e158a13860c (diff)
Merge pull request #42 from atlarge-research/auto-reformat
Standardize code format
Diffstat (limited to 'src/store/middlewares/viewport-adjustment.js')
-rw-r--r--src/store/middlewares/viewport-adjustment.js119
1 files changed, 68 insertions, 51 deletions
diff --git a/src/store/middlewares/viewport-adjustment.js b/src/store/middlewares/viewport-adjustment.js
index a0056ee5..132391f3 100644
--- a/src/store/middlewares/viewport-adjustment.js
+++ b/src/store/middlewares/viewport-adjustment.js
@@ -1,73 +1,90 @@
-import {SET_MAP_DIMENSIONS, setMapPosition, setMapScale} from "../../actions/map";
-import {SET_CURRENT_DATACENTER} from "../../actions/topology/building";
import {
- MAP_MAX_SCALE,
- MAP_MIN_SCALE,
- SIDEBAR_WIDTH,
- TILE_SIZE_IN_PIXELS,
- VIEWPORT_PADDING
+ SET_MAP_DIMENSIONS,
+ setMapPosition,
+ setMapScale
+} from "../../actions/map";
+import { SET_CURRENT_DATACENTER } from "../../actions/topology/building";
+import {
+ MAP_MAX_SCALE,
+ MAP_MIN_SCALE,
+ SIDEBAR_WIDTH,
+ TILE_SIZE_IN_PIXELS,
+ VIEWPORT_PADDING
} from "../../components/app/map/MapConstants";
-import {calculateRoomListBounds} from "../../util/tile-calculations";
+import { calculateRoomListBounds } from "../../util/tile-calculations";
export const viewportAdjustmentMiddleware = store => next => action => {
- const state = store.getState();
+ const state = store.getState();
- let datacenterId = -1;
- let mapDimensions = {};
- if (action.type === SET_CURRENT_DATACENTER && action.datacenterId !== -1) {
- datacenterId = action.datacenterId;
- mapDimensions = state.map.dimensions;
- } else if (action.type === SET_MAP_DIMENSIONS && state.currentDatacenterId !== -1) {
- datacenterId = state.currentDatacenterId;
- mapDimensions = {width: action.width, height: action.height};
- }
+ let datacenterId = -1;
+ let mapDimensions = {};
+ if (action.type === SET_CURRENT_DATACENTER && action.datacenterId !== -1) {
+ datacenterId = action.datacenterId;
+ mapDimensions = state.map.dimensions;
+ } else if (
+ action.type === SET_MAP_DIMENSIONS &&
+ state.currentDatacenterId !== -1
+ ) {
+ datacenterId = state.currentDatacenterId;
+ mapDimensions = { width: action.width, height: action.height };
+ }
- if (datacenterId !== -1) {
- const roomIds = state.objects.datacenter[datacenterId].roomIds;
- const rooms = roomIds.map(id => Object.assign({}, state.objects.room[id]));
- rooms.forEach(room => room.tiles = room.tileIds.map(tileId => state.objects.tile[tileId]));
+ if (datacenterId !== -1) {
+ const roomIds = state.objects.datacenter[datacenterId].roomIds;
+ const rooms = roomIds.map(id => Object.assign({}, state.objects.room[id]));
+ rooms.forEach(
+ room =>
+ (room.tiles = room.tileIds.map(tileId => state.objects.tile[tileId]))
+ );
- let hasNoTiles = true;
- for (let i in rooms) {
- if (rooms[i].tiles.length > 0) {
- hasNoTiles = false;
- break;
- }
- }
+ let hasNoTiles = true;
+ for (let i in rooms) {
+ if (rooms[i].tiles.length > 0) {
+ hasNoTiles = false;
+ break;
+ }
+ }
- if (!hasNoTiles) {
- const viewportParams = calculateParametersToZoomInOnRooms(rooms, mapDimensions.width, mapDimensions.height);
- store.dispatch(setMapPosition(viewportParams.newX, viewportParams.newY));
- store.dispatch(setMapScale(viewportParams.newScale));
- }
+ if (!hasNoTiles) {
+ const viewportParams = calculateParametersToZoomInOnRooms(
+ rooms,
+ mapDimensions.width,
+ mapDimensions.height
+ );
+ store.dispatch(setMapPosition(viewportParams.newX, viewportParams.newY));
+ store.dispatch(setMapScale(viewportParams.newScale));
}
+ }
- next(action);
+ next(action);
};
function calculateParametersToZoomInOnRooms(rooms, mapWidth, mapHeight) {
- const bounds = calculateRoomListBounds(rooms);
- const newScale = calculateNewScale(bounds, mapWidth, mapHeight);
+ const bounds = calculateRoomListBounds(rooms);
+ const newScale = calculateNewScale(bounds, mapWidth, mapHeight);
- // Coordinates of the center of the room, relative to the global origin of the map
- const roomCenterCoordinates = {
- x: bounds.center.x * TILE_SIZE_IN_PIXELS * newScale,
- y: bounds.center.y * TILE_SIZE_IN_PIXELS * newScale
- };
+ // Coordinates of the center of the room, relative to the global origin of the map
+ const roomCenterCoordinates = {
+ x: bounds.center.x * TILE_SIZE_IN_PIXELS * newScale,
+ y: bounds.center.y * TILE_SIZE_IN_PIXELS * newScale
+ };
- const newX = -roomCenterCoordinates.x + mapWidth / 2;
- const newY = -roomCenterCoordinates.y + mapHeight / 2;
+ const newX = -roomCenterCoordinates.x + mapWidth / 2;
+ const newY = -roomCenterCoordinates.y + mapHeight / 2;
- return {newScale, newX, newY};
+ return { newScale, newX, newY };
}
function calculateNewScale(bounds, mapWidth, mapHeight) {
- const width = bounds.max.x - bounds.min.x;
- const height = bounds.max.y - bounds.min.y;
+ const width = bounds.max.x - bounds.min.x;
+ const height = bounds.max.y - bounds.min.y;
- const scaleX = (mapWidth - 2 * SIDEBAR_WIDTH) / (width * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
- const scaleY = mapHeight / (height * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
- const newScale = Math.min(scaleX, scaleY);
+ const scaleX =
+ (mapWidth - 2 * SIDEBAR_WIDTH) /
+ (width * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
+ const scaleY =
+ mapHeight / (height * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
+ const newScale = Math.min(scaleX, scaleY);
- return Math.min(Math.max(MAP_MIN_SCALE, newScale), MAP_MAX_SCALE);
+ return Math.min(Math.max(MAP_MIN_SCALE, newScale), MAP_MAX_SCALE);
}