From 51a3d0e19f0126270cebf7a9d64e8725759419d0 Mon Sep 17 00:00:00 2001
From: William Braeckman <wbr@odoo.com>
Date: Wed, 14 Sep 2022 11:51:03 +0000
Subject: [PATCH] [IMP] web: make it possible to prefix KanbanAnimatedNumber

Use the `prefix` slot to give a prefix to KanbanAnimatedNumber, making
it possible to add text while not needing to extend the class/template.

Part-of: odoo/odoo#98837
---
 .../web/static/src/views/kanban/kanban_animated_number.js  | 7 +++++++
 .../web/static/src/views/kanban/kanban_animated_number.xml | 1 +
 2 files changed, 8 insertions(+)

diff --git a/addons/web/static/src/views/kanban/kanban_animated_number.js b/addons/web/static/src/views/kanban/kanban_animated_number.js
index 2b2133e4681..6aae19253d5 100644
--- a/addons/web/static/src/views/kanban/kanban_animated_number.js
+++ b/addons/web/static/src/views/kanban/kanban_animated_number.js
@@ -45,5 +45,12 @@ KanbanAnimatedNumber.props = {
     animationClass: { type: String, optional: true },
     currency: { type: [Object, Boolean], optional: true },
     title: { type: String, optional: true },
+    slots: {
+        type: Object,
+        shape: {
+            prefix: { type: Object, optional: true },
+        },
+        optional: true,
+    },
 };
 KanbanAnimatedNumber.enableAnimations = true;
diff --git a/addons/web/static/src/views/kanban/kanban_animated_number.xml b/addons/web/static/src/views/kanban/kanban_animated_number.xml
index dd914dbe6e4..ec0725fe414 100644
--- a/addons/web/static/src/views/kanban/kanban_animated_number.xml
+++ b/addons/web/static/src/views/kanban/kanban_animated_number.xml
@@ -3,6 +3,7 @@
 
     <t t-name="web.KanbanAnimatedNumber" owl="1">
         <div class="o_kanban_counter_side ms-2 text-900 text-nowrap" t-att-class="state.value !== props.value and props.animationClass" t-att-title="props.title">
+            <t t-slot="prefix"/>
             <span t-if="props.currency and props.currency.position === 'before'" t-esc="props.currency.symbol" class="ms-1"/>
             <b t-esc="format(state.value)" />
             <span t-if="props.currency and props.currency.position === 'after'" t-esc="props.currency.symbol" class="ms-1"/>