From d51d5af992b633bbe32dde6fa7b397f07e4707ef Mon Sep 17 00:00:00 2001
From: Chia-liang Kao <clkao@clkao.org>
Date: Sat, 9 Aug 2014 19:52:20 +0800
Subject: [PATCH] Cleanup legend value by using css content

---
 src/app/panels/graph/legend.html | 15 +++++----------
 src/css/less/graph.less          | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/app/panels/graph/legend.html b/src/app/panels/graph/legend.html
index e2afc984ef6..5524a8047fe 100755
--- a/src/app/panels/graph/legend.html
+++ b/src/app/panels/graph/legend.html
@@ -13,20 +13,15 @@
         {{series.alias}}
       </a>
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.current">
-      Current: {{series.current}}
+    <div class="graph-legend-value current small" ng-show="panel.legend.values && panel.legend.current" ng-bind="series.current">
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.min">
-      Min: {{series.min}}
+    <div class="graph-legend-value min small" ng-show="panel.legend.values && panel.legend.min" ng-bind="series.min">
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.max">
-      Max: {{series.max}}
+    <div class="graph-legend-value max small" ng-show="panel.legend.values && panel.legend.max" ng-bind="series.max">
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.total">
-      Total: {{series.total}}
+    <div class="graph-legend-value total small" ng-show="panel.legend.values && panel.legend.total" ng-bind="series.total">
     </div>
-    <div class="graph-legend-value small" ng-show="panel.legend.values && panel.legend.avg">
-      Avg: {{series.avg}}
+    <div class="graph-legend-value avg small" ng-show="panel.legend.values && panel.legend.avg" ng-bind="series.avg">
     </div>
   </div>
 
diff --git a/src/css/less/graph.less b/src/css/less/graph.less
index 09b18b82a88..c2c371d7aa8 100644
--- a/src/css/less/graph.less
+++ b/src/css/less/graph.less
@@ -25,6 +25,21 @@
 .graph-legend-value {
   float: left;
   white-space: nowrap;
+  &.current:before {
+    content: "Current: "
+  }
+  &.max:before {
+    content: "Max: "
+  }
+  &.min:before {
+    content: "Min: "
+  }
+  &.total:before {
+    content: "Total: "
+  }
+  &.avg:before {
+    content: "Avg: "
+  }
 }
 
 .graph-legend-series {