summaryrefslogtreecommitdiffhomepage
path: root/modules/luci-base/htdocs
diff options
context:
space:
mode:
Diffstat (limited to 'modules/luci-base/htdocs')
-rw-r--r--modules/luci-base/htdocs/luci-static/resources/form.js12
-rw-r--r--modules/luci-base/htdocs/luci-static/resources/ui.js7
2 files changed, 18 insertions, 1 deletions
diff --git a/modules/luci-base/htdocs/luci-static/resources/form.js b/modules/luci-base/htdocs/luci-static/resources/form.js
index 4a4536bb94..58a31dddb2 100644
--- a/modules/luci-base/htdocs/luci-static/resources/form.js
+++ b/modules/luci-base/htdocs/luci-static/resources/form.js
@@ -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
});
diff --git a/modules/luci-base/htdocs/luci-static/resources/ui.js b/modules/luci-base/htdocs/luci-static/resources/ui.js
index 81e0b81820..3ada9e375a 100644
--- a/modules/luci-base/htdocs/luci-static/resources/ui.js
+++ b/modules/luci-base/htdocs/luci-static/resources/ui.js
@@ -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
)