frontend/src/components/app/sidebars/topology/room/RoomSidebarComponent.js


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

import React from "react";
import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
import BackToBuildingContainer from "../../../../../containers/app/sidebars/topology/room/BackToBuildingContainer";
import DeleteRoomContainer from "../../../../../containers/app/sidebars/topology/room/DeleteRoomContainer";
import EditRoomContainer from "../../../../../containers/app/sidebars/topology/room/EditRoomContainer";
import RackConstructionContainer from "../../../../../containers/app/sidebars/topology/room/RackConstructionContainer";
import RoomNameContainer from "../../../../../containers/app/sidebars/topology/room/RoomNameContainer";
import RoomTypeContainer from "../../../../../containers/app/sidebars/topology/room/RoomTypeContainer";

const RoomSidebarComponent = ({ roomId, roomType, inSimulation }) => {
  let allowedObjects;
  if (!inSimulation && roomType === "SERVER") {
    allowedObjects = <RackConstructionContainer />;
  }

  return (
    <div>
      <RoomNameContainer />
      <RoomTypeContainer />
      <BackToBuildingContainer />
      {inSimulation ? (
        <div>
          <LoadBarContainer objectType="room" objectId={roomId} />
          <LoadChartContainer objectType="room" objectId={roomId} />
        </div>
      ) : (
        <div>
          {allowedObjects}
          <EditRoomContainer />
          <DeleteRoomContainer />
        </div>
      )}
    </div>
  );
};

export default RoomSidebarComponent;