From 51ccf6731435dc31898f406d4878daab2ffd4522 Mon Sep 17 00:00:00 2001
From: Ana Krivokapic <akrivoka@redhat.com>
Date: Fri, 28 Feb 2014 17:20:33 +0100
Subject: [PATCH] Use distribution pie charts for nodes

Distribution pie charts are better suited for this purpose
than usage pie charts.

Change-Id: I50c3c2b25d4cdd0924bc47761cd5755d8a366b47
---
 .../nodes/templates/nodes/_overview.html             | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html b/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
index a6142606e..6b7dc65a3 100644
--- a/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
+++ b/tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
@@ -75,20 +75,12 @@
   <div class="span4">
     <div class="widget">
       <h2>{% trans 'Provisioning Status' %}</h2>
-      <div class="d3_pie_chart_usage pull-left" data-used="{% widthratio deployed_nodes|length total_nodes|length 100 %}"></div>
-      <div class="pull-left">
-	{% widthratio deployed_nodes|length total_nodes|length 100 %}% {% trans 'Deployed' %} <br />
-	{% widthratio free_nodes|length total_nodes|length 100 %}% {% trans 'Free' %}
-      </div>
+      <div class="d3_pie_chart_distribution" data-used="Deployed={{ deployed_nodes|length }}|Free={{ free_nodes|length }}"></div>
     </div>
     <div class="clear"></div>
     <div class="widget">
       <h2>{% trans 'Power Status' %}</h2>
-      <div class="d3_pie_chart_usage pull-left" data-used="{% widthratio total_nodes_up|length total_nodes|length 100 %}"></div>
-      <div class="pull-left">
-	{% widthratio total_nodes_up|length total_nodes|length 100 %}% {% trans 'Running' %} <br />
-	{% widthratio total_nodes_down|length total_nodes|length 100 %}% {% trans 'Stopped' %}
-      </div>
+      <div class="d3_pie_chart_distribution" data-used="Running={{ total_nodes_up|length }}|Stopped={{ total_nodes_down|length }}"></div>
     </div>
   </div>
 </div>