From 76fa282741291d6b063a2f993e38d1e2c0f2f68c Mon Sep 17 00:00:00 2001
From: duongnguyen-viindoo <daiduongnguyen2709@gmail.com>
Date: Thu, 29 Feb 2024 18:57:32 +0700
Subject: [PATCH] [IMP] website: industry input should have a placeholder

-User might not know what they going to type in, this commit add a
placeholder in the input of industry selection to give a hint for user
when in website creation

closes odoo/odoo#155862

Signed-off-by: Romain Derie (rde) <rde@odoo.com>
---
 addons/website/i18n/website.pot                            | 7 +++++++
 .../src/client_actions/configurator/configurator.scss      | 4 ++++
 .../src/client_actions/configurator/configurator.xml       | 3 +++
 3 files changed, 14 insertions(+)

diff --git a/addons/website/i18n/website.pot b/addons/website/i18n/website.pot
index 97dc2423070..707a7aff89f 100644
--- a/addons/website/i18n/website.pot
+++ b/addons/website/i18n/website.pot
@@ -11521,6 +11521,13 @@ msgid ""
 "confirm."
 msgstr ""
 
+#. module: website
+#. odoo-javascript
+#: code:addons/website/static/src/client_actions/configurator/configurator.xml:0
+#, python-format
+msgid "Type an industry (Fashion, Electronic store, etc...)"
+msgstr ""
+
 #. module: website
 #. odoo-javascript
 #: code:addons/website/static/src/components/wysiwyg_adapter/wysiwyg_adapter.js:0
diff --git a/addons/website/static/src/client_actions/configurator/configurator.scss b/addons/website/static/src/client_actions/configurator/configurator.scss
index 01054f58fb3..406e25066e6 100644
--- a/addons/website/static/src/client_actions/configurator/configurator.scss
+++ b/addons/website/static/src/client_actions/configurator/configurator.scss
@@ -1,6 +1,7 @@
 .o_configurator_container {
     @include o-position-absolute(0, 0, 0, 0);
     background-color: $o-view-background-color;
+    $input-font-size: 40%;
 
     .o_configurator_screen {
 
@@ -123,6 +124,9 @@
                         color: inherit;
                         outline: none;
                     }
+                    &::placeholder {
+                        font-size: $input-font-size;
+                    }
                 }
 
                 &::after {
diff --git a/addons/website/static/src/client_actions/configurator/configurator.xml b/addons/website/static/src/client_actions/configurator/configurator.xml
index de7a943afc7..b1280b1e96e 100644
--- a/addons/website/static/src/client_actions/configurator/configurator.xml
+++ b/addons/website/static/src/client_actions/configurator/configurator.xml
@@ -51,8 +51,11 @@
                     <span t-attf-class="me-2 {{!state.selectedType ? 'o_configurator_hide' : 'o_configurator_show'}}"> for my</span>
                 </div>
                 <div t-attf-class="o_configurator_typing_text d-inline d-md-flex align-items-center o_configurator_industry mb-md-2 mb-lg-4 {{!state.selectedType ? 'o_configurator_hide' : 'o_configurator_show'}}">
+                    <!-- Use t-set in order to be able to translate, if put in the attribute directly then export POT file will not exist this text-->
+                    <t t-set="industry_placeholder">Type an industry (Fashion, Electronic store, etc...)</t>
                     <label class="o_configurator_industry_wrapper me-2" t-ref="industrySelection">
                         <AutoComplete
+                            placeholder="industry_placeholder"
                             value="state.selectedIndustry?.label ?? ''"
                             sources="sources"
                             onSelect.bind="_setSelectedIndustry"