diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-08 10:27:00 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:05:59 +0200 |
| commit | fc9c52a8f102202bd0e1a8a9dc4d8d68babe2304 (patch) | |
| tree | 0025827d791a3eeb5416bb89d4c36e777feabdd7 /src/components/sidebars/topology/machine/UnitTabsComponent.js | |
| parent | 1b5d2658f9ec06308b2a5ed062f6f5b4798ed733 (diff) | |
Implement UI for unit addition and removal
Diffstat (limited to 'src/components/sidebars/topology/machine/UnitTabsComponent.js')
| -rw-r--r-- | src/components/sidebars/topology/machine/UnitTabsComponent.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/components/sidebars/topology/machine/UnitTabsComponent.js b/src/components/sidebars/topology/machine/UnitTabsComponent.js new file mode 100644 index 00000000..cd068442 --- /dev/null +++ b/src/components/sidebars/topology/machine/UnitTabsComponent.js @@ -0,0 +1,42 @@ +import React from "react"; +import UnitAddContainer from "../../../../containers/sidebars/topology/machine/UnitAddContainer"; +import UnitListContainer from "../../../../containers/sidebars/topology/machine/UnitListContainer"; + +const UnitTabsComponent = () => ( + <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"> + <UnitAddContainer unitType="cpu"/> + <UnitListContainer unitType="cpu"/> + </div> + <div className="tab-pane" id="gpu-units" role="tabpanel"> + <UnitAddContainer unitType="gpu"/> + <UnitListContainer unitType="gpu"/> + </div> + <div className="tab-pane" id="memory-units" role="tabpanel"> + <UnitAddContainer unitType="memory"/> + <UnitListContainer unitType="memory"/> + </div> + <div className="tab-pane" id="storage-units" role="tabpanel"> + <UnitAddContainer unitType="storage"/> + <UnitListContainer unitType="storage"/> + </div> + </div> + </div> +); + +export default UnitTabsComponent; |