From a8b7d16b68374d23d670e9f3ee64d7a632f54a85 Mon Sep 17 00:00:00 2001
From: AjmalCybro <ajmal@cybrosys.in>
Date: Mon, 16 Sep 2024 16:40:32 +0530
Subject: [PATCH] Sep 16 [UPDT] Updated 'all_in_one_whatsapp_integration'

---
 .../static/description/index.html             | 315 +++++++++---------
 1 file changed, 160 insertions(+), 155 deletions(-)

diff --git a/all_in_one_whatsapp_integration/static/description/index.html b/all_in_one_whatsapp_integration/static/description/index.html
index 4de27b494..4c5eb354c 100644
--- a/all_in_one_whatsapp_integration/static/description/index.html
+++ b/all_in_one_whatsapp_integration/static/description/index.html
@@ -24,7 +24,7 @@
     <div class="container">
         <div class="row">
             <div class="col-sm-12 col-md-12 col-lg-12"
-                 >
+            >
                 <h1
                         style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;">
                     All In One Whatsapp</h1>
@@ -37,7 +37,7 @@
         </div>
     </div>
 </div>
-       <div class="d-flex align-items-center"
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
@@ -92,31 +92,31 @@
         </a>
     </div>
 </div>
-       <div class="d-flex align-items-center"
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
      id="overview">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
         <img src="assets/misc/pie-chart.png"/>
     </div>
-                <h2 class="mt-2"
-                        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
-                   Overview
-                </h2>
-            </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;">
+        Overview
+    </h2>
+</div>
 
-           <div class="row"
+<div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 py-4">
-                <p
-                        style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
-                    This Module Helps you to Send a Whatsapp Message to your
-                    Partners that are in Sale Order, Purchase Order, Invoice
-                    and Bills, and Deliver Orders.
-                </p>
-            </div>
-        </div>
-        <div class="d-flex align-items-center"
+        <p
+                style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;">
+            This Module Helps you to Send a Whatsapp Message to your
+            Partners that are in Sale Order, Purchase Order, Invoice
+            and Bills, and Deliver Orders.
+        </p>
+    </div>
+</div>
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
      id="features">
     <div class="d-flex justify-content-center align-items-center mr-2"
@@ -128,65 +128,65 @@
         Features
     </h2>
 </div>
-            <div class="row"
+<div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 col-md-6">
         <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
-                                <img src="assets/misc/check-box.png" class="mr-2"/>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
 
-                </div>
-                <div>
-                    <h4
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        Send Sale Order Details and Invoice Through WhatsApp to
-                        Users .</h4>
-                </div>
-            </div>
-             <div class="col-sm-12 col-md-6">
+        </div>
+        <div>
+            <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send Sale Order Details and Invoice Through WhatsApp to
+                Users .</h4>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
         <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
             <img src="assets/misc/check-box.png" class="mr-2"/>
-                    <h4
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        Send Purchase Order Details and Bill Through WhatsApp
-                        to
-                        Users.</h4>
-                </div>
-            </div>
-             <div class="col-sm-12 col-md-6">
+            <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send Purchase Order Details and Bill Through WhatsApp
+                to
+                Users.</h4>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
         <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
             <img src="assets/misc/check-box.png" class="mr-2"/>
-                    <h4
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        Send Delivery Details and Receipt Through WhatsApp to
-                        Users.</h4>
-                </div>
-            </div>
+            <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send Delivery Details and Receipt Through WhatsApp to
+                Users.</h4>
+        </div>
+    </div>
 
-            <div class="col-sm-12 col-md-6">
+    <div class="col-sm-12 col-md-6">
         <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
             <img src="assets/misc/check-box.png" class="mr-2"/>
-                    <h4
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        Send WhatsApp Message by Twilio Method</h4>
-                </div>
-            </div>
-            <div class="col-sm-12 col-md-6">
+            <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send WhatsApp Message by Twilio Method</h4>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
         <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
             <img src="assets/misc/check-box.png" class="mr-2"/>
-                    <h4
-                            style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
-                        Send WhatsApp Message by WhatsApp Web Method</h4>
-                </div>
-            </div>
+            <h4
+                    style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
+                Send WhatsApp Message by WhatsApp Web Method</h4>
         </div>
+    </div>
+</div>
 
 
-   <div class="d-flex align-items-center"
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
      id="screenshots">
     <div class="d-flex justify-content-center align-items-center mr-2"
@@ -200,8 +200,8 @@
 </div>
 <div class="row">
 
