[IMP] web_editor: allow left-panel select to have an unique icon label

Part of https://github.com/odoo/odoo/pull/52211 Related to task-2197038
2020-05-31 13:36:53 +00:00
parent 3d20d36bad
commit a5d59de84b
2 changed files with 16 additions and 0 deletions
@@ -636,6 +636,13 @@ const SelectUserValueWidget = UserValueWidget.extend({
        }

        this.menuTogglerEl = document.createElement('we-toggler');
+        this.icon = this.el.dataset.icon || false;
+        if (this.icon) {
+            this.el.classList.add('o_we_icon_select');
+            const iconEl = document.createElement('i');
+            iconEl.classList.add('fa', 'fa-fw', this.icon);
+            this.menuTogglerEl.appendChild(iconEl);
+        }
        this.containerEl.appendChild(this.menuTogglerEl);

        this.menuEl = document.createElement('we-select-menu');
@@ -710,6 +717,11 @@ const SelectUserValueWidget = UserValueWidget.extend({
     */
    _updateUI: async function () {
        await this._super(...arguments);
+
+        if (this.icon) {
+            return;
+        }
+
        const activeWidget = this._userValueWidgets.find(widget => !widget.isPreviewed() && widget.isActive());
        this.menuTogglerEl.textContent = activeWidget ? activeWidget.el.textContent : "/";
    },
@@ -425,6 +425,10 @@ body.editor_enable.editor_has_snippets {
                max-height: 600px;
                overflow-y: auto;
            }
+
+            &.o_we_icon_select {
+                flex: 0 0 auto;
+            }
        }

        // Inputs