proxmox-mirrors/pve-manager
1
0
Fork 0
mirror of https://git.proxmox.com/git/pve-manager synced 2025-08-04 11:51:02 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: resource tree: limit tooltip to icon and text

Browse Source 
and exclude the tags for that, since we want the tags to have their own
tooltips

we use the delegate function of the tooltips for that

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2023-11-09 11:56:23 +01:00 committed by Thomas Lamprecht
parent 9fc36be82a
commit 2f414c50c1
1 changed files with 31 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
www/manager6/tree/ResourceTree.js
View File

@ -122,7 +122,7 @@ Ext.define('PVE.tree.ResourceTree', {
status = '<div class="usage-wrapper">';
status += `<div class="usage-negative" style="height: ${remainingHeight}%"></div>`;
status += `<div class="usage" style="height: ${barHeight}%"></div>`;
status += '</div> ';
status += '</div>';
}
}
if (Ext.isNumeric(info.vmid) && info.vmid > 0) {
@ -130,15 +130,16 @@ Ext.define('PVE.tree.ResourceTree', {
info.text = `${info.name} (${String(info.vmid)})`;
}
}
info.text = `<span>${status} ${info.text}</span>`;
info.text += PVE.Utils.renderTags(info.tags, PVE.UIOptions.tagOverrides);
info.text = status + info.text;
},
setToolTip: function(info) {
getToolTip: function(info) {
if (info.tip) {
return info.tip;
}
if (info.type === 'pool' || info.groupbyid !== undefined) {
return;
return undefined;
}
let qtips = [gettext('Status') + ': ' + (info.qmpstatus || info.status)];
@ -149,7 +150,9 @@ Ext.define('PVE.tree.ResourceTree', {
qtips.push(gettext('HA State') + ": " + info.hastate);
}
info.qtip = qtips.join(', ');
let tip = qtips.join(', ');
info.tip = tip;
return tip;
},
// private
@ -158,7 +161,6 @@ Ext.define('PVE.tree.ResourceTree', {
me.setIconCls(info);
me.setText(info);
me.setToolTip(info);
if (info.groupbyid) {
info.text = info.groupbyid;
@ -315,7 +317,6 @@ Ext.define('PVE.tree.ResourceTree', {
Ext.apply(info, item.data);
me.setIconCls(info);
me.setText(info);
me.setToolTip(info);
olditem.commit();
}
if ((!item || moved) && olditem.isLeaf()) {
@ -403,6 +404,27 @@ Ext.define('PVE.tree.ResourceTree', {
return allow;
},
itemdblclick: PVE.Utils.openTreeConsole,
afterrender: function() {
if (me.tip) {
return;
}
let selectors = [
'.x-tree-node-text > span:not(.proxmox-tag-dark):not(.proxmox-tag-light)',
'.x-tree-icon',
];
me.tip = Ext.create('Ext.tip.ToolTip', {
target: me.el,
delegate: selectors.join(', '),
trackMouse: true,
renderTo: Ext.getBody(),
listeners: {
beforeshow: function(tip) {
let rec = me.getView().getRecord(tip.triggerElement);
tip.update(me.getToolTip(rec.data));
},
},
});
},
},
setViewFilter: function(view) {
me.viewFilter = view;