From e9909159dc5db91eda12437e18c1474cae848af7 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 7 Sep 2017 11:38:42 +0200
Subject: Implement first machine slot listing

---
 .../sidebars/topology/rack/MachineComponent.js     | 28 ++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/sidebars/topology/rack/MachineComponent.js

(limited to 'src/components/sidebars/topology/rack/MachineComponent.js')

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;
-- 
cgit v1.2.3