feat: increase drawer width
This commit is contained in:
@@ -79,6 +79,19 @@ class ClusterMembersComponent extends Component {
|
|||||||
openDrawerForMember(memberIp) {
|
openDrawerForMember(memberIp) {
|
||||||
this.ensureDrawer();
|
this.ensureDrawer();
|
||||||
|
|
||||||
|
// Set drawer title to member name (hostname) or IP
|
||||||
|
try {
|
||||||
|
const members = (this.viewModel && typeof this.viewModel.get === 'function') ? this.viewModel.get('members') : [];
|
||||||
|
const member = Array.isArray(members) ? members.find(m => m && m.ip === memberIp) : null;
|
||||||
|
const displayName = (member && member.hostname) ? member.hostname : (member && member.ip) ? member.ip : memberIp;
|
||||||
|
const titleEl = this.detailsDrawer.querySelector('.drawer-title');
|
||||||
|
if (titleEl) {
|
||||||
|
titleEl.textContent = displayName;
|
||||||
|
}
|
||||||
|
} catch (_) {
|
||||||
|
// no-op if anything goes wrong, default title remains
|
||||||
|
}
|
||||||
|
|
||||||
// Clear previous component if any
|
// Clear previous component if any
|
||||||
if (this.activeDrawerComponent && typeof this.activeDrawerComponent.unmount === 'function') {
|
if (this.activeDrawerComponent && typeof this.activeDrawerComponent.unmount === 'function') {
|
||||||
try { this.activeDrawerComponent.unmount(); } catch (_) {}
|
try { this.activeDrawerComponent.unmount(); } catch (_) {}
|
||||||
|
|||||||
Reference in New Issue
Block a user