diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-07 11:38:42 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:05:58 +0200 |
| commit | e9909159dc5db91eda12437e18c1474cae848af7 (patch) | |
| tree | f34e0ca56b666f6a4ab1022e58a6dcd84b779725 /src/components/sidebars/topology/rack/MachineComponent.js | |
| parent | d5a92d3006561fd631279b68b23a1f8075b28bb8 (diff) | |
Implement first machine slot listing
Diffstat (limited to 'src/components/sidebars/topology/rack/MachineComponent.js')
| -rw-r--r-- | src/components/sidebars/topology/rack/MachineComponent.js | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/sidebars/topology/rack/MachineComponent.js b/src/components/sidebars/topology/rack/MachineComponent.js new file mode 100644 index 00000000..e328951e --- /dev/null +++ b/src/components/sidebars/topology/rack/MachineComponent.js @@ -0,0 +1,28 @@ +import React from "react"; +import Shapes from "../../../../shapes"; + +const MachineComponent = ({position, machine, onClick}) => ( + <li className="list-group-item list-group-item-action justify-content-between" onClick={onClick}> + <span className="badge badge-default badge-info"> + {position} + </span> + <span className="badge badge-primary badge-pill"> + {machine.cpuIds.length} CPUs + </span> + <span className="badge badge-warning badge-pill"> + {machine.gpuIds.length} GPUs + </span> + <span className="badge badge-success badge-pill"> + {machine.memoryIds.length} Memories + </span> + <span className="badge badge-info badge-pill"> + {machine.storageIds.length} Storages + </span> + </li> +); + +MachineComponent.propTypes = { + machine: Shapes.Machine +}; + +export default MachineComponent; |