summaryrefslogtreecommitdiff
path: root/frontend/src/util
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/util')
-rw-r--r--frontend/src/util/authorizations.js16
-rw-r--r--frontend/src/util/colors.js46
-rw-r--r--frontend/src/util/date-time.js98
-rw-r--r--frontend/src/util/date-time.test.js64
-rw-r--r--frontend/src/util/jquery.js4
-rw-r--r--frontend/src/util/room-types.js12
-rw-r--r--frontend/src/util/simulation-load.js53
-rw-r--r--frontend/src/util/tile-calculations.js436
-rw-r--r--frontend/src/util/timeline.js22
9 files changed, 373 insertions, 378 deletions
diff --git a/frontend/src/util/authorizations.js b/frontend/src/util/authorizations.js
index ef649c9c..4086b35d 100644
--- a/frontend/src/util/authorizations.js
+++ b/frontend/src/util/authorizations.js
@@ -1,11 +1,11 @@
export const AUTH_ICON_MAP = {
- OWN: "home",
- EDIT: "pencil",
- VIEW: "eye"
-};
+ OWN: 'home',
+ EDIT: 'pencil',
+ VIEW: 'eye',
+}
export const AUTH_DESCRIPTION_MAP = {
- OWN: "Own",
- EDIT: "Can Edit",
- VIEW: "Can View"
-};
+ OWN: 'Own',
+ EDIT: 'Can Edit',
+ VIEW: 'Can View',
+}
diff --git a/frontend/src/util/colors.js b/frontend/src/util/colors.js
index 1e84e162..34468503 100644
--- a/frontend/src/util/colors.js
+++ b/frontend/src/util/colors.js
@@ -1,29 +1,29 @@
-export const GRID_COLOR = "rgba(0, 0, 0, 0.5)";
-export const BACKDROP_COLOR = "rgba(255, 255, 255, 1)";
-export const WALL_COLOR = "rgba(0, 0, 0, 1)";
+export const GRID_COLOR = 'rgba(0, 0, 0, 0.5)'
+export const BACKDROP_COLOR = 'rgba(255, 255, 255, 1)'
+export const WALL_COLOR = 'rgba(0, 0, 0, 1)'
-export const ROOM_DEFAULT_COLOR = "rgba(150, 150, 150, 1)";
-export const ROOM_IN_CONSTRUCTION_COLOR = "rgba(51, 153, 255, 1)";
-export const ROOM_HOVER_VALID_COLOR = "rgba(51, 153, 255, 1)";
-export const ROOM_HOVER_INVALID_COLOR = "rgba(255, 102, 0, 1)";
-export const ROOM_NAME_COLOR = "rgba(245, 245, 245, 1)";
-export const ROOM_TYPE_COLOR = "rgba(245, 245, 245, 1)";
+export const ROOM_DEFAULT_COLOR = 'rgba(150, 150, 150, 1)'
+export const ROOM_IN_CONSTRUCTION_COLOR = 'rgba(51, 153, 255, 1)'
+export const ROOM_HOVER_VALID_COLOR = 'rgba(51, 153, 255, 1)'
+export const ROOM_HOVER_INVALID_COLOR = 'rgba(255, 102, 0, 1)'
+export const ROOM_NAME_COLOR = 'rgba(245, 245, 245, 1)'
+export const ROOM_TYPE_COLOR = 'rgba(245, 245, 245, 1)'
-export const TILE_PLUS_COLOR = "rgba(0, 0, 0, 1)";
+export const TILE_PLUS_COLOR = 'rgba(0, 0, 0, 1)'
-export const OBJECT_BORDER_COLOR = "rgba(0, 0, 0, 1)";
+export const OBJECT_BORDER_COLOR = 'rgba(0, 0, 0, 1)'
-export const RACK_BACKGROUND_COLOR = "rgba(170, 170, 170, 1)";
-export const RACK_SPACE_BAR_BACKGROUND_COLOR = "rgba(222, 235, 247, 0.6)";
-export const RACK_SPACE_BAR_FILL_COLOR = "rgba(91, 155, 213, 0.7)";
-export const RACK_ENERGY_BAR_BACKGROUND_COLOR = "rgba(255, 242, 204, 0.6)";
-export const RACK_ENERGY_BAR_FILL_COLOR = "rgba(244, 215, 0, 0.7)";
-export const COOLING_ITEM_BACKGROUND_COLOR = "rgba(40, 50, 230, 1)";
-export const PSU_BACKGROUND_COLOR = "rgba(230, 50, 60, 1)";
+export const RACK_BACKGROUND_COLOR = 'rgba(170, 170, 170, 1)'
+export const RACK_SPACE_BAR_BACKGROUND_COLOR = 'rgba(222, 235, 247, 0.6)'
+export const RACK_SPACE_BAR_FILL_COLOR = 'rgba(91, 155, 213, 0.7)'
+export const RACK_ENERGY_BAR_BACKGROUND_COLOR = 'rgba(255, 242, 204, 0.6)'
+export const RACK_ENERGY_BAR_FILL_COLOR = 'rgba(244, 215, 0, 0.7)'
+export const COOLING_ITEM_BACKGROUND_COLOR = 'rgba(40, 50, 230, 1)'
+export const PSU_BACKGROUND_COLOR = 'rgba(230, 50, 60, 1)'
-export const GRAYED_OUT_AREA_COLOR = "rgba(0, 0, 0, 0.6)";
+export const GRAYED_OUT_AREA_COLOR = 'rgba(0, 0, 0, 0.6)'
-export const SIM_LOW_COLOR = "rgba(197, 224, 180, 1)";
-export const SIM_MID_LOW_COLOR = "rgba(255, 230, 153, 1)";
-export const SIM_MID_HIGH_COLOR = "rgba(248, 203, 173, 1)";
-export const SIM_HIGH_COLOR = "rgba(249, 165, 165, 1)";
+export const SIM_LOW_COLOR = 'rgba(197, 224, 180, 1)'
+export const SIM_MID_LOW_COLOR = 'rgba(255, 230, 153, 1)'
+export const SIM_MID_HIGH_COLOR = 'rgba(248, 203, 173, 1)'
+export const SIM_HIGH_COLOR = 'rgba(249, 165, 165, 1)'
diff --git a/frontend/src/util/date-time.js b/frontend/src/util/date-time.js
index 0b752600..d176ebef 100644
--- a/frontend/src/util/date-time.js
+++ b/frontend/src/util/date-time.js
@@ -7,7 +7,7 @@
* @returns {string} A human-friendly string version of that date and time.
*/
export function parseAndFormatDateTime(dateTimeString) {
- return formatDateTime(parseDateTime(dateTimeString));
+ return formatDateTime(parseDateTime(dateTimeString))
}
/**
@@ -19,7 +19,7 @@ export function parseAndFormatDateTime(dateTimeString) {
* @returns {object} A Date object with the parsed date and time information as content.
*/
export function parseDateTime(dateTimeString) {
- return new Date(dateTimeString + ".000Z");
+ return new Date(dateTimeString + '.000Z')
}
/**
@@ -29,34 +29,34 @@ export function parseDateTime(dateTimeString) {
* @returns {string} A human-friendly string version of that date and time.
*/
export function formatDateTime(dateTime) {
- let date;
- const currentDate = new Date();
+ let date
+ const currentDate = new Date()
- date =
- addPaddingToTwo(dateTime.getDay()) +
- "/" +
- addPaddingToTwo(dateTime.getMonth()) +
- "/" +
- addPaddingToTwo(dateTime.getFullYear());
+ date =
+ addPaddingToTwo(dateTime.getDay()) +
+ '/' +
+ addPaddingToTwo(dateTime.getMonth()) +
+ '/' +
+ addPaddingToTwo(dateTime.getFullYear())
- if (
- dateTime.getFullYear() === currentDate.getFullYear() &&
- dateTime.getMonth() === currentDate.getMonth()
- ) {
- if (dateTime.getDate() === currentDate.getDate()) {
- date = "Today";
- } else if (dateTime.getDate() === currentDate.getDate() - 1) {
- date = "Yesterday";
+ if (
+ dateTime.getFullYear() === currentDate.getFullYear() &&
+ dateTime.getMonth() === currentDate.getMonth()
+ ) {
+ if (dateTime.getDate() === currentDate.getDate()) {
+ date = 'Today'
+ } else if (dateTime.getDate() === currentDate.getDate() - 1) {
+ date = 'Yesterday'
+ }
}
- }
- return (
- date +
- ", " +
- addPaddingToTwo(dateTime.getHours()) +
- ":" +
- addPaddingToTwo(dateTime.getMinutes())
- );
+ return (
+ date +
+ ', ' +
+ addPaddingToTwo(dateTime.getHours()) +
+ ':' +
+ addPaddingToTwo(dateTime.getMinutes())
+ )
}
/**
@@ -66,27 +66,27 @@ export function formatDateTime(dateTime) {
* @returns {string} A string representation of that amount of second, in the from of HH:MM:SS.
*/
export function convertSecondsToFormattedTime(seconds) {
- if (seconds <= 0) {
- return "0s";
- }
+ if (seconds <= 0) {
+ return '0s'
+ }
- let hour = Math.floor(seconds / 3600);
- let minute = Math.floor(seconds / 60) % 60;
- let second = seconds % 60;
+ let hour = Math.floor(seconds / 3600)
+ let minute = Math.floor(seconds / 60) % 60
+ let second = seconds % 60
- hour = isNaN(hour) ? 0 : hour;
- minute = isNaN(minute) ? 0 : minute;
- second = isNaN(second) ? 0 : second;
+ hour = isNaN(hour) ? 0 : hour
+ minute = isNaN(minute) ? 0 : minute
+ second = isNaN(second) ? 0 : second
- if (hour === 0 && minute === 0) {
- return second + "s";
- } else if (hour === 0) {
- return minute + "m" + addPaddingToTwo(second) + "s";
- } else {
- return (
- hour + "h" + addPaddingToTwo(minute) + "m" + addPaddingToTwo(second) + "s"
- );
- }
+ if (hour === 0 && minute === 0) {
+ return second + 's'
+ } else if (hour === 0) {
+ return minute + 'm' + addPaddingToTwo(second) + 's'
+ } else {
+ return (
+ hour + 'h' + addPaddingToTwo(minute) + 'm' + addPaddingToTwo(second) + 's'
+ )
+ }
}
/**
@@ -96,9 +96,9 @@ export function convertSecondsToFormattedTime(seconds) {
* @returns {string} A string containing the padded integer.
*/
function addPaddingToTwo(integer) {
- if (integer < 10) {
- return "0" + integer.toString();
- } else {
- return integer.toString();
- }
+ if (integer < 10) {
+ return '0' + integer.toString()
+ } else {
+ return integer.toString()
+ }
}
diff --git a/frontend/src/util/date-time.test.js b/frontend/src/util/date-time.test.js
index 6c7a6b16..9274d4b7 100644
--- a/frontend/src/util/date-time.test.js
+++ b/frontend/src/util/date-time.test.js
@@ -1,35 +1,35 @@
-import { convertSecondsToFormattedTime, parseDateTime } from "./date-time";
+import { convertSecondsToFormattedTime, parseDateTime } from './date-time'
-describe("date-time parsing", () => {
- it("reads components properly", () => {
- const dateString = "2017-09-27T20:55:01";
- const parsedDate = parseDateTime(dateString);
+describe('date-time parsing', () => {
+ it('reads components properly', () => {
+ const dateString = '2017-09-27T20:55:01'
+ const parsedDate = parseDateTime(dateString)
- expect(parsedDate.getUTCFullYear()).toEqual(2017);
- expect(parsedDate.getUTCMonth()).toEqual(8);
- expect(parsedDate.getUTCDate()).toEqual(27);
- expect(parsedDate.getUTCHours()).toEqual(20);
- expect(parsedDate.getUTCMinutes()).toEqual(55);
- expect(parsedDate.getUTCSeconds()).toEqual(1);
- });
-});
+ expect(parsedDate.getUTCFullYear()).toEqual(2017)
+ expect(parsedDate.getUTCMonth()).toEqual(8)
+ expect(parsedDate.getUTCDate()).toEqual(27)
+ expect(parsedDate.getUTCHours()).toEqual(20)
+ expect(parsedDate.getUTCMinutes()).toEqual(55)
+ expect(parsedDate.getUTCSeconds()).toEqual(1)
+ })
+})
-describe("tick formatting", () => {
- it("returns '0s' for numbers <= 0", () => {
- expect(convertSecondsToFormattedTime(-1)).toEqual("0s");
- expect(convertSecondsToFormattedTime(0)).toEqual("0s");
- });
- it("returns only seconds for values under a minute", () => {
- expect(convertSecondsToFormattedTime(1)).toEqual("1s");
- expect(convertSecondsToFormattedTime(59)).toEqual("59s");
- });
- it("returns seconds and minutes for values under an hour", () => {
- expect(convertSecondsToFormattedTime(60)).toEqual("1m00s");
- expect(convertSecondsToFormattedTime(61)).toEqual("1m01s");
- expect(convertSecondsToFormattedTime(3599)).toEqual("59m59s");
- });
- it("returns full time for values over an hour", () => {
- expect(convertSecondsToFormattedTime(3600)).toEqual("1h00m00s");
- expect(convertSecondsToFormattedTime(3601)).toEqual("1h00m01s");
- });
-});
+describe('tick formatting', () => {
+ it('returns \'0s\' for numbers <= 0', () => {
+ expect(convertSecondsToFormattedTime(-1)).toEqual('0s')
+ expect(convertSecondsToFormattedTime(0)).toEqual('0s')
+ })
+ it('returns only seconds for values under a minute', () => {
+ expect(convertSecondsToFormattedTime(1)).toEqual('1s')
+ expect(convertSecondsToFormattedTime(59)).toEqual('59s')
+ })
+ it('returns seconds and minutes for values under an hour', () => {
+ expect(convertSecondsToFormattedTime(60)).toEqual('1m00s')
+ expect(convertSecondsToFormattedTime(61)).toEqual('1m01s')
+ expect(convertSecondsToFormattedTime(3599)).toEqual('59m59s')
+ })
+ it('returns full time for values over an hour', () => {
+ expect(convertSecondsToFormattedTime(3600)).toEqual('1h00m00s')
+ expect(convertSecondsToFormattedTime(3601)).toEqual('1h00m01s')
+ })
+})
diff --git a/frontend/src/util/jquery.js b/frontend/src/util/jquery.js
index 12a64fc6..4976dd7d 100644
--- a/frontend/src/util/jquery.js
+++ b/frontend/src/util/jquery.js
@@ -3,6 +3,6 @@
*
* This should be used instead of '$', to address ESLint warnings relating to undefined global variables.
*/
-const jQuery = window["$"];
+const jQuery = window['$']
-export default jQuery;
+export default jQuery
diff --git a/frontend/src/util/room-types.js b/frontend/src/util/room-types.js
index 5cfe3887..ff69d013 100644
--- a/frontend/src/util/room-types.js
+++ b/frontend/src/util/room-types.js
@@ -1,7 +1,7 @@
export const ROOM_TYPE_TO_NAME_MAP = {
- SERVER: "Server room",
- HALLWAY: "Hallway",
- OFFICE: "Office",
- POWER: "Power room",
- COOLING: "Cooling room"
-};
+ SERVER: 'Server room',
+ HALLWAY: 'Hallway',
+ OFFICE: 'Office',
+ POWER: 'Power room',
+ COOLING: 'Cooling room',
+}
diff --git a/frontend/src/util/simulation-load.js b/frontend/src/util/simulation-load.js
index 95e17fed..40b65917 100644
--- a/frontend/src/util/simulation-load.js
+++ b/frontend/src/util/simulation-load.js
@@ -1,37 +1,32 @@
-import {
- SIM_HIGH_COLOR,
- SIM_LOW_COLOR,
- SIM_MID_HIGH_COLOR,
- SIM_MID_LOW_COLOR
-} from "./colors";
+import { SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR } from './colors'
export const LOAD_NAME_MAP = {
- LOAD: "computational load",
- TEMPERATURE: "temperature",
- MEMORY: "memory use"
-};
+ LOAD: 'computational load',
+ TEMPERATURE: 'temperature',
+ MEMORY: 'memory use',
+}
export function convertLoadToSimulationColor(load) {
- if (load <= 0.25) {
- return SIM_LOW_COLOR;
- } else if (load <= 0.5) {
- return SIM_MID_LOW_COLOR;
- } else if (load <= 0.75) {
- return SIM_MID_HIGH_COLOR;
- } else {
- return SIM_HIGH_COLOR;
- }
+ if (load <= 0.25) {
+ return SIM_LOW_COLOR
+ } else if (load <= 0.5) {
+ return SIM_MID_LOW_COLOR
+ } else if (load <= 0.75) {
+ return SIM_MID_HIGH_COLOR
+ } else {
+ return SIM_HIGH_COLOR
+ }
}
export function getStateLoad(loadMetric, state) {
- switch (loadMetric) {
- case "LOAD":
- return state.loadFraction;
- case "TEMPERATURE":
- return state.temperatureC / 100.0;
- case "MEMORY":
- return state.inUseMemoryMb / 10000.0;
- default:
- return -1;
- }
+ switch (loadMetric) {
+ case 'LOAD':
+ return state.loadFraction
+ case 'TEMPERATURE':
+ return state.temperatureC / 100.0
+ case 'MEMORY':
+ return state.inUseMemoryMb / 10000.0
+ default:
+ return -1
+ }
}
diff --git a/frontend/src/util/tile-calculations.js b/frontend/src/util/tile-calculations.js
index 95886eeb..3ef1cff6 100644
--- a/frontend/src/util/tile-calculations.js
+++ b/frontend/src/util/tile-calculations.js
@@ -1,261 +1,261 @@
export function deriveWallLocations(tiles) {
- const { verticalWalls, horizontalWalls } = getWallSegments(tiles);
- return mergeWallSegments(verticalWalls, horizontalWalls);
+ const { verticalWalls, horizontalWalls } = getWallSegments(tiles)
+ return mergeWallSegments(verticalWalls, horizontalWalls)
}
function getWallSegments(tiles) {
- const verticalWalls = {};
- const horizontalWalls = {};
-
- tiles.forEach(tile => {
- const x = tile.positionX,
- y = tile.positionY;
-
- for (let dX = -1; dX <= 1; dX++) {
- for (let dY = -1; dY <= 1; dY++) {
- if (Math.abs(dX) === Math.abs(dY)) {
- continue;
- }
-
- let doInsert = true;
- for (let tileIndex in tiles) {
- if (
- tiles[tileIndex].positionX === x + dX &&
- tiles[tileIndex].positionY === y + dY
- ) {
- doInsert = false;
- break;
- }
- }
- if (!doInsert) {
- continue;
+ const verticalWalls = {}
+ const horizontalWalls = {}
+
+ tiles.forEach(tile => {
+ const x = tile.positionX,
+ y = tile.positionY
+
+ for (let dX = -1; dX <= 1; dX++) {
+ for (let dY = -1; dY <= 1; dY++) {
+ if (Math.abs(dX) === Math.abs(dY)) {
+ continue
+ }
+
+ let doInsert = true
+ for (let tileIndex in tiles) {
+ if (
+ tiles[tileIndex].positionX === x + dX &&
+ tiles[tileIndex].positionY === y + dY
+ ) {
+ doInsert = false
+ break
+ }
+ }
+ if (!doInsert) {
+ continue
+ }
+
+ if (dX === -1) {
+ if (verticalWalls[x] === undefined) {
+ verticalWalls[x] = []
+ }
+ if (verticalWalls[x].indexOf(y) === -1) {
+ verticalWalls[x].push(y)
+ }
+ } else if (dX === 1) {
+ if (verticalWalls[x + 1] === undefined) {
+ verticalWalls[x + 1] = []
+ }
+ if (verticalWalls[x + 1].indexOf(y) === -1) {
+ verticalWalls[x + 1].push(y)
+ }
+ } else if (dY === -1) {
+ if (horizontalWalls[y] === undefined) {
+ horizontalWalls[y] = []
+ }
+ if (horizontalWalls[y].indexOf(x) === -1) {
+ horizontalWalls[y].push(x)
+ }
+ } else if (dY === 1) {
+ if (horizontalWalls[y + 1] === undefined) {
+ horizontalWalls[y + 1] = []
+ }
+ if (horizontalWalls[y + 1].indexOf(x) === -1) {
+ horizontalWalls[y + 1].push(x)
+ }
+ }
+ }
}
+ })
- if (dX === -1) {
- if (verticalWalls[x] === undefined) {
- verticalWalls[x] = [];
- }
- if (verticalWalls[x].indexOf(y) === -1) {
- verticalWalls[x].push(y);
- }
- } else if (dX === 1) {
- if (verticalWalls[x + 1] === undefined) {
- verticalWalls[x + 1] = [];
- }
- if (verticalWalls[x + 1].indexOf(y) === -1) {
- verticalWalls[x + 1].push(y);
- }
- } else if (dY === -1) {
- if (horizontalWalls[y] === undefined) {
- horizontalWalls[y] = [];
- }
- if (horizontalWalls[y].indexOf(x) === -1) {
- horizontalWalls[y].push(x);
- }
- } else if (dY === 1) {
- if (horizontalWalls[y + 1] === undefined) {
- horizontalWalls[y + 1] = [];
- }
- if (horizontalWalls[y + 1].indexOf(x) === -1) {
- horizontalWalls[y + 1].push(x);
- }
- }
- }
- }
- });
-
- return { verticalWalls, horizontalWalls };
+ return { verticalWalls, horizontalWalls }
}
function mergeWallSegments(vertical, horizontal) {
- const result = [];
- const walls = [vertical, horizontal];
-
- for (let i = 0; i < 2; i++) {
- const wallList = walls[i];
- for (let a in wallList) {
- a = parseInt(a, 10);
-
- wallList[a].sort((a, b) => {
- return a - b;
- });
-
- let startPos = wallList[a][0];
- const isHorizontal = i === 1;
-
- if (wallList[a].length === 1) {
- const startPosX = isHorizontal ? startPos : a;
- const startPosY = isHorizontal ? a : startPos;
- result.push({
- startPosX,
- startPosY,
- isHorizontal,
- length: 1
- });
- } else {
- let consecutiveCount = 1;
- for (let b = 0; b < wallList[a].length - 1; b++) {
- if (b + 1 === wallList[a].length - 1) {
- if (wallList[a][b + 1] - wallList[a][b] > 1) {
- const startPosX = isHorizontal ? startPos : a;
- const startPosY = isHorizontal ? a : startPos;
- result.push({
- startPosX,
- startPosY,
- isHorizontal,
- length: consecutiveCount
- });
- consecutiveCount = 0;
- startPos = wallList[a][b + 1];
+ const result = []
+ const walls = [vertical, horizontal]
+
+ for (let i = 0; i < 2; i++) {
+ const wallList = walls[i]
+ for (let a in wallList) {
+ a = parseInt(a, 10)
+
+ wallList[a].sort((a, b) => {
+ return a - b
+ })
+
+ let startPos = wallList[a][0]
+ const isHorizontal = i === 1
+
+ if (wallList[a].length === 1) {
+ const startPosX = isHorizontal ? startPos : a
+ const startPosY = isHorizontal ? a : startPos
+ result.push({
+ startPosX,
+ startPosY,
+ isHorizontal,
+ length: 1,
+ })
+ } else {
+ let consecutiveCount = 1
+ for (let b = 0; b < wallList[a].length - 1; b++) {
+ if (b + 1 === wallList[a].length - 1) {
+ if (wallList[a][b + 1] - wallList[a][b] > 1) {
+ const startPosX = isHorizontal ? startPos : a
+ const startPosY = isHorizontal ? a : startPos
+ result.push({
+ startPosX,
+ startPosY,
+ isHorizontal,
+ length: consecutiveCount,
+ })
+ consecutiveCount = 0
+ startPos = wallList[a][b + 1]
+ }
+ const startPosX = isHorizontal ? startPos : a
+ const startPosY = isHorizontal ? a : startPos
+ result.push({
+ startPosX,
+ startPosY,
+ isHorizontal,
+ length: consecutiveCount + 1,
+ })
+ break
+ } else if (wallList[a][b + 1] - wallList[a][b] > 1) {
+ const startPosX = isHorizontal ? startPos : a
+ const startPosY = isHorizontal ? a : startPos
+ result.push({
+ startPosX,
+ startPosY,
+ isHorizontal,
+ length: consecutiveCount,
+ })
+ startPos = wallList[a][b + 1]
+ consecutiveCount = 0
+ }
+ consecutiveCount++
+ }
}
- const startPosX = isHorizontal ? startPos : a;
- const startPosY = isHorizontal ? a : startPos;
- result.push({
- startPosX,
- startPosY,
- isHorizontal,
- length: consecutiveCount + 1
- });
- break;
- } else if (wallList[a][b + 1] - wallList[a][b] > 1) {
- const startPosX = isHorizontal ? startPos : a;
- const startPosY = isHorizontal ? a : startPos;
- result.push({
- startPosX,
- startPosY,
- isHorizontal,
- length: consecutiveCount
- });
- startPos = wallList[a][b + 1];
- consecutiveCount = 0;
- }
- consecutiveCount++;
}
- }
}
- }
- return result;
+ return result
}
export function deriveValidNextTilePositions(rooms, selectedTiles) {
- const result = [],
- newPosition = { x: 0, y: 0 };
- let isSurroundingTile;
-
- selectedTiles.forEach(tile => {
- const x = tile.positionX;
- const y = tile.positionY;
- result.push({ x, y });
-
- for (let dX = -1; dX <= 1; dX++) {
- for (let dY = -1; dY <= 1; dY++) {
- if (Math.abs(dX) === Math.abs(dY)) {
- continue;
- }
-
- newPosition.x = x + dX;
- newPosition.y = y + dY;
-
- isSurroundingTile = true;
- for (let index in selectedTiles) {
- if (
- selectedTiles[index].positionX === newPosition.x &&
- selectedTiles[index].positionY === newPosition.y
- ) {
- isSurroundingTile = false;
- break;
- }
- }
-
- if (
- isSurroundingTile &&
- findPositionInRooms(rooms, newPosition.x, newPosition.y) === -1
- ) {
- result.push({ x: newPosition.x, y: newPosition.y });
+ const result = [],
+ newPosition = { x: 0, y: 0 }
+ let isSurroundingTile
+
+ selectedTiles.forEach(tile => {
+ const x = tile.positionX
+ const y = tile.positionY
+ result.push({ x, y })
+
+ for (let dX = -1; dX <= 1; dX++) {
+ for (let dY = -1; dY <= 1; dY++) {
+ if (Math.abs(dX) === Math.abs(dY)) {
+ continue
+ }
+
+ newPosition.x = x + dX
+ newPosition.y = y + dY
+
+ isSurroundingTile = true
+ for (let index in selectedTiles) {
+ if (
+ selectedTiles[index].positionX === newPosition.x &&
+ selectedTiles[index].positionY === newPosition.y
+ ) {
+ isSurroundingTile = false
+ break
+ }
+ }
+
+ if (
+ isSurroundingTile &&
+ findPositionInRooms(rooms, newPosition.x, newPosition.y) === -1
+ ) {
+ result.push({ x: newPosition.x, y: newPosition.y })
+ }
+ }
}
- }
- }
- });
+ })
- return result;
+ return result
}
export function findPositionInPositions(positions, positionX, positionY) {
- for (let i = 0; i < positions.length; i++) {
- const position = positions[i];
- if (positionX === position.x && positionY === position.y) {
- return i;
+ for (let i = 0; i < positions.length; i++) {
+ const position = positions[i]
+ if (positionX === position.x && positionY === position.y) {
+ return i
+ }
}
- }
- return -1;
+ return -1
}
export function findPositionInRooms(rooms, positionX, positionY) {
- for (let i = 0; i < rooms.length; i++) {
- const room = rooms[i];
- if (findPositionInTiles(room.tiles, positionX, positionY) !== -1) {
- return i;
+ for (let i = 0; i < rooms.length; i++) {
+ const room = rooms[i]
+ if (findPositionInTiles(room.tiles, positionX, positionY) !== -1) {
+ return i
+ }
}
- }
- return -1;
+ return -1
}
function findPositionInTiles(tiles, positionX, positionY) {
- let index = -1;
+ let index = -1
- for (let i = 0; i < tiles.length; i++) {
- const tile = tiles[i];
- if (positionX === tile.positionX && positionY === tile.positionY) {
- index = i;
- break;
+ for (let i = 0; i < tiles.length; i++) {
+ const tile = tiles[i]
+ if (positionX === tile.positionX && positionY === tile.positionY) {
+ index = i
+ break
+ }
}
- }
- return index;
+ return index
}
export function findTileWithPosition(tiles, positionX, positionY) {
- for (let i = 0; i < tiles.length; i++) {
- if (tiles[i].positionX === positionX && tiles[i].positionY === positionY) {
- return tiles[i];
+ for (let i = 0; i < tiles.length; i++) {
+ if (tiles[i].positionX === positionX && tiles[i].positionY === positionY) {
+ return tiles[i]
+ }
}
- }
- return null;
+ return null
}
export function calculateRoomListBounds(rooms) {
- const min = { x: Number.MAX_VALUE, y: Number.MAX_VALUE };
- const max = { x: -1, y: -1 };
-
- rooms.forEach(room => {
- room.tiles.forEach(tile => {
- if (tile.positionX < min.x) {
- min.x = tile.positionX;
- }
- if (tile.positionY < min.y) {
- min.y = tile.positionY;
- }
-
- if (tile.positionX > max.x) {
- max.x = tile.positionX;
- }
- if (tile.positionY > max.y) {
- max.y = tile.positionY;
- }
- });
- });
-
- max.x++;
- max.y++;
-
- const center = {
- x: min.x + (max.x - min.x) / 2.0,
- y: min.y + (max.y - min.y) / 2.0
- };
-
- return { min, center, max };
+ const min = { x: Number.MAX_VALUE, y: Number.MAX_VALUE }
+ const max = { x: -1, y: -1 }
+
+ rooms.forEach(room => {
+ room.tiles.forEach(tile => {
+ if (tile.positionX < min.x) {
+ min.x = tile.positionX
+ }
+ if (tile.positionY < min.y) {
+ min.y = tile.positionY
+ }
+
+ if (tile.positionX > max.x) {
+ max.x = tile.positionX
+ }
+ if (tile.positionY > max.y) {
+ max.y = tile.positionY
+ }
+ })
+ })
+
+ max.x++
+ max.y++
+
+ const center = {
+ x: min.x + (max.x - min.x) / 2.0,
+ y: min.y + (max.y - min.y) / 2.0,
+ }
+
+ return { min, center, max }
}
diff --git a/frontend/src/util/timeline.js b/frontend/src/util/timeline.js
index e20d5823..21258e23 100644
--- a/frontend/src/util/timeline.js
+++ b/frontend/src/util/timeline.js
@@ -1,19 +1,19 @@
export function convertTickToPercentage(tick, maxTick) {
- if (maxTick === 0) {
- return "0%";
- } else if (tick > maxTick) {
- return maxTick / (maxTick + 1) * 100 + "%";
- }
+ if (maxTick === 0) {
+ return '0%'
+ } else if (tick > maxTick) {
+ return maxTick / (maxTick + 1) * 100 + '%'
+ }
- return tick / (maxTick + 1) * 100 + "%";
+ return tick / (maxTick + 1) * 100 + '%'
}
export function getDatacenterIdOfTick(tick, sections) {
- for (let i in sections.reverse()) {
- if (tick >= sections[i].startTick) {
- return sections[i].datacenterId;
+ for (let i in sections.reverse()) {
+ if (tick >= sections[i].startTick) {
+ return sections[i].datacenterId
+ }
}
- }
- return -1;
+ return -1
}