169 lines
3.7 KiB
JavaScript
169 lines
3.7 KiB
JavaScript
Ext.define('PVE.dc.Health', {
|
|
extend: 'Ext.panel.Panel',
|
|
alias: 'widget.pveDcHealth',
|
|
|
|
title: gettext('Health'),
|
|
|
|
bodyPadding: 10,
|
|
height: 250,
|
|
layout: {
|
|
type: 'hbox',
|
|
align: 'stretch'
|
|
},
|
|
|
|
defaults: {
|
|
flex: 1,
|
|
xtype: 'box',
|
|
style: {
|
|
'text-align':'center'
|
|
}
|
|
},
|
|
|
|
nodeList: [],
|
|
nodeIndex: 0,
|
|
|
|
updateStatus: function(store, records, success) {
|
|
var me = this;
|
|
if (!success) {
|
|
return;
|
|
}
|
|
|
|
var cluster = {
|
|
iconCls: PVE.Utils.get_health_icon('good', true),
|
|
text: gettext("Standalone node - no cluster defined")
|
|
};
|
|
|
|
var nodes = {
|
|
online: 0,
|
|
offline: 0
|
|
};
|
|
|
|
// by default we have one node
|
|
var numNodes = 1;
|
|
var i;
|
|
|
|
for (i = 0; i < records.length; i++) {
|
|
var item = records[i];
|
|
if (item.data.type === 'node') {
|
|
nodes[item.data.online === 1 ? 'online':'offline']++;
|
|
} else if(item.data.type === 'cluster') {
|
|
cluster.text = gettext("Cluster") + ": ";
|
|
cluster.text += item.data.name + ", ";
|
|
cluster.text += gettext("Quorate") + ": ";
|
|
cluster.text += Proxmox.Utils.format_boolean(item.data.quorate);
|
|
if (item.data.quorate != 1) {
|
|
cluster.iconCls = PVE.Utils.get_health_icon('critical', true);
|
|
}
|
|
|
|
numNodes = item.data.nodes;
|
|
}
|
|
}
|
|
|
|
if (numNodes !== (nodes.online + nodes.offline)) {
|
|
nodes.offline = numNodes - nodes.online;
|
|
}
|
|
|
|
me.getComponent('clusterstatus').updateHealth(cluster);
|
|
me.getComponent('nodestatus').update(nodes);
|
|
},
|
|
|
|
updateCeph: function(store, records, success) {
|
|
var me = this;
|
|
var cephstatus = me.getComponent('ceph');
|
|
if (!success || records.length < 1) {
|
|
|
|
// if ceph status is already visible
|
|
// don't stop to update
|
|
if (cephstatus.isVisible()) {
|
|
return;
|
|
}
|
|
|
|
// try all nodes until we either get a successful api call,
|
|
// or we tried all nodes
|
|
if (++me.nodeIndex >= me.nodeList.length) {
|
|
me.cephstore.stopUpdate();
|
|
} else {
|
|
store.getProxy().setUrl('/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status');
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
var state = PVE.Utils.render_ceph_health(records[0].data.health || {});
|
|
cephstatus.updateHealth(state);
|
|
cephstatus.setVisible(true);
|
|
},
|
|
|
|
listeners: {
|
|
destroy: function() {
|
|
var me = this;
|
|
me.cephstore.stopUpdate();
|
|
}
|
|
},
|
|
|
|
items: [
|
|
{
|
|
itemId: 'clusterstatus',
|
|
xtype: 'pveHealthWidget',
|
|
title: gettext('Status')
|
|
},
|
|
{
|
|
itemId: 'nodestatus',
|
|
data: {
|
|
online: 0,
|
|
offline: 0
|
|
},
|
|
tpl: [
|
|
'<h3>' + gettext('Nodes') + '</h3><br />',
|
|
'<div style="width: 150px;margin: auto;font-size: 12pt">',
|
|
'<div class="left-aligned">',
|
|
'<i class="good fa fa-fw fa-check"> </i>',
|
|
gettext('Online'),
|
|
'</div>',
|
|
'<div class="right-aligned">{online}</div>',
|
|
'<br /><br />',
|
|
'<div class="left-aligned">',
|
|
'<i class="critical fa fa-fw fa-times"> </i>',
|
|
gettext('Offline'),
|
|
'</div>',
|
|
'<div class="right-aligned">{offline}</div>',
|
|
'</div>'
|
|
]
|
|
},
|
|
{
|
|
itemId: 'ceph',
|
|
width: 250,
|
|
columnWidth: undefined,
|
|
userCls: 'pointer',
|
|
title: 'Ceph',
|
|
xtype: 'pveHealthWidget',
|
|
hidden: true,
|
|
listeners: {
|
|
element: 'el',
|
|
click: function() {
|
|
var sp = Ext.state.Manager.getProvider();
|
|
sp.set('dctab', {value:'ceph'}, true);
|
|
}
|
|
}
|
|
}
|
|
],
|
|
|
|
initComponent: function() {
|
|
var me = this;
|
|
|
|
me.nodeList = PVE.data.ResourceStore.getNodes();
|
|
me.nodeIndex = 0;
|
|
me.cephstore = Ext.create('Proxmox.data.UpdateStore', {
|
|
interval: 3000,
|
|
storeid: 'pve-cluster-ceph',
|
|
proxy: {
|
|
type: 'proxmox',
|
|
url: '/api2/json/nodes/' + me.nodeList[me.nodeIndex].node + '/ceph/status'
|
|
}
|
|
});
|
|
me.callParent();
|
|
me.mon(me.cephstore, 'load', me.updateCeph, me);
|
|
me.cephstore.startUpdate();
|
|
}
|
|
});
|