x/tuskar-ui
Code Issues Proposed changes

Use distribution pie charts for nodes

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

Change-Id: I50c3c2b25d4cdd0924bc47761cd5755d8a366b47
This commit is contained in:
Ana Krivokapic 2014-02-28 17:20:33 +01:00
parent 9af7f5b6a2
commit 51ccf67314
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
tuskar_ui/infrastructure/nodes/templates/nodes/_overview.html
View File

@ -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>