'text-align': 'center',
},
},
- items: [{
- itemId: 'qemu',
- data: {
- running: 0,
- paused: 0,
- stopped: 0,
- template: 0,
- },
- tpl: [
- '<h3>' + gettext("Virtual Machines") + '</h3>',
- '<div class="left-aligned">',
- '<i class="good fa fa-fw fa-play-circle"> </i>',
- gettext('Running'),
- '</div>',
- '<div class="right-aligned">{running}</div><br />',
- '<tpl if="paused > 0">',
+ items: [
+ {
+ itemId: 'qemu',
+ data: {
+ running: 0,
+ paused: 0,
+ stopped: 0,
+ template: 0,
+ },
+ tpl: [
+ '<h3>' + gettext("Virtual Machines") + '</h3>',
'<div class="left-aligned">',
- '<i class="warning fa fa-fw fa-pause-circle"> </i>',
- gettext('Paused'),
+ '<i class="good fa fa-fw fa-play-circle"> </i>',
+ gettext('Running'),
'</div>',
- '<div class="right-aligned">{paused}</div><br />',
- '</tpl>',
- '<div class="left-aligned">',
- '<i class="faded fa fa-fw fa-stop-circle"> </i>',
- gettext('Stopped'),
- '</div>',
- '<div class="right-aligned">{stopped}</div><br />',
- '<tpl if="template > 0">',
+ '<div class="right-aligned">{running}</div><br />',
+ '<tpl if="paused > 0">',
+ '<div class="left-aligned">',
+ '<i class="warning fa fa-fw fa-pause-circle"> </i>',
+ gettext('Paused'),
+ '</div>',
+ '<div class="right-aligned">{paused}</div><br />',
+ '</tpl>',
'<div class="left-aligned">',
- '<i class="fa fa-fw fa-circle-o"> </i>',
- gettext('Templates'),
+ '<i class="faded fa fa-fw fa-stop-circle"> </i>',
+ gettext('Stopped'),
'</div>',
- '<div class="right-aligned">{template}</div>',
- '</tpl>',
- ],
- }, {
- itemId: 'lxc',
- data: {
- running: 0,
- paused: 0,
- stopped: 0,
- template: 0,
+ '<div class="right-aligned">{stopped}</div><br />',
+ '<tpl if="template > 0">',
+ '<div class="left-aligned">',
+ '<i class="fa fa-fw fa-circle-o"> </i>',
+ gettext('Templates'),
+ '</div>',
+ '<div class="right-aligned">{template}</div>',
+ '</tpl>',
+ ],
},
- tpl: [
- '<h3>' + gettext("LXC Container") + '</h3>',
- '<div class="left-aligned">',
- '<i class="good fa fa-fw fa-play-circle"> </i>',
- gettext('Running'),
- '</div>',
- '<div class="right-aligned">{running}</div><br />',
- '<tpl if="paused > 0">',
+ {
+ itemId: 'lxc',
+ data: {
+ running: 0,
+ paused: 0,
+ stopped: 0,
+ template: 0,
+ },
+ tpl: [
+ '<h3>' + gettext("LXC Container") + '</h3>',
'<div class="left-aligned">',
- '<i class="warning fa fa-fw fa-pause-circle"> </i>',
- gettext('Paused'),
+ '<i class="good fa fa-fw fa-play-circle"> </i>',
+ gettext('Running'),
'</div>',
- '<div class="right-aligned">{paused}</div><br />',
- '</tpl>',
- '<div class="left-aligned">',
- '<i class="faded fa fa-fw fa-stop-circle"> </i>',
- gettext('Stopped'),
- '</div>',
- '<div class="right-aligned">{stopped}</div><br />',
- '<tpl if="template > 0">',
+ '<div class="right-aligned">{running}</div><br />',
+ '<tpl if="paused > 0">',
+ '<div class="left-aligned">',
+ '<i class="warning fa fa-fw fa-pause-circle"> </i>',
+ gettext('Paused'),
+ '</div>',
+ '<div class="right-aligned">{paused}</div><br />',
+ '</tpl>',
'<div class="left-aligned">',
- '<i class="fa fa-fw fa-circle-o"> </i>',
- gettext('Templates'),
+ '<i class="faded fa fa-fw fa-stop-circle"> </i>',
+ gettext('Stopped'),
'</div>',
- '<div class="right-aligned">{template}</div>',
- '</tpl>',
- ],
- }, {
- itemId: 'error',
- colspan: 2,
- data: {
- num: 0,
+ '<div class="right-aligned">{stopped}</div><br />',
+ '<tpl if="template > 0">',
+ '<div class="left-aligned">',
+ '<i class="fa fa-fw fa-circle-o"> </i>',
+ gettext('Templates'),
+ '</div>',
+ '<div class="right-aligned">{template}</div>',
+ '</tpl>',
+ ],
},
- columnWidth: 1,
- padding: '10 250 0 250',
- tpl: [
- '<tpl if="num > 0">',
- '<div class="left-aligned">',
- '<i class="critical fa fa-fw fa-times-circle"> </i>',
- gettext('Error'),
- '</div>',
- '<div class="right-aligned">{num}</div>',
- '</tpl>',
- ],
- }],
+ {
+ itemId: 'error',
+ colspan: 2,
+ data: {
+ num: 0,
+ },
+ columnWidth: 1,
+ padding: '10 250 0 250',
+ tpl: [
+ '<tpl if="num > 0">',
+ '<div class="left-aligned">',
+ '<i class="critical fa fa-fw fa-times-circle"> </i>',
+ gettext('Error'),
+ '</div>',
+ '<div class="right-aligned">{num}</div>',
+ '</tpl>',
+ ],
+ },
+ ],
updateValues: function(qemu, lxc, error) {
let me = this;