From 7909827571246601c8d4f77fa95e9b501c2f7b6a Mon Sep 17 00:00:00 2001
From: William Braeckman <wbr@odoo.com>
Date: Tue, 20 Sep 2022 11:48:40 +0000
Subject: [PATCH] [IMP] web: add displayText option to tags_list

In addition to the `displayBadge` option which is already present this
commit adds a new option `displayText` which dictates whether we want
any text at all on our tags list.
This is useful for kanban view where we only want to display the avatar.

X-original-commit: 7930865f0514092960acb0f76532e794f35882a3
Part-of: odoo/odoo#100764
---
 .../web/static/src/views/fields/many2many_tags/tags_list.js   | 2 ++
 .../web/static/src/views/fields/many2many_tags/tags_list.xml  | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/fields/many2many_tags/tags_list.js b/addons/web/static/src/views/fields/many2many_tags/tags_list.js
index 13197ed603a..1a379a5e3ce 100644
--- a/addons/web/static/src/views/fields/many2many_tags/tags_list.js
+++ b/addons/web/static/src/views/fields/many2many_tags/tags_list.js
@@ -28,10 +28,12 @@ TagsList.template = "web.TagsList";
 TagsList.defaultProps = {
     className: "",
     displayBadge: true,
+    displayText: true,
 };
 TagsList.props = {
     className: { type: String, optional: true },
     displayBadge: { type: Boolean, optional: true },
+    displayText: { type: Boolean, optional: true },
     name: { type: String, optional: true },
     itemsVisible: { type: Number, optional: true },
     tags: { type: Object, optional: true },
diff --git a/addons/web/static/src/views/fields/many2many_tags/tags_list.xml b/addons/web/static/src/views/fields/many2many_tags/tags_list.xml
index ef9971ddee5..35b9289d67c 100644
--- a/addons/web/static/src/views/fields/many2many_tags/tags_list.xml
+++ b/addons/web/static/src/views/fields/many2many_tags/tags_list.xml
@@ -5,8 +5,8 @@
         <t t-foreach="visibleTags" t-as="tag" t-key="tag.id or tag_index">
             <span t-attf-class="{{`o_tag_color_${ tag.colorIndex or 0 } ${props.displayBadge ? 'badge rounded-pill' : ''}`}} o_tag d-inline-flex align-items-center h-100" tabindex="-1" t-att-data-color="tag.colorIndex" t-att-title="tag.text" t-on-click="(ev) => tag.onClick and tag.onClick(ev)" t-on-keydown="tag.onKeydown">
                 <img t-if="tag.img" t-att-src="tag.img" class="o_m2m_avatar rounded-circle" t-att-class="tag.className"/>
-                <div t-if="props.displayBadge" class="o_tag_badge_text" t-esc="tag.text" />
-                <t t-else="">
+                <div t-if="props.displayBadge and props.displayText" class="o_tag_badge_text" t-esc="tag.text" />
+                <t t-elif="props.displayText">
                     <span />
                     <div t-esc="tag.text" />
                 </t>