fix: set resize button tooltip according to state

This commit is contained in:
prssanna 2020-04-28 13:41:32 +05:30
parent e47b138cb0
commit 84c8d20ce9
2 changed files with 17 additions and 10 deletions

View file

@ -66,13 +66,19 @@ export default class Widget {
() => this.edit()
);
options.allow_resize &&
if (options.allow_resize) {
const title = this.width == 'Full'? `${__('Collapse')}` : `${__('Expand')}`;
this.add_custom_button(
'<i class="fa fa-expand" aria-hidden="true"></i>',
() => this.toggle_width(),
"",
`${__('Resize')}`
"resize-button",
title
);
this.resize_button = this.action_area.find(
".resize-button"
);
}
}
make() {
@ -157,15 +163,18 @@ export default class Widget {
}
toggle_width() {
if (!this.width) {
this.widget.addClass("full-width");
this.width = 'Full';
this.refresh();
} else {
if (this.width == 'Full') {
this.widget.removeClass("full-width");
this.width = null;
this.refresh();
} else {
this.widget.addClass("full-width");
this.width = 'Full';
this.refresh();
}
const title = this.width == 'Full' ? `${__('Collapse')}` : `${__('Expand')}`;
this.resize_button.attr('title', title);
}
hide_or_show() {

View file

@ -34,8 +34,6 @@ export default class ChartWidget extends Widget {
this.widget.addClass("dashboard-widget-box");
if (this.width == "Full") {
this.widget.addClass("full-width");
} else {
this.widget.removeClass("full-width");
}
}