1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
import {InteractionMode, MapController} from "../mapcontroller";
import {MapView} from "../../views/mapview";
import * as $ from "jquery";
/**
* Class responsible for handling building mode interactions.
*/
export class BuildingModeController {
public newRoomId: number;
private mapController: MapController;
private mapView: MapView;
constructor(mapController: MapController) {
this.mapController = mapController;
this.mapView = this.mapController.mapView;
}
/**
* Connects all DOM event listeners to their respective element targets.
*/
public setupEventListeners() {
const resetConstructionButtons = () => {
this.mapController.interactionMode = InteractionMode.DEFAULT;
this.mapView.hoverLayer.setHoverTileVisibility(false);
$("#room-construction").text("Construct new room");
$("#room-construction-cancel").slideToggle(300);
};
// Room construction button
$("#room-construction").on("click", (event: JQueryEventObject) => {
if (this.mapController.interactionMode === InteractionMode.DEFAULT) {
this.mapController.interactionMode = InteractionMode.SELECT_ROOM;
this.mapView.hoverLayer.setHoverTileVisibility(true);
this.mapController.api.addRoomToDatacenter(this.mapView.simulation.id,
this.mapView.currentDatacenter.id).then((room: IRoom) => {
this.newRoomId = room.id;
});
$(event.target).text("Finalize room");
$("#room-construction-cancel").slideToggle(300);
} else if (this.mapController.interactionMode === InteractionMode.SELECT_ROOM) {
resetConstructionButtons();
this.finalizeRoom();
}
});
// Cancel button for room construction
$("#room-construction-cancel").on("click", () => {
resetConstructionButtons();
this.cancelRoomConstruction();
});
}
/**
* Cancels room construction and deletes the temporary room created previously.
*/
public cancelRoomConstruction() {
this.mapController.api.deleteRoom(this.mapView.simulation.id,
this.mapView.currentDatacenter.id, this.newRoomId).then(() => {
this.mapView.roomLayer.cancelRoomConstruction();
});
}
/**
* Finalizes room construction by triggering a redraw of the room layer with the new room added.
*/
public finalizeRoom() {
this.mapController.api.getRoom(this.mapView.simulation.id,
this.mapView.currentDatacenter.id, this.newRoomId).then((room: IRoom) => {
this.mapView.roomLayer.finalizeRoom(room);
});
}
/**
* Adds a newly selected tile to the list of selected tiles.
*
* @param position The new tile position to be added
*/
public addSelectedTile(position: IGridPosition): void {
const tile = {
id: -1,
roomId: this.newRoomId,
position: {x: position.x, y: position.y}
};
this.mapController.api.addTileToRoom(this.mapView.simulation.id,
this.mapView.currentDatacenter.id, this.newRoomId, tile).then((tile: ITile) => {
this.mapView.roomLayer.addSelectedTile(tile);
});
}
/**
* Removes a previously selected tile.
*
* @param position The position of the tile to be removed
*/
public removeSelectedTile(position: IGridPosition): void {
let objectIndex = -1;
for (let i = 0; i < this.mapView.roomLayer.selectedTileObjects.length; i++) {
const tile = this.mapView.roomLayer.selectedTileObjects[i];
if (tile.position.x === position.x && tile.position.y === position.y) {
objectIndex = i;
}
}
this.mapController.api.deleteTile(this.mapView.simulation.id,
this.mapView.currentDatacenter.id, this.newRoomId,
this.mapView.roomLayer.selectedTileObjects[objectIndex].tileObject.id).then(() => {
this.mapView.roomLayer.removeSelectedTile(position, objectIndex);
});
}
}
|
