[IMP] website_livechat: improve general usability (back2basics)

Purpose
=======

Clean screens and improve onboarding

TaskID: 2029772

closes odoo/odoo#34543

Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>

addons/im_livechat/static/src/scss/im_livechat_form.scss

+.o_livechat_rules_form {
+    .o_form_sheet_bg {
+        .o_form_sheet {
+            min-height: unset;
+        }
+    }
+}

addons/im_livechat/views/im_livechat_channel_templates.xml

@@ -9,6 +9,7 @@
             <xpath expr="." position="inside">
                 <script type="text/javascript" src="/im_livechat/static/src/js/im_livechat_backend.js"></script>
                 <link rel="stylesheet" type="text/scss" href="/im_livechat/static/src/scss/im_livechat_history.scss"/>
+                <link rel="stylesheet" type="text/scss" href="/im_livechat/static/src/scss/im_livechat_form.scss"/>
             </xpath>
         </template>
 

addons/im_livechat/views/im_livechat_channel_views.xml

@@ -13,9 +13,6 @@
                 You can create channels for each website on which you want
                 to integrate the website live chat widget, allowing your website
                 visitors to talk in real time with your operators.
-              </p><p>
-                Each channel has it's own URL that you can send by email to
-                your customers in order to start chatting with you.
               </p>
             </field>
         </record>
@@ -118,7 +115,7 @@
                                         </templates>
                                     </kanban>
                                 </field>
-                                <p class="text-muted">
+                                <p class="text-muted" style="padding-left: 8px">
                                     Operators that do not show any activity In Odoo for more than 30 minutes will be considered as disconnected.
                                 </p>
                             </group>
@@ -130,7 +127,18 @@
                                 <field name="input_placeholder"/>
                             </group>
                         </page>
+                        <page string="Channel Rules">
+                            <span class="text-muted">Define rules for your live support channel. You can apply an action for the given URL, and per country.<br />To identify the country, GeoIP must be installed on your server, otherwise, the countries of the rule will not be taken into account.</span>
+                            <group>
+                                <field name="rule_ids" nolabel="1"/>
+                            </group>
+                        </page>
                         <page string="Widget">
+                            <group attrs='{"invisible": [["web_page", "!=", False]]}'>
+                                <div class="alert alert-warning mt4 mb16" role="alert">
+                                Save your Channel to get your configuration widget.
+                                </div>
+                            </group>
                             <group>
                                 <div attrs='{"invisible": [["web_page", "=", False]]}'>
                                     <separator string="How to use the Website Live Chat widget?"/>
@@ -142,16 +150,10 @@
                                         or copy this url and send it by email to your customers or suppliers:
                                     </p>
                                     <field name="web_page" readonly="1" widget="CopyClipboardChar"/>
-                                    <p>For websites built with the Odoo CMS, please install the website_livechat module. Then go to Website > Configuration > Settings and select the Website Live Chat Channel you want to add on your website.</p>
+                                    <p>For websites built with the Odoo CMS, go to Website > Configuration > Settings and select the Website Live Chat Channel you want to add on your website.</p>
                                 </div>
                             </group>
                         </page>
-                        <page string="Channel Rules">
-                            <group>
-                                <field name="rule_ids" nolabel="1"/>
-                            </group>
-                            <span>Define rules for your live support channel. You can apply an action (disable the support, automatically open your support, or just make the button available) for the given URL, and per country.<br />To identify the country, GeoIP must be installed on your server, otherwise, the countries of the rule will not be taken into account.</span>
-                        </page>
                     </notebook>
                 </sheet>
                 </form>
@@ -200,11 +202,11 @@
             <field name="model">im_livechat.channel.rule</field>
             <field name="type">form</field>
             <field name="arch" type="xml">
-                <form string="Channel Rule">
+                <form string="Channel Rule" class="o_livechat_rules_form">
                     <sheet>
                         <group>
-                            <field name="action"/>
-                            <field name="regex_url"/>
+                            <field name="action" widget="radio"/>
+                            <field name="regex_url" placeholder="e.g. /page/contactus"/>
                             <label for="auto_popup_timer" class="oe_inline" attrs="{'invisible': [('action', '!=', 'auto_popup')]}"/>
                             <div class="oe_inline" attrs="{'invisible': [('action', '!=', 'auto_popup')]}">
                                 <field name="auto_popup_timer" class="oe_inline"/> seconds

addons/website_livechat/__manifest__.py

@@ -9,7 +9,7 @@ Allow website visitors to chat with the collaborators. This module also brings a
     """,
     'depends': ['website', 'im_livechat'],
     'installable': True,
-    'application': True,
+    'application': False,
     'auto_install': True,
     'data': [
         'views/website_livechat.xml',