From ffc74967fc2ddcdcf633ba337009818bff217781 Mon Sep 17 00:00:00 2001
From: Pierre <pierre.donias@gmail.com>
Date: Thu, 7 Apr 2016 10:12:46 +0200
Subject: [PATCH] VM: State icon in front of VM's name

---
 src/index.scss         | 16 ++++++++++++++++
 src/xo-app/vm/index.js |  2 ++
 2 files changed, 18 insertions(+)

diff --git a/src/index.scss b/src/index.scss
index 09912fa2d..1feb64d0e 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -170,6 +170,22 @@ $ct-series-colors: (
     @extend .fa-info-circle;
   }
 
+  &-vm-running {
+    @extend .fa;
+    @extend .fa-desktop;
+    @extend .text-success;
+  }
+  &-vm-suspended {
+    @extend .fa;
+    @extend .fa-desktop;
+    @extend .text-warning;
+  }
+  &-vm-halted {
+    @extend .fa;
+    @extend .fa-desktop;
+    @extend .text-danger;
+  }
+
   &-cpu {
     @extend .fa;
     @extend .fa-dashboard;
diff --git a/src/xo-app/vm/index.js b/src/xo-app/vm/index.js
index 128bf9c6f..77daad921 100644
--- a/src/xo-app/vm/index.js
+++ b/src/xo-app/vm/index.js
@@ -1,6 +1,7 @@
 import _ from 'messages'
 import assign from 'lodash/assign'
 import forEach from 'lodash/forEach'
+import Icon from 'icon'
 import isEmpty from 'lodash/isEmpty'
 import Link from 'react-router/lib/Link'
 import map from 'lodash/map'
@@ -210,6 +211,7 @@ export default class Vm extends Component {
       <Row>
         <Col smallSize={6}>
           <h1>
+            <Icon icon={`vm-${vm.power_state.toLowerCase()}`} />&nbsp;
             <Text
               onChange={(value) => xo.call('vm.set', { id: vm.id, name_label: value })}
             >{vm.name_label}</Text>