Sep 10: [FIX] Bug Fixed 'responsive_web'

responsive_web/README.rst

@@ -3,7 +3,7 @@
     :alt: License: AGPL-3
 
 WEB RESPONSIVE
-==============
+=======================
 This module adds responsiveness to web backend.
 
 Configuration
@@ -14,14 +14,9 @@ Company
 -------
 * `Cybrosys Techno Solutions <https://cybrosys.com/>`__
 
-License
--------
-General Public License, Version 3 (AGPL v3).
-(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
-
 Credits
 -------
-Developer: (V16): Ramees Jaman KT @cybrosys,Contact : odoo@cybrosys.com
+Developer: (V16): Ramees Jaman KT @cybrosys,
 
 Contacts
 --------
@@ -38,6 +33,7 @@ Maintainer
    :target: https://cybrosys.com
 
 This module is maintained by Cybrosys Technologies.
+
 For support and more information, please visit `Our Website <https://cybrosys.com/>`__
 
 Further information

responsive_web/__manifest__.py

@@ -20,19 +20,25 @@
 #
 ##############################################################################
 {
-    'name': "Web Responsive Odoo16",
+    'name': "Web Responsive",
-    'version': '16.0.1.0.0',
+    'version': '16.0.1.1.0',
     'category': 'Extra Tools',
-    'summary': 'This module helps to create enterprise like app drawer,Responsiveness and sticky headers included.',
+    'summary': 'This module adds responsiveness to web backend',
     'description': """This module helps to create enterprise like app drawer,
      Responsiveness and sticky headers included.""",
     'author': 'Cybrosys Techno Solutions',
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
     'website': 'https://www.cybrosys.com',
-    'depends': ['base', 'web', 'mail'],
+    'images': [
-    'assets': {
+        'static/description/banner.png'],
-        'web.assets_backend': [
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+    "depends": ["base", "web", "mail"],
+    "assets": {
+        "web.assets_backend": [
             'responsive_web/static/src/css/main.css',
             'responsive_web/static/src/css/menu_order.css',
             'responsive_web/static/src/components/apps_menu/link_view.xml',
@@ -41,9 +47,5 @@
             'responsive_web/static/src/xml/PivotCustom.xml'
         ]
     },
-    'images': ['static/description/banner.png'],
+
-    'license': 'AGPL-3',
-    'installable': True,
-    'auto_install': False,
-    'application': False,
 }

responsive_web/doc/RELEASE_NOTES.md

@@ -1,6 +1,6 @@
 ## Module <responsive_web>
 
-#### 25.07.2023
+#### 31.08.2024
 #### Version 16.0.1.0.0
 #### ADD
 

responsive_web/static/description/index.html

@@ -17,7 +17,7 @@
       <div class="col-sm-12 col-md-12 col-lg-12">
         <!-- APP HERO -->
         <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">Web Responsive</h1>
-        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">This Module Helps to Create Enterprise Like App Drawer, Responsiveness and Sticky Headers Included</p>
+        <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">This module adds responsiveness to web backend.</p>
         <!-- END OF APP HERO -->
         <img src="assets/screenshots/hero.gif" class="img-responsive"
           style="width: 100%; margin-left: auto; margin-right: auto;" />
@@ -111,7 +111,7 @@ This module adds responsiveness to web backend.</div>
   <div class="col-sm-12 col-md-6">
     <div class="d-flex align-items-center" style="margin-top: 40px; margin-bottom: 40px">
       <img src="assets/misc/check-box.png" class="mr-2" />
-      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Enterprise app drawer.</span>
+      <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">EnterPrice app drawer.</span>
     </div>
     <div class="d-flex align-items-center" style="margin-top: 30px; margin-bottom: 30px">
       <img src="assets/misc/check-box.png" class="mr-2" />
@@ -142,7 +142,7 @@ This module adds responsiveness to web backend.</div>
   <div class="col-sm-12">
 
     <div style="display: block; margin: 30px auto;">
-      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Enterprise app drawer.
+      <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">EnterPrice app drawer.
       </h3>
       <img src="assets/screenshots/1.png" class="img-thumbnail">
     </div>
@@ -155,12 +155,12 @@ This module adds responsiveness to web backend.</div>
     <div style="display: block; margin: 30px auto;">
       <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky header & footer in list view.
       </h3>
-      <img src="assets/screenshots/sticky_header_footer_form.gif" class="img-thumbnail w-100">
+      <img src="assets/screenshots/sticky_header_footer_form.gif" class="img-thumbnail">
     </div>
     <div style="display: block; margin: 30px auto;">
       <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Sticky pivot header.
       </h3>
-      <img src="assets/screenshots/sticky_pivot_view.gif" class="img-thumbnail w-100">
+      <img src="assets/screenshots/sticky_pivot_view.gif" class="img-thumbnail">
     </div>
 
   </div>
@@ -342,7 +342,7 @@ This module adds responsiveness to web backend.</div>
 
 </div>
 
-<!-- END OF OUR SERVICES -->
+<!-- END OF END OF OUR SERVICES -->
 
 <!-- OUR INDUSTRIES -->
 
@@ -468,7 +468,7 @@ This module adds responsiveness to web backend.</div>
   </div>
 </div>
 
-<!--END OF OUR INDUSTRIES -->
+<!-- END OF END OF OUR INDUSTRIES -->
 
 <!-- SUPPORT -->
 <div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">

responsive_web/static/src/components/apps_menu/apps_menu.js

@@ -5,15 +5,20 @@ import { registry } from "@web/core/registry";
 const { fuzzyLookup } = require('@web/core/utils/search');
 import { computeAppsAndMenuItems } from "@web/webclient/menus/menu_helpers";
 import core from 'web.core';
+
 const commandProviderRegistry = registry.category("command_provider");
 const { onMounted } = owl;
+
 import { patch } from 'web.utils';
 var rpc = require('web.rpc');
 
 patch(NavBar.prototype, 'responsive_web/static/src/components/apps_menu/apps_menu.js', {
+
+
     //--------------------------------------------------------------------------
     // Public
     //--------------------------------------------------------------------------
+
     /**
      * @override
      */
@@ -102,4 +107,6 @@ patch(NavBar.prototype, 'responsive_web/static/src/components/apps_menu/apps_men
         $('.o_menu_sections').attr('style','display: flex !important');
         return this._super(menu);
     }
-});
+});
+
+

responsive_web/static/src/components/apps_menu/link_view.xml

@@ -1,5 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!--App drawer search result template-->
 <template id="template" xml:space="preserve">
     <t t-name="responsive_web.SearchResults">
         <t t-foreach="results" t-as="result">

responsive_web/static/src/xml/PivotCustom.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates>
-<!--    Adding new attribute to o_pivot class div-->
+    //Adding new attribute to o_pivot class div
     <t t-name="PivotRenderer" t-inherit="web.PivotRenderer" t-inherit-mode="extension" owl="1">
         <xpath expr="//div[hasclass('o_pivot')]" position="attributes">
             <attribute name="style">overflow-x:unset</attribute>

responsive_web/static/templates/side_bar.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates id="template" xml:space="preserve">
-<!--    Changing the main menu icon-->
+    //Changing the main menu icon
     <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
         <xpath expr="//Dropdown" position="replace">
             <div class="d-flex justify-content-center align-items-center o_main-menu-button p-2"
@@ -9,7 +9,7 @@
             </div>
         </xpath>
     </t>
-<!--    Changing the app drawer like EnterPrice edition-->
+    //Changing the app drawer like EnterPrice edition
     <t t-inherit-mode="extension" t-inherit="web.NavBar" owl="1">
         <xpath expr="//header" position="after">
             <div class="app_components">
@@ -35,18 +35,19 @@
                          style="margin-top:20px;"/>
                  </div>
                 <div class="app-menu">
-                    <t t-foreach="menuService.getApps()" t-as="app"
+                    <t t-foreach="menuService.getApps()" t-as="item"
-                       t-key="app_index">
+                       t-key="item_index">
                           <a role="menuitem"
-                             t-on-click="() => this.onNavBarDropdownItemSelection(app)"
+                             t-on-click.prevent="() => this.onNavBarDropdownItemSelection(item)"
-                             t-att-class="{ o_dropdown_active: menuService.getCurrentApp() === app }">
+                             t-att-href="('#menu_id='+item.id+'&amp;action_id='+item.actionID)"
-                            <img t-if="app.webIcon.includes('.png')" t-att-title="app.name"
+                             t-att-class="{ o_dropdown_active: menuService.getCurrentApp() === item }">
+                            <img t-if="item.webIcon.includes('.png')" t-att-title="item.name"
                                  style="width: 70px !important;height: 70px !important;margin: 5px 5px 5px 5px;"
-                                 t-attf-src="data:image/png;base64,{{app.webIconData}}"/>
+                                 t-attf-src="data:image/png;base64,{{item.webIconData}}"/>
-                              <img t-if="app.webIcon.includes('.svg')" t-att-title="app.name"
+                              <img t-if="item.webIcon.includes('.svg')" t-att-title="item.name"
                                    style="width: 70px !important;height: 70px !important;margin: 5px 5px 5px 5px;"
-                                   t-attf-src="data:image/svg+xml;base64,{{app.webIconData}}"/>
+                                   t-attf-src="data:image/svg+xml;base64,{{item.webIconData}}"/>
-                              <b class="a_app_menu_title" style="color:white;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);"><t t-esc="app.name"/></b>
+                              <b class="a_app_menu_title" style="color:white;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);"><t t-esc="item.name"/></b>
                          </a>
                     </t>
                  </div>