From 8ab6dcb603960255451784e3a35dca52dd1a6c57 Mon Sep 17 00:00:00 2001
From: abuzaid4exp <y.abuzaid@exp-sa.com>
Date: Mon, 17 Nov 2025 15:45:08 +0200
Subject: [PATCH] Add company logo section and display icons fom main apps

---
 .../static/src/img/logo.png                   | Bin 0 -> 7444 bytes
 .../static/src/scss/sidebar_menu.scss         |  30 ++++++++++++++++--
 .../static/src/xml/menu_item_template.xml     |   9 ++++++
 .../static/src/xml/sidebar_menu_template.xml  |   4 +++
 4 files changed, 41 insertions(+), 2 deletions(-)
 create mode 100644 odex30_base/odex_sidebar_backend_theme/static/src/img/logo.png

diff --git a/odex30_base/odex_sidebar_backend_theme/static/src/img/logo.png b/odex30_base/odex_sidebar_backend_theme/static/src/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c253f93f70dccd1cd6082ab79acb8c9628a29c59
GIT binary patch
literal 7444
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

literal 0
HcmV?d00001

diff --git a/odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss b/odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss
index 0a6c2d3..7619d43 100644
--- a/odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss
+++ b/odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss
@@ -15,8 +15,26 @@
     transition: transform 0.3s ease-in-out;
 }
 
+/* ===================================
+   1.1 تصميم قسم شعار الشركة
+   =================================== */
+.sidebar_logo_section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 15px 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.sidebar_company_logo {
+    max-width: 100%;
+    max-height: 60px;
+    object-fit: contain;
+}
+
 .custom_sidebar .custom_icon_close {
-color: #fff;
+    color: #fff;
     position: absolute;
     top: 8px;
     right: 30px;
@@ -29,7 +47,7 @@ color: #fff;
     transform: translateX(0);
 }
 
-// اخقاء الايقون الافتراضية للابلكيشن من الشريط العلوي
+// اخفاء الايقون الافتراضية للابلكيشن من الشريط العلوي
 .o_navbar .o_main_navbar .o_navbar_apps_menu .o-dropdown {
     display: none !important;    
 }
@@ -170,4 +188,12 @@ color: #fff;
     font-size: 1.2em;
     padding: 0 15px;
     border: none;
+}
+
+/* تصميم أيقونة القائمة الرئيسية */
+.custom_sidebar .menu-item-icon {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+    object-fit: contain;
 }
\ No newline at end of file
diff --git a/odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml b/odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml
index 1945f6d..d8e8f7f 100644
--- a/odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml
+++ b/odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml
@@ -4,6 +4,15 @@
     <t t-name="odex_sidebar_backend_theme.MenuItem" owl="1">
        <li t-att-class="{ 'has-children': props.menu.children.length > 0, 'open': props.menu.isOpen }">
             <div class="menu-item-container">
+
+            <!-- عرض الأيقونة -->
+                <t t-if="props.menu.webIconData">
+                    <img class="menu-item-icon" t-att-src="props.menu.webIconData" alt=""/>
+                </t>
+                <t t-elif="props.menu.icon">
+                    <i t-att-class="'menu-item-icon ' + props.menu.icon"></i>
+                </t>
+
                 <a href="#" class="menu-item-link" t-on-click.prevent="() => this.selectMenu(props.menu)">
                     <t t-esc="props.menu.name"/>
                 </a>
diff --git a/odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml b/odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml
index b3deb4b..6308539 100644
--- a/odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml
+++ b/odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml
@@ -5,6 +5,10 @@
             <div class="custom_icon_close" t-on-click="toggleSidebar">
                 <i class="fa fa-close"/>
             </div>
+            <!-- Company Logo Section -->
+            <div class="sidebar_logo_section">
+                <img src="/odex_sidebar_backend_theme/static/src/img/logo.png" alt="Company Logo" class="sidebar_company_logo"/>
+            </div>
             <ul class="sidebar_menu_list">
                 <t t-foreach="state.menus" t-as="app" t-key="app.id">
                     <MenuItem menu="app" siblings="state.menus"/>