diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-22 21:20:54 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:18 +0200 |
| commit | bf7708f658cc6299a3b775afe24459b5a808c54d (patch) | |
| tree | 227520267968759e2a2f1e29e6f3edfeb4e3cf8a /src/components/app/sidebars/topology/machine/UnitTabsComponent.js | |
| parent | e722cf117d0e3ebac20237f96764fb08cab49a62 (diff) | |
Restructure component and container directories
Diffstat (limited to 'src/components/app/sidebars/topology/machine/UnitTabsComponent.js')
| -rw-r--r-- | src/components/app/sidebars/topology/machine/UnitTabsComponent.js | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/src/components/app/sidebars/topology/machine/UnitTabsComponent.js b/src/components/app/sidebars/topology/machine/UnitTabsComponent.js new file mode 100644 index 00000000..2113d6d8 --- /dev/null +++ b/src/components/app/sidebars/topology/machine/UnitTabsComponent.js @@ -0,0 +1,54 @@ +import React from "react"; +import UnitAddContainer from "../../../../../containers/app/sidebars/topology/machine/UnitAddContainer"; +import UnitListContainer from "../../../../../containers/app/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; |