diff options
Diffstat (limited to 'src/components/sidebars')
37 files changed, 0 insertions, 838 deletions
diff --git a/src/components/sidebars/Sidebar.js b/src/components/sidebars/Sidebar.js deleted file mode 100644 index 00e3607a..00000000 --- a/src/components/sidebars/Sidebar.js +++ /dev/null @@ -1,38 +0,0 @@ -import classNames from "classnames"; -import React from "react"; -import "./Sidebar.css"; - -class Sidebar extends React.Component { - state = { - collapsed: false - }; - - render() { - const collapseButton = ( - <div - className={classNames("sidebar-collapse-button", {"sidebar-collapse-button-right": this.props.isRight})} - onClick={() => this.setState({collapsed: !this.state.collapsed})} - > - {(this.state.collapsed && this.props.isRight) || (!this.state.collapsed && !this.props.isRight) ? - <span className="fa fa-angle-left" title={this.props.isRight ? "Expand" : "Collapse"}/> : - <span className="fa fa-angle-right" title={this.props.isRight ? "Collapse" : "Expand"}/> - } - </div> - ); - - if (this.state.collapsed) { - return collapseButton; - } - return ( - <div - className={classNames("sidebar p-3 h-100", {"sidebar-right": this.props.isRight})} - onWheel={e => e.stopPropagation()} - > - {this.props.children} - {collapseButton} - </div> - ); - } -} - -export default Sidebar; diff --git a/src/components/sidebars/Sidebar.sass b/src/components/sidebars/Sidebar.sass deleted file mode 100644 index b987ef07..00000000 --- a/src/components/sidebars/Sidebar.sass +++ /dev/null @@ -1,50 +0,0 @@ -@import ../../style-globals/_variables.sass -@import ../../style-globals/_mixins.sass - -.sidebar-collapse-button - position: absolute - left: 5px - top: 5px - padding: 5px 7px - - background: white - border: solid 1px $gray-semi-light - z-index: 99 - - +clickable - +border-radius(5px) - +transition(background, 200ms) - - &.sidebar-collapse-button-right - left: auto - right: 5px - top: 5px - - &:hover - background: #eeeeee - -.sidebar - position: absolute - top: 0 - left: 0 - width: 350px - - z-index: 100 - background: white - - border-right: $gray-semi-dark 1px solid - - .sidebar-collapse-button - left: auto - right: -25px - -.sidebar-right - left: auto - right: 0 - - border-left: $gray-semi-dark 1px solid - border-right: none - - .sidebar-collapse-button-right - left: -25px - right: auto diff --git a/src/components/sidebars/elements/LoadBarComponent.js b/src/components/sidebars/elements/LoadBarComponent.js deleted file mode 100644 index 65f94b3d..00000000 --- a/src/components/sidebars/elements/LoadBarComponent.js +++ /dev/null @@ -1,22 +0,0 @@ -import classNames from "classnames"; -import React from "react"; - -const LoadBarComponent = ({percent, disabled}) => ( - <div className="mt-1"> - <strong>Current load</strong> - <div className={classNames("progress", {disabled})}> - <div - className="progress-bar" - role="progressbar" - aria-valuenow={percent} - aria-valuemin="0" - aria-valuemax="100" - style={{width: percent + "%"}} - > - {percent}% - </div> - </div> - </div> -); - -export default LoadBarComponent; diff --git a/src/components/sidebars/elements/LoadChartComponent.js b/src/components/sidebars/elements/LoadChartComponent.js deleted file mode 100644 index a4e14a24..00000000 --- a/src/components/sidebars/elements/LoadChartComponent.js +++ /dev/null @@ -1,40 +0,0 @@ -import React from "react"; -import {VictoryAxis, VictoryChart, VictoryLine, VictoryScatter} from "victory"; -import {convertSecondsToFormattedTime} from "../../../util/date-time"; - -const LoadChartComponent = ({data, currentTick}) => ( - <div className="mt-1"> - <strong>Load over time</strong> - <VictoryChart - height={250} - padding={{top: 10, bottom: 50, left: 50, right: 50}} - > - <VictoryAxis - tickFormat={tick => convertSecondsToFormattedTime(tick)} - fixLabelOverlap={true} - label="Simulated Time" - /> - <VictoryAxis - dependentAxis - label="Load" - /> - <VictoryLine - data={data} - /> - <VictoryScatter - data={data} - /> - <VictoryLine - data={[ - {x: currentTick + 1, y: 0}, - {x: currentTick + 1, y: 1}, - ]} - style={{ - data: {stroke: "#00A6D6", strokeWidth: 3} - }} - /> - </VictoryChart> - </div> -); - -export default LoadChartComponent; diff --git a/src/components/sidebars/simulation/ExperimentMetadataComponent.js b/src/components/sidebars/simulation/ExperimentMetadataComponent.js deleted file mode 100644 index 3649045b..00000000 --- a/src/components/sidebars/simulation/ExperimentMetadataComponent.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -const ExperimentMetadataComponent = ({experimentName, pathName, traceName, schedulerName}) => ( - <div> - <h2>{experimentName}</h2> - <p>Path: <strong>{pathName}</strong></p> - <p>Trace: <strong>{traceName}</strong></p> - <p>Scheduler: <strong>{schedulerName}</strong></p> - </div> -); - -export default ExperimentMetadataComponent; diff --git a/src/components/sidebars/simulation/LoadMetricComponent.js b/src/components/sidebars/simulation/LoadMetricComponent.js deleted file mode 100644 index d9a1ed71..00000000 --- a/src/components/sidebars/simulation/LoadMetricComponent.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from "react"; -import {SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR} from "../../../util/colors"; -import {LOAD_NAME_MAP} from "../../../util/simulation-load"; - -const LoadMetricComponent = ({loadMetric}) => ( - <div> - <div>Colors represent <strong>{LOAD_NAME_MAP[loadMetric]}</strong></div> - <div className="btn-group mb-2" style={{display: "flex"}}> - <span - className="btn btn-secondary" - style={{backgroundColor: SIM_LOW_COLOR, flex: 1}} - title="0-25%" - /> - <span - className="btn btn-secondary" - style={{backgroundColor: SIM_MID_LOW_COLOR, flex: 1}} - title="25-50%" - /> - <span - className="btn btn-secondary" - style={{backgroundColor: SIM_MID_HIGH_COLOR, flex: 1}} - title="50-75%" - /> - <span - className="btn btn-secondary" - style={{backgroundColor: SIM_HIGH_COLOR, flex: 1}} - title="75-100%" - /> - </div> - </div> -); - -export default LoadMetricComponent; diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.js b/src/components/sidebars/simulation/SimulationSidebarComponent.js deleted file mode 100644 index 5cb83c2c..00000000 --- a/src/components/sidebars/simulation/SimulationSidebarComponent.js +++ /dev/null @@ -1,22 +0,0 @@ -import React from "react"; -import ExperimentMetadataContainer from "../../../containers/sidebars/simulation/ExperimentMetadataContainer"; -import LoadMetricContainer from "../../../containers/sidebars/simulation/LoadMetricContainer"; -import TraceContainer from "../../../containers/sidebars/simulation/TraceContainer"; -import Sidebar from "../Sidebar"; -import "./SimulationSidebarComponent.css"; - -const SimulationSidebarComponent = () => { - return ( - <Sidebar isRight={false}> - <div className="simulation-sidebar-container flex-column"> - <ExperimentMetadataContainer/> - <LoadMetricContainer/> - <div className="trace-container"> - <TraceContainer/> - </div> - </div> - </Sidebar> - ); -}; - -export default SimulationSidebarComponent; diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.sass b/src/components/sidebars/simulation/SimulationSidebarComponent.sass deleted file mode 100644 index 82af97fa..00000000 --- a/src/components/sidebars/simulation/SimulationSidebarComponent.sass +++ /dev/null @@ -1,8 +0,0 @@ -.simulation-sidebar-container - display: flex - height: 100% - max-height: 100% - -.trace-container - flex: 1 - overflow-y: scroll diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js deleted file mode 100644 index 03b6a279..00000000 --- a/src/components/sidebars/simulation/TaskComponent.js +++ /dev/null @@ -1,42 +0,0 @@ -import approx from "approximate-number"; -import React from "react"; -import {convertSecondsToFormattedTime} from "../../../util/date-time"; - -const TaskComponent = ({task, flopsLeft}) => { - let stateInfo; - - if (flopsLeft === task.totalFlopCount) { - stateInfo = ( - <div> - <span className="fa fa-hourglass-half mr-2"/> - Waiting - </div> - ); - } else if (flopsLeft > 0) { - stateInfo = ( - <div> - <span className="fa fa-refresh mr-2"/> - Running ({approx(task.totalFlopCount - flopsLeft)} / {approx(task.totalFlopCount)} FLOPS) - </div> - ); - } else { - stateInfo = ( - <div> - <span className="fa fa-check mr-2"/> - Completed - </div> - ); - } - - return ( - <li className="list-group-item flex-column align-items-start"> - <div className="d-flex w-100 justify-content-between"> - <h5 className="mb-1">{approx(task.totalFlopCount)} FLOPS</h5> - <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small> - </div> - {stateInfo} - </li> - ); -}; - -export default TaskComponent; diff --git a/src/components/sidebars/simulation/TraceComponent.js b/src/components/sidebars/simulation/TraceComponent.js deleted file mode 100644 index ffb470ba..00000000 --- a/src/components/sidebars/simulation/TraceComponent.js +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; -import TaskContainer from "../../../containers/sidebars/simulation/TaskContainer"; - -const TraceComponent = ({jobs}) => ( - <div> - <h3>Trace</h3> - {jobs.map(job => ( - <div key={job.id}> - <h4>Job: {job.name}</h4> - <ul className="list-group"> - {job.taskIds.map(taskId => ( - <TaskContainer taskId={taskId} key={taskId}/> - ))} - </ul> - </div> - ))} - </div> -); - -export default TraceComponent; diff --git a/src/components/sidebars/topology/NameComponent.js b/src/components/sidebars/topology/NameComponent.js deleted file mode 100644 index d663f4ae..00000000 --- a/src/components/sidebars/topology/NameComponent.js +++ /dev/null @@ -1,13 +0,0 @@ -import React from "react"; -import FontAwesome from "react-fontawesome"; - -const NameComponent = ({name, onEdit}) => ( - <h2> - {name} - <button className="btn btn-outline-secondary float-right" onClick={onEdit}> - <FontAwesome name="pencil"/> - </button> - </h2> -); - -export default NameComponent; diff --git a/src/components/sidebars/topology/TopologySidebarComponent.js b/src/components/sidebars/topology/TopologySidebarComponent.js deleted file mode 100644 index b61c7e3c..00000000 --- a/src/components/sidebars/topology/TopologySidebarComponent.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from "react"; -import BuildingSidebarContainer from "../../../containers/sidebars/topology/building/BuildingSidebarContainer"; -import MachineSidebarContainer from "../../../containers/sidebars/topology/machine/MachineSidebarContainer"; -import RackSidebarContainer from "../../../containers/sidebars/topology/rack/RackSidebarContainer"; -import RoomSidebarContainer from "../../../containers/sidebars/topology/room/RoomSidebarContainer"; -import Sidebar from "../Sidebar"; - -const TopologySidebarComponent = ({interactionLevel}) => { - let sidebarContent; - - switch (interactionLevel.mode) { - case "BUILDING": - sidebarContent = <BuildingSidebarContainer/>; - break; - case "ROOM": - sidebarContent = <RoomSidebarContainer/>; - break; - case "RACK": - sidebarContent = <RackSidebarContainer/>; - break; - case "MACHINE": - sidebarContent = <MachineSidebarContainer/>; - break; - default: - sidebarContent = "Missing Content"; - } - - return ( - <Sidebar isRight={true}> - {sidebarContent} - </Sidebar> - ); -}; - -export default TopologySidebarComponent; diff --git a/src/components/sidebars/topology/building/BuildingSidebarComponent.js b/src/components/sidebars/topology/building/BuildingSidebarComponent.js deleted file mode 100644 index 835943f2..00000000 --- a/src/components/sidebars/topology/building/BuildingSidebarComponent.js +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; -import NewRoomConstructionContainer from "../../../../containers/sidebars/topology/building/NewRoomConstructionContainer"; - -const BuildingSidebarComponent = ({inSimulation}) => { - return ( - <div> - <h2>Building</h2> - {inSimulation ? - undefined : - <NewRoomConstructionContainer/> - } - </div> - ); -}; - -export default BuildingSidebarComponent; diff --git a/src/components/sidebars/topology/building/NewRoomConstructionComponent.js b/src/components/sidebars/topology/building/NewRoomConstructionComponent.js deleted file mode 100644 index d89b0ac0..00000000 --- a/src/components/sidebars/topology/building/NewRoomConstructionComponent.js +++ /dev/null @@ -1,27 +0,0 @@ -import React from "react"; - -const NewRoomConstructionComponent = ({onStart, onFinish, onCancel, currentRoomInConstruction}) => { - if (currentRoomInConstruction === -1) { - return ( - <div className="btn btn-primary btn-block" onClick={onStart}> - <span className="fa fa-plus mr-2"/> - Construct a new room - </div> - ); - } - return ( - <div> - <div className="btn btn-primary btn-block" onClick={onFinish}> - <span className="fa fa-check mr-2"/> - Finalize new room - </div> - <div className="btn btn-default btn-block" onClick={onCancel}> - <span className="fa fa-times mr-2"/> - Cancel construction - </div> - </div> - ); - -}; - -export default NewRoomConstructionComponent; diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/sidebars/topology/machine/BackToRackComponent.js deleted file mode 100644 index 19e33904..00000000 --- a/src/components/sidebars/topology/machine/BackToRackComponent.js +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; - -const BackToRackComponent = ({onClick}) => ( - <div className="btn btn-secondary btn-block" onClick={onClick}> - <span className="fa fa-angle-left mr-2"/> - Back to rack - </div> -); - -export default BackToRackComponent; diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js deleted file mode 100644 index 14713158..00000000 --- a/src/components/sidebars/topology/machine/DeleteMachineComponent.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -const DeleteMachineComponent = ({onClick}) => { - return ( - <div className="btn btn-danger btn-block" onClick={onClick}> - <span className="fa fa-trash mr-2"/> - Delete this machine - </div> - ); -}; - -export default DeleteMachineComponent; diff --git a/src/components/sidebars/topology/machine/MachineNameComponent.js b/src/components/sidebars/topology/machine/MachineNameComponent.js deleted file mode 100644 index 321e350d..00000000 --- a/src/components/sidebars/topology/machine/MachineNameComponent.js +++ /dev/null @@ -1,7 +0,0 @@ -import React from "react"; - -const MachineNameComponent = ({position}) => ( - <h2>Machine at slot {position}</h2> -); - -export default MachineNameComponent; diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js deleted file mode 100644 index e8009c34..00000000 --- a/src/components/sidebars/topology/machine/MachineSidebarComponent.js +++ /dev/null @@ -1,26 +0,0 @@ -import React from "react"; -import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer"; -import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer"; -import BackToRackContainer from "../../../../containers/sidebars/topology/machine/BackToRackContainer"; -import DeleteMachineContainer from "../../../../containers/sidebars/topology/machine/DeleteMachineContainer"; -import MachineNameContainer from "../../../../containers/sidebars/topology/machine/MachineNameContainer"; -import UnitTabsContainer from "../../../../containers/sidebars/topology/machine/UnitTabsContainer"; - -const MachineSidebarComponent = ({inSimulation, machineId}) => { - return ( - <div> - <MachineNameContainer/> - <BackToRackContainer/> - {inSimulation ? - <div> - <LoadBarContainer objectType="machine" objectId={machineId}/> - <LoadChartContainer objectType="machine" objectId={machineId}/> - </div> : - <DeleteMachineContainer/> - } - <UnitTabsContainer/> - </div> - ); -}; - -export default MachineSidebarComponent; diff --git a/src/components/sidebars/topology/machine/UnitAddComponent.js b/src/components/sidebars/topology/machine/UnitAddComponent.js deleted file mode 100644 index f16700df..00000000 --- a/src/components/sidebars/topology/machine/UnitAddComponent.js +++ /dev/null @@ -1,38 +0,0 @@ -import PropTypes from "prop-types"; -import React from "react"; - -class UnitAddComponent extends React.Component { - static propTypes = { - units: PropTypes.array.isRequired, - onAdd: PropTypes.func.isRequired, - }; - - render() { - return ( - <div className="form-inline"> - <div className="form-group w-100"> - <select - className="form-control w-75 mr-1" - ref={unitSelect => this.unitSelect = unitSelect} - > - {this.props.units.map(unit => ( - <option value={unit.id} key={unit.id}> - {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation} - </option> - ))} - </select> - <button - type="submit" - className="btn btn-primary" - onClick={() => this.props.onAdd(parseInt(this.unitSelect.value, 10))} - > - <span className="fa fa-plus mr-2"/> - Add - </button> - </div> - </div> - ); - } -} - -export default UnitAddComponent; diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js deleted file mode 100644 index c734f508..00000000 --- a/src/components/sidebars/topology/machine/UnitComponent.js +++ /dev/null @@ -1,16 +0,0 @@ -import React from "react"; - -const UnitComponent = ({unit, onDelete, inSimulation}) => ( - <li className="d-flex list-group-item justify-content-between align-items-center"> - {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation} - {inSimulation ? - undefined : - <span className="btn btn-outline-danger" onClick={onDelete}> - <span className="fa fa-trash mr-2"/> - Delete - </span> - } - </li> -); - -export default UnitComponent; diff --git a/src/components/sidebars/topology/machine/UnitListComponent.js b/src/components/sidebars/topology/machine/UnitListComponent.js deleted file mode 100644 index 307edc0a..00000000 --- a/src/components/sidebars/topology/machine/UnitListComponent.js +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; -import UnitContainer from "../../../../containers/sidebars/topology/machine/UnitContainer"; - -const UnitListComponent = ({unitType, unitIds, inSimulation}) => ( - <ul className="list-group mt-1"> - {unitIds.length !== 0 ? - unitIds.map((unitId, index) => ( - <UnitContainer unitType={unitType} unitId={unitId} index={index} key={index}/> - )) : - <div className="alert alert-info"> - {inSimulation ? - <strong>No units of this type in this machine</strong> : - <span><strong>No units...</strong> Add some with the menu above!</span> - } - </div> - } - </ul> -); - -export default UnitListComponent; diff --git a/src/components/sidebars/topology/machine/UnitTabsComponent.js b/src/components/sidebars/topology/machine/UnitTabsComponent.js deleted file mode 100644 index a7692ecf..00000000 --- a/src/components/sidebars/topology/machine/UnitTabsComponent.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import UnitAddContainer from "../../../../containers/sidebars/topology/machine/UnitAddContainer"; -import UnitListContainer from "../../../../containers/sidebars/topology/machine/UnitListContainer"; - -const UnitTabsComponent = ({inSimulation}) => ( - <div> - <ul className="nav nav-tabs mt-2 mb-1" role="tablist"> - <li className="nav-item"> - <a className="nav-link active" data-toggle="tab" href="#cpu-units" role="tab">CPU</a> - </li> - <li className="nav-item"> - <a className="nav-link" data-toggle="tab" href="#gpu-units" role="tab">GPU</a> - </li> - <li className="nav-item"> - <a className="nav-link" data-toggle="tab" href="#memory-units" role="tab">Memory</a> - </li> - <li className="nav-item"> - <a className="nav-link" data-toggle="tab" href="#storage-units" role="tab">Storage</a> - </li> - </ul> - <div className="tab-content"> - <div className="tab-pane active" id="cpu-units" role="tabpanel"> - {inSimulation ? - undefined : - <UnitAddContainer unitType="cpu"/> - } - <UnitListContainer unitType="cpu"/> - </div> - <div className="tab-pane" id="gpu-units" role="tabpanel"> - {inSimulation ? - undefined : - <UnitAddContainer unitType="gpu"/> - } - <UnitListContainer unitType="gpu"/> - </div> - <div className="tab-pane" id="memory-units" role="tabpanel"> - {inSimulation ? - undefined : - <UnitAddContainer unitType="memory"/> - } - <UnitListContainer unitType="memory"/> - </div> - <div className="tab-pane" id="storage-units" role="tabpanel"> - {inSimulation ? - undefined : - <UnitAddContainer unitType="storage"/> - } - <UnitListContainer unitType="storage"/> - </div> - </div> - </div> -); - -export default UnitTabsComponent; diff --git a/src/components/sidebars/topology/rack/BackToRoomComponent.js b/src/components/sidebars/topology/rack/BackToRoomComponent.js deleted file mode 100644 index 267001c6..00000000 --- a/src/components/sidebars/topology/rack/BackToRoomComponent.js +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; - -const BackToRoomComponent = ({onClick}) => ( - <div className="btn btn-secondary btn-block mb-2" onClick={onClick}> - <span className="fa fa-angle-left mr-2"/> - Back to room - </div> -); - -export default BackToRoomComponent; diff --git a/src/components/sidebars/topology/rack/DeleteRackComponent.js b/src/components/sidebars/topology/rack/DeleteRackComponent.js deleted file mode 100644 index 06c45048..00000000 --- a/src/components/sidebars/topology/rack/DeleteRackComponent.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -const DeleteRackComponent = ({onClick}) => { - return ( - <div className="btn btn-danger btn-block" onClick={onClick}> - <span className="fa fa-trash mr-2"/> - Delete this rack - </div> - ); -}; - -export default DeleteRackComponent; diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js deleted file mode 100644 index 08665072..00000000 --- a/src/components/sidebars/topology/rack/EmptySlotComponent.js +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; - -const EmptySlotComponent = ({position, onAdd, inSimulation}) => ( - <li className="list-group-item d-flex justify-content-between align-items-center"> - <span className="badge badge-default badge-info mr-1 disabled"> - {position} - </span> - {inSimulation ? - <span className="badge badge-default badge-success"> - Empty Slot - </span> : - <button className="btn btn-outline-primary" onClick={onAdd}> - <span className="fa fa-plus mr-2"/> - Add machine - </button> - } - </li> -); - -export default EmptySlotComponent; diff --git a/src/components/sidebars/topology/rack/MachineComponent.js b/src/components/sidebars/topology/rack/MachineComponent.js deleted file mode 100644 index c9211115..00000000 --- a/src/components/sidebars/topology/rack/MachineComponent.js +++ /dev/null @@ -1,65 +0,0 @@ -import React from "react"; -import Shapes from "../../../../shapes"; -import {convertLoadToSimulationColor} from "../../../../util/simulation-load"; - -const UnitIcon = ({id, type}) => ( - <div> - <img - src={"/img/topology/" + id + "-icon.png"} - alt={"Machine contains " + type + " units"} - className="img-fluid ml-1" - style={{maxHeight: "35px"}} - /> - </div> -); - -const MachineComponent = ({position, machine, inSimulation, machineLoad, onClick}) => { - let color = "white"; - if (inSimulation && machineLoad) { - color = convertLoadToSimulationColor(machineLoad); - } - const hasNoUnits = machine.cpuIds.length + machine.gpuIds.length + machine.memoryIds.length - + machine.storageIds.length === 0; - - return ( - <li - className="d-flex list-group-item list-group-item-action justify-content-between align-items-center" - onClick={onClick} - style={{backgroundColor: color}} - > - <span className="badge badge-default badge-info mr-1"> - {position} - </span> - <div className="d-inline-flex"> - {machine.cpuIds.length > 0 ? - <UnitIcon id="cpu" type="CPU"/> : - undefined - } - {machine.gpuIds.length > 0 ? - <UnitIcon id="gpu" type="GPU"/> : - undefined - } - {machine.memoryIds.length > 0 ? - <UnitIcon id="memory" type="memory"/> : - undefined - } - {machine.storageIds.length > 0 ? - <UnitIcon id="storage" type="storage"/> : - undefined - } - {hasNoUnits ? - <span className="badge badge-default badge-warning"> - Machine with no units - </span> : - undefined - } - </div> - </li> - ); -}; - -MachineComponent.propTypes = { - machine: Shapes.Machine -}; - -export default MachineComponent; diff --git a/src/components/sidebars/topology/rack/MachineListComponent.js b/src/components/sidebars/topology/rack/MachineListComponent.js deleted file mode 100644 index 41522e36..00000000 --- a/src/components/sidebars/topology/rack/MachineListComponent.js +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; -import EmptySlotContainer from "../../../../containers/sidebars/topology/rack/EmptySlotContainer"; -import MachineContainer from "../../../../containers/sidebars/topology/rack/MachineContainer"; -import "./MachineListComponent.css"; - -const MachineListComponent = ({machineIds}) => { - return ( - <ul className="list-group machine-list"> - {machineIds.map((machineId, index) => { - if (machineId === null) { - return <EmptySlotContainer key={index} position={index + 1}/>; - } else { - return <MachineContainer key={index} position={index + 1} machineId={machineId}/>; - } - })} - </ul> - ); -}; - -export default MachineListComponent; diff --git a/src/components/sidebars/topology/rack/MachineListComponent.sass b/src/components/sidebars/topology/rack/MachineListComponent.sass deleted file mode 100644 index bbcfe696..00000000 --- a/src/components/sidebars/topology/rack/MachineListComponent.sass +++ /dev/null @@ -1,2 +0,0 @@ -.machine-list li - min-height: 64px diff --git a/src/components/sidebars/topology/rack/RackNameComponent.js b/src/components/sidebars/topology/rack/RackNameComponent.js deleted file mode 100644 index ee8d194b..00000000 --- a/src/components/sidebars/topology/rack/RackNameComponent.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import NameComponent from "../NameComponent"; - -const RackNameComponent = ({rackName, onEdit}) => ( - <NameComponent name={rackName} onEdit={onEdit}/> -); - -export default RackNameComponent; diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.js b/src/components/sidebars/topology/rack/RackSidebarComponent.js deleted file mode 100644 index 6a36972f..00000000 --- a/src/components/sidebars/topology/rack/RackSidebarComponent.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from "react"; -import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer"; -import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer"; -import BackToRoomContainer from "../../../../containers/sidebars/topology/rack/BackToRoomContainer"; -import DeleteRackContainer from "../../../../containers/sidebars/topology/rack/DeleteRackContainer"; -import MachineListContainer from "../../../../containers/sidebars/topology/rack/MachineListContainer"; -import RackNameContainer from "../../../../containers/sidebars/topology/rack/RackNameContainer"; -import "./RackSidebarComponent.css"; - -const RackSidebarComponent = ({inSimulation, rackId}) => { - return ( - <div className="rack-sidebar-container flex-column"> - <div className="rack-sidebar-header-container"> - <RackNameContainer/> - <BackToRoomContainer/> - {inSimulation ? - <div> - <LoadBarContainer objectType="rack" objectId={rackId}/> - <LoadChartContainer objectType="rack" objectId={rackId}/> - </div> : - <div> - <DeleteRackContainer/> - </div> - } - </div> - <div className="machine-list-container mt-2"> - <MachineListContainer/> - </div> - </div> - ); -}; - -export default RackSidebarComponent; diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.sass b/src/components/sidebars/topology/rack/RackSidebarComponent.sass deleted file mode 100644 index 822804bc..00000000 --- a/src/components/sidebars/topology/rack/RackSidebarComponent.sass +++ /dev/null @@ -1,11 +0,0 @@ -.rack-sidebar-container - display: flex - height: 100% - max-height: 100% - -.rack-sidebar-header-container - flex: 0 - -.machine-list-container - flex: 1 - overflow-y: scroll diff --git a/src/components/sidebars/topology/room/BackToBuildingComponent.js b/src/components/sidebars/topology/room/BackToBuildingComponent.js deleted file mode 100644 index 81384ba5..00000000 --- a/src/components/sidebars/topology/room/BackToBuildingComponent.js +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; - -const BackToBuildingComponent = ({onClick}) => ( - <div className="btn btn-secondary btn-block mb-2" onClick={onClick}> - <span className="fa fa-angle-left mr-2"/> - Back to building - </div> -); - -export default BackToBuildingComponent; diff --git a/src/components/sidebars/topology/room/DeleteRoomComponent.js b/src/components/sidebars/topology/room/DeleteRoomComponent.js deleted file mode 100644 index 72bb6a83..00000000 --- a/src/components/sidebars/topology/room/DeleteRoomComponent.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; - -const DeleteRoomComponent = ({onClick}) => { - return ( - <div className="btn btn-danger btn-block" onClick={onClick}> - <span className="fa fa-trash mr-2"/> - Delete this room - </div> - ); -}; - -export default DeleteRoomComponent; diff --git a/src/components/sidebars/topology/room/RackConstructionComponent.js b/src/components/sidebars/topology/room/RackConstructionComponent.js deleted file mode 100644 index 9bfe28ce..00000000 --- a/src/components/sidebars/topology/room/RackConstructionComponent.js +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -const RackConstructionComponent = ({inRackConstructionMode, onStart, onStop}) => { - if (inRackConstructionMode) { - return ( - <div className="btn btn-primary btn-block" onClick={onStop}> - <span className="fa fa-times mr-2"/> - Stop rack construction - </div> - ); - } - - return ( - <div className="btn btn-primary btn-block" onClick={onStart}> - <span className="fa fa-plus mr-2"/> - Start rack construction - </div> - ); -}; - -export default RackConstructionComponent; diff --git a/src/components/sidebars/topology/room/RoomNameComponent.js b/src/components/sidebars/topology/room/RoomNameComponent.js deleted file mode 100644 index 4d3e41cc..00000000 --- a/src/components/sidebars/topology/room/RoomNameComponent.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import NameComponent from "../NameComponent"; - -const RoomNameComponent = ({roomName, onEdit}) => ( - <NameComponent name={roomName} onEdit={onEdit}/> -); - -export default RoomNameComponent; diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js deleted file mode 100644 index fb3c3296..00000000 --- a/src/components/sidebars/topology/room/RoomSidebarComponent.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from "react"; -import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer"; -import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer"; -import BackToBuildingContainer from "../../../../containers/sidebars/topology/room/BackToBuildingContainer"; -import DeleteRoomContainer from "../../../../containers/sidebars/topology/room/DeleteRoomContainer"; -import RackConstructionContainer from "../../../../containers/sidebars/topology/room/RackConstructionContainer"; -import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer"; -import RoomTypeContainer from "../../../../containers/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} - <DeleteRoomContainer/> - </div> - } - </div> - ); -}; - -export default RoomSidebarComponent; diff --git a/src/components/sidebars/topology/room/RoomTypeComponent.js b/src/components/sidebars/topology/room/RoomTypeComponent.js deleted file mode 100644 index c48c185a..00000000 --- a/src/components/sidebars/topology/room/RoomTypeComponent.js +++ /dev/null @@ -1,10 +0,0 @@ -import React from "react"; -import {ROOM_TYPE_TO_NAME_MAP} from "../../../../util/room-types"; - -const RoomTypeComponent = ({roomType}) => ( - <p className="lead"> - {ROOM_TYPE_TO_NAME_MAP[roomType]} - </p> -); - -export default RoomTypeComponent; |