webui: Highlighted selected vm at show.html

one/static/box.less

@@ -121,6 +121,12 @@
             background-position: right top;
             background-position: right top;
             background-repeat: no-repeat;
             background-repeat: no-repeat;
         }
         }
+        &.selected-summary{
+            background-color: rgb(241, 241, 157);
+            &:hover{
+                background-color: #FFFF66;
+            }
+        }
         &:hover{
         &:hover{
             background-color: #b1b1b1;
             background-color: #b1b1b1;
             background-image: none;
             background-image: none;

one/templates/box-vmlist.html

@@ -3,8 +3,8 @@
 {% if instances %}
 {% if instances %}
 {% for i in instances %}
 {% for i in instances %}
 <li class="wm">
 <li class="wm">
-    <div class="summary">
-        <!--<div class="id">161</div>-->
+    <div class="summary {% if id == i.id %}selected-summary{% endif %}">
+        <!--<div class="id"></div>-->
         <div class="name {% if i.state == 'ACTIVE' %}wm-on{% else %}wm-off{% endif %}">
         <div class="name {% if i.state == 'ACTIVE' %}wm-on{% else %}wm-off{% endif %}">
             {{i.name|truncatechars:20}}
             {{i.name|truncatechars:20}}
         </div>
         </div>