devops_admin
/
odex30_standard
mirror of https://github.com/hydracp9/odex30_standard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add company logo section and display icons fom main apps

This commit is contained in:
abuzaid4exp 2025-11-17 15:45:08 +02:00
parent 0a1cdc9d93
commit 8ab6dcb603
4 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
odex30_base/odex_sidebar_backend_theme/static/src/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

30
odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss
View File

@ -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;
}
@ -171,3 +189,11 @@ color: #fff;
padding: 0 15px;
border: none;
}
/* تصميم أيقونة القائمة الرئيسية */
.custom_sidebar .menu-item-icon {
width: 20px;
height: 20px;
margin: 0 10px;
object-fit: contain;
}

9
odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml
View File

@ -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>

4
odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml
View File

@ -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"/>