luci-base: make tooltip icon string configurable

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
This commit is contained in:
Florian Eckert 2020-12-21 16:31:43 +01:00
parent e951236e36
commit df2a135a08
2 changed files with 18 additions and 1 deletions

View file

@ -3616,6 +3616,17 @@ var CBIFlagValue = CBIValue.extend(/** @lends LuCI.form.FlagValue.prototype */ {
* @default null
*/
/**
* Set a tooltip icon.
*
* If set, this icon will be shown for the default one.
* This could also be a png icon from the resources directory.
*
* @name LuCI.form.TypedSection.prototype#tooltipicon
* @type string
* @default '';
*/
/** @private */
renderWidget: function(section_id, option_index, cfgvalue) {
var tooltip = null;
@ -3631,6 +3642,7 @@ var CBIFlagValue = CBIValue.extend(/** @lends LuCI.form.FlagValue.prototype */ {
value_disabled: this.disabled,
validate: L.bind(this.validate, this, section_id),
tooltip: tooltip,
tooltipicon: this.tooltipicon,
disabled: (this.readonly != null) ? this.readonly : this.map.readonly
});

View file

@ -611,9 +611,14 @@ var UICheckbox = UIElement.extend(/** @lends LuCI.ui.Checkbox.prototype */ {
frameEl.appendChild(E('label', { 'for': id }));
if (this.options.tooltip != null) {
var icon = "⚠️";
if (this.options.tooltipicon != null)
icon = this.options.tooltipicon;
frameEl.appendChild(
E('label', { 'class': 'cbi-tooltip-container' },[
"⚠️",
icon,
E('div', { 'class': 'cbi-tooltip' },
this.options.tooltip
)