-         <div class="col-sm-12">
-                 <div style="display: block; margin: 30px auto;">
+    <div class="col-sm-12">
+        <div style="display: block; margin: 30px auto;">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Twilio Credentials </h4>
@@ -236,7 +236,7 @@
                  height="auto"/>
         </div>
 
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Cloud Credentials </h4>
@@ -321,12 +321,17 @@
                  class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
 
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
+                To receive WhatsApp messages when connected with Odoo, you need
+                to reply to the initial message first.
+            </p>
+
             <img src="assets/screenshots/c10.png"
                  class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
 
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h4 class="mt-2"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Configuration of Credentials </h4>
@@ -338,7 +343,7 @@
                  class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <p
                     style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                 Add whatsapp mobile number to the sale order partner.</p>
@@ -347,7 +352,7 @@
                  height="auto"/>
         </div>
 
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h4 class="mt-3"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Sales -> Quotation ->Click on the Button "SEND BY
@@ -403,7 +408,7 @@
                  class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
         </div>
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <p
                     style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
                 We can send whatsapp message in Sales , Purchase and in
@@ -426,7 +431,7 @@
                  height="auto"/>
         </div>
 
-           <div style="display: block; margin: 30px auto;">
+        <div style="display: block; margin: 30px auto;">
             <h4 class="mt-3"
                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;">
                 Send and Receive whatsapp message through Livechat </h4>
@@ -460,7 +465,7 @@
                 token to connect it, click on 'Verify and Save' Button.
                 The Webhook format is "ip_address/whatsapp_message".
             </p>
-             <img src="assets/screenshots/t88.png"
+            <img src="assets/screenshots/t88.png"
                  class="img-responsive img-thumbnail border" width="100%"
                  height="auto"/>
 
@@ -510,8 +515,8 @@
 
     </div>
 </div>
-    <!-- RELATED PRODUCTS -->
-    <div class="d-flex align-items-center"
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
@@ -525,103 +530,103 @@
 </div>
 <div class="row">
 
-            <div class="col-sm-12">
-                <div id="demo1" class="row carousel slide"
-                     data-ride="carousel">
-                <!-- The slideshow -->
-                <div class="carousel-inner" style="padding: 30px;">
-                    <div class="carousel-item" style="min-height: 198.656px;">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_mail_messaging/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/11.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/12.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/13.png">
-                                </div>
-                            </a>
-                        </div>
+    <div class="col-sm-12">
+        <div id="demo1" class="row carousel slide"
+             data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner" style="padding: 30px;">
+                <div class="carousel-item" style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_mail_messaging/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/11.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_redirect/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/12.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/13.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item active"
+                     style="min-height: 198.656px;">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/website_floating_whatsapp_icon/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/14.png">
+                            </div>
+                        </a>
+                    </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_chat_layout/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/15.png">
+                            </div>
+                        </a>
                     </div>
-                    <div class="carousel-item active"
-                         style="min-height: 198.656px;">
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/website_floating_whatsapp_icon/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/14.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/whatsapp_chat_layout/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/15.png">
-                                </div>
-                            </a>
-                        </div>
-                        <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                             style="float:left">
-                            <a href="https://apps.odoo.com/apps/modules/16.0/fb_messenger/"
-                               target="_blank">
-                                <div style="border-radius:10px">
-                                    <img class="img img-responsive center-block"
-                                         style="border-radius: 0px;"
-                                         src="assets/modules/16.png">
-                                </div>
-                            </a>
-                        </div>
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/16.0/fb_messenger/"
+                           target="_blank">
+                            <div style="border-radius:10px">
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
+                                     src="assets/modules/16.png">
+                            </div>
+                        </a>
                     </div>
                 </div>
-                <!-- Left and right controls -->
-                <a class="carousel-control-prev" href="#demo1"
-                   data-slide="prev"
-                   style="width:35px; color:#000"> <span
-                        class="carousel-control-prev-icon"><i
-                        class="fa fa-chevron-left"
-                        style="font-size:24px"></i></span>
-                </a> <a class="carousel-control-next" href="#demo1"
-                        data-slide="next" style="width:35px; color:#000">
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1"
+               data-slide="prev"
+               style="width:35px; color:#000"> <span
+                    class="carousel-control-prev-icon"><i
+                    class="fa fa-chevron-left"
+                    style="font-size:24px"></i></span>
+            </a> <a class="carousel-control-next" href="#demo1"
+                    data-slide="next" style="width:35px; color:#000">
                 <span class="carousel-control-next-icon"><i
                         class="fa fa-chevron-right" style="font-size:24px"></i></span>
-            </a>
-            </div>
+        </a>
         </div>
     </div>
-    <!-- END OF RELATED PRODUCTS -->
+</div>
+<!-- END OF RELATED PRODUCTS -->
 
-    <!-- OUR SERVICES -->
+<!-- OUR SERVICES -->
 
-    <div class="d-flex align-items-center"
+<div class="d-flex align-items-center"
      style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">