|
|
@ -1,78 +1,84 @@ |
|
|
<templates id="template" xml:space="preserve"> |
|
|
<templates id="template" xml:space="preserve"> |
|
|
|
|
|
<!-- Inherit the dropdown to select the apps, to add the function OnClickMainMenu--> |
|
|
<t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1"> |
|
|
<t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1"> |
|
|
<xpath expr="//Dropdown" |
|
|
<xpath expr="//Dropdown" |
|
|
position="replace"> |
|
|
position="replace"> |
|
|
<li class="dropdown d-flex justify-content-center align-items-center"> |
|
|
<div class="d-flex justify-content-center align-items-center o_main-menu-button p-2" |
|
|
<a class="full" data-bs-toggle="dropdown" data-display="static" |
|
|
t-on-click="OnClickMainMenu"> |
|
|
href="#"> |
|
|
<i class="oi oi-apps" |
|
|
<i class="fa fa-th-large" |
|
|
|
|
|
style="font-size: 18px !important; color: white; margin-top: 3px;"/> |
|
|
style="font-size: 18px !important; color: white; margin-top: 3px;"/> |
|
|
</a> |
|
|
</div> |
|
|
<div class="dropdown-menu fullscreen-menu" role="menu"> |
|
|
</xpath> |
|
|
<div class="search-container form-row align-items-center m-auto mb-5 col-12"> |
|
|
</t> |
|
|
<div class="search-input col-md-10 ml-auto mr-auto mb-5" |
|
|
<!-- Added the installed apps to show the Enterprise like app drawer --> |
|
|
|
|
|
<t t-inherit-mode="extension" t-inherit="web.NavBar" owl="1"> |
|
|
|
|
|
<xpath expr="//header" position="after"> |
|
|
|
|
|
<div class="app_components"> |
|
|
|
|
|
<div class="search-container form-row align-items-center m-auto col-12" |
|
|
|
|
|
style="padding-left: calc((100vw - 850px) / 2);padding-right: calc((100vw - 850px) / 2);padding-top:20px;padding-bottom:20px; display: table;"> |
|
|
|
|
|
<div class="search-input col-md-10" |
|
|
|
|
|
style="padding:0.8rem 1.2rem;width: max-content;margin-left: -30px;" |
|
|
t-on-input="_searchMenusSchedule"> |
|
|
t-on-input="_searchMenusSchedule"> |
|
|
<div class="input-group"> |
|
|
<div class="input-group"> |
|
|
<div class="input-group-prepend"> |
|
|
<div class="input-group-prepend"> |
|
|
<div class="input-group-text"> |
|
|
<div class="input-group-text" |
|
|
|
|
|
style="background:none;border:none;color:white;font-size:1.5rem;"> |
|
|
<i class="fa fa-search"/> |
|
|
<i class="fa fa-search"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<input type="search" |
|
|
<input type="search" |
|
|
autocomplete="off" |
|
|
autocomplete="off" |
|
|
placeholder="Search menus..." |
|
|
placeholder="Search menus..." |
|
|
class="form-control"/> |
|
|
class="form-control" |
|
|
|
|
|
style="background:none;border:none;color:white;"/> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="search-results col-md-10 ml-auto mr-auto"/> |
|
|
<div class="search-results col-md-10 ml-auto mr-auto" |
|
|
|
|
|
style="margin-top:20px;"/> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="nav-container"> |
|
|
|
|
|
<div class="app-menu"> |
|
|
<div class="app-menu"> |
|
|
<t t-foreach="menuService.getApps()" t-as="app" t-key="app_index"> |
|
|
<t t-foreach="menuService.getApps()" t-as="app" |
|
|
|
|
|
t-key="app_index"> |
|
|
<a role="menuitem" |
|
|
<a role="menuitem" |
|
|
t-attf-href="#menu_id={{app.id}}" |
|
|
t-on-click="() => this.onNavBarDropdownItemSelection(app)" |
|
|
class="dropdown-item o_app mt0" |
|
|
t-att-class="{ o_dropdown_active: menuService.getCurrentApp() === app }"> |
|
|
t-att-data-menu-id="app.menuID" |
|
|
<img t-if="app.webIcon.includes('.png')" |
|
|
t-att-data-menu-xmlid="app.xmlID" |
|
|
t-att-title="app.name" |
|
|
t-att-data-action-id="app.actionID"> |
|
|
style="width: 70px !important;height: 70px !important;margin: 5px 5px 5px 5px;" |
|
|
<img t-if="app.webIcon.includes('.png')" t-att-title="app.name" |
|
|
|
|
|
style="width: 70px !important;height: 70px !important;border-radius: 10px !important;margin: 5px 5px 5px 5px;" |
|
|
|
|
|
t-attf-src="data:image/png;base64,{{app.webIconData}}"/> |
|
|
t-attf-src="data:image/png;base64,{{app.webIconData}}"/> |
|
|
<img t-if="app.webIcon.includes('.svg')" t-att-title="app.name" |
|
|
<img t-if="app.webIcon.includes('.svg')" |
|
|
style="width: 70px !important;height: 70px !important;border-radius: 10px !important;margin: 5px 5px 5px 5px;" |
|
|
t-att-title="app.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,{{app.webIconData}}"/> |
|
|
<b class="a_app_menu_title"><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="app.name"/></b> |
|
|
</a> |
|
|
</a> |
|
|
|
|
|
|
|
|
</t> |
|
|
</t> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
</xpath> |
|
|
</xpath> |
|
|
</t> |
|
|
</t> |
|
|
|
|
|
<!-- To show the search results when the user search app from the app drawer --> |
|
|
<t t-name="jazzy_backend_theme.SearchResults"> |
|
|
<t t-name="jazzy_backend_theme.SearchResults"> |
|
|
<t t-foreach="results" t-as="result"> |
|
|
<t t-foreach="results" t-as="result"> |
|
|
<div class="search_icons"> |
|
|
|
|
|
<a t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}" |
|
|
<a t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}" |
|
|
t-attf-style="background-image:url('data:image/svg+xml;base64,#{result.webIconData}')" |
|
|
t-attf-style="background-image:url('data:image/png;base64,#{result.webIconData}')" |
|
|
t-attf-href="#menu_id=#{result.id}&action_id=#{result.actionID}" |
|
|
t-attf-href="#menu_id=#{result.id}&action_id=#{result.actionID}" |
|
|
t-att-data-menu-id="result.id" |
|
|
t-att-data-menu-id="result.id" |
|
|
t-att-data-action-id="result.actionID" |
|
|
t-att-data-action-id="result.actionID" |
|
|
t-raw="result.name" |
|
|
t-raw="result.name" |
|
|
onclick="$('.dropdown-menu').removeClass('show'); $('.search-results').addClass('o_hidden'); $('.app-menu').removeClass('o_hidden'); $('.search-input input').val('');"/> |
|
|
style="color:white;" |
|
|
</div> |
|
|
onclick="$('.o_menu_sections').css('display','flex');$('.search-results').addClass('o_hidden');$('.o_menu_brand').css('display','flex');$('.app_components').css('display','none'); $('.app-menu').removeClass('o_hidden'); $('.search-input input').val('');$('.o_action_manager').attr('style','display: block !important');$('.sidebar_panel').attr('style','display: block !important');"/> |
|
|
</t> |
|
|
</t> |
|
|
</t> |
|
|
</t> |
|
|
|
|
|
<!-- To show the sidebar to select the apps from the sidebar --> |
|
|
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> |
|
|
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> |
|
|
<xpath expr="//nav[hasclass('o_main_navbar')]" position="after"> |
|
|
<xpath expr="//nav[hasclass('o_main_navbar')]" position="after"> |
|
|
|
|
|
|
|
|
<div class="sidebar_panel" id="sidebar_panel"> |
|
|
<div class="sidebar_panel" id="sidebar_panel"> |
|
|
<div class="sidebar"> |
|
|
<div class="sidebar"> |
|
|
<ul class="sidebar_menu"> |
|
|
<ul class="sidebar_menu"> |
|
|
<t t-foreach="menuService.getApps()" t-as="app" t-key="app_index"> |
|
|
<t t-foreach="menuService.getApps()" t-as="app" |
|
|
|
|
|
t-key="app_index"> |
|
|
<li> |
|
|
<li> |
|
|
<a role="menuitem" |
|
|
<a role="menuitem" |
|
|
t-attf-href="#menu_id={{app.id}}" |
|
|
t-attf-href="#menu_id={{app.id}}" |
|
|
@ -80,10 +86,12 @@ |
|
|
t-att-data-menu-id="app.menuID" |
|
|
t-att-data-menu-id="app.menuID" |
|
|
t-att-data-menu-xmlid="app.xmlID" |
|
|
t-att-data-menu-xmlid="app.xmlID" |
|
|
t-att-data-action-id="app.actionID"> |
|
|
t-att-data-action-id="app.actionID"> |
|
|
<img t-if="app.webIcon.includes('.png')" t-att-title="app.name" |
|
|
<img t-if="app.webIcon.includes('.png')" |
|
|
|
|
|
t-att-title="app.name" |
|
|
style="width: 25px !important;height: 25px !important;border-radius: 5px !important;padding:0 !important;" |
|
|
style="width: 25px !important;height: 25px !important;border-radius: 5px !important;padding:0 !important;" |
|
|
t-attf-src="data:image/png;base64,{{app.webIconData}}"/> |
|
|
t-attf-src="data:image/png;base64,{{app.webIconData}}"/> |
|
|
<img t-if="app.webIcon.includes('.svg')" t-att-title="app.name" |
|
|
<img t-if="app.webIcon.includes('.svg')" |
|
|
|
|
|
t-att-title="app.name" |
|
|
style="width: 25px !important;height: 25px !important;border-radius: 5px !important;padding:0 !important;" |
|
|
style="width: 25px !important;height: 25px !important;border-radius: 5px !important;padding:0 !important;" |
|
|
t-attf-src="data:image/svg+xml;base64,{{app.webIconData}}"/> |
|
|
t-attf-src="data:image/svg+xml;base64,{{app.webIconData}}"/> |
|
|
</a> |
|
|
</a> |
|
|
@ -94,5 +102,4 @@ |
|
|
</div> |
|
|
</div> |
|
|
</xpath> |
|
|
</xpath> |
|
|
</t> |
|
|
</t> |
|
|
|
|
|
|
|
|
</templates> |
|
|
</templates> |
AjmalCybro
2 years ago