Hello,
I may have a solution. I give you the code to change (i.e. removinf 2 field and adding a new one with my own values) the first (from left) panel, where uptime is.
Depending from your Zenoss version, you have to restart the some daemons to see the UI changes.
If you need to change other panels, you must find the ID and declare it, as I did for DEVICE_OVERVIEW_ID = ....
I hope this will help.
Steps:
- Add a file in the js directory (in my example: browser/resources/js/devicedetails.js). The code is below.
- use it in browser/configure.zcml adding the following code:
<viewlet
name="js-mydet"
paths="/++resource++<your resourceDirectory name>/js/devicedetails.js"
weight="9"
for="..MyDevice.MyDevice"
manager="Products.ZenUI3.browser.interfaces.IJavaScriptSrcManager"
class="Products.ZenUI3.browser.javascript.JavaScriptSrcBundleViewlet"
permission="zope2.Public"
/>
==== js file ====
Ext.onReady(function() {
DEVICE_OVERVIEW_ID = 'deviceoverviewpanel_summary';
// first from left panel part: overview: my changes
var modifyDeviceOverview = function(overview) {
overview = Ext.getCmp(DEVICE_OVERVIEW_ID);
overview.removeField('locking');
overview.removeField('memory');
overview.addField({
name:'mytotalMemory',
fieldLabel: _t('TotalMemory'),
setRawValue: function(mytotalMemory) {
var v = 'None';
if (mytotalMemory) {
v = Zenoss.render.memory(mytotalMemory)
}
Zenoss.DisplayField.superclass.setRawValue.call(this, v);
}
});
};
Ext.ComponentMgr.onAvailable(DEVICE_OVERVIEW_ID, modifyDeviceOverview)
});
