<div class="slx-storechart">
{{#system}}
<b>{{lang_systemPartition}}</b>
<div id="circles-system"></div>
<div>{{lang_capacity}}: {{size}}</div>
<div>{{lang_free}}: {{free}}</div>
{{/system}}
{{^system}}
<b>{{lang_systemStoreError}}</b>
{{/system}}
</div>
<div class="slx-storechart">
{{#store}}
<b>{{lang_vmStore}}</b>
<div id="circles-store"></div>
<div>{{lang_capacity}}: {{size}}</div>
<div>{{lang_free}}: {{free}}</div>
{{/store}}
{{^store}}
<b>{{lang_vmStoreError}}</b>
{{/store}}
</div>
<div class="clearfix"></div>
{{#notConfigured}}
<div>{{lang_storeNotConfigured}}</div>
{{/notConfigured}}
{{#storeMissing}}
<div>{{lang_storeMissingExpected}} {{storeMissing}}</div>
{{/storeMissing}}
{{#wrongStore}}
<div>{{lang_foundStore}} {{wrongStore}}</div>
{{/wrongStore}}
<a href="?do=VmStore">{{lang_goToStoreConf}}</a>
<script type="text/javascript">
{{#store}}
Circles.create({
id: 'circles-store',
radius: 60,
value: {{{percent}}},
maxValue: 100,
width: 10,
text: function(value){return value + '%'; },
colors: ['#D3B6C6', '#{{color}}'],
duration: 400,
wrpClass: 'circles-wrp',
textClass: 'circles-text'
});
{{/store}}
{{#system}}
Circles.create({
id: 'circles-system',
radius: 60,
value: {{{percent}}},
maxValue: 100,
width: 10,
text: function(value){return value + '%'; },
colors: ['#D3B6C6', '#{{color}}'],
duration: 400,
wrpClass: 'circles-wrp',
textClass: 'circles-text'
});
{{/system}}
</script>