126 lines
5.0 KiB
JavaScript
126 lines
5.0 KiB
JavaScript
odoo.define('code_backend_theme.SidebarMenu', function (require) {
|
|
"use strict";
|
|
//鼠标点击侧边导航栏，对应的导航选项卡的显隐
|
|
// console.log($('.d-block').css())
|
|
$(document).on("click", '.sidebar_menu li', function (event) {
|
|
var aA = $(this).children('.d-md-flex').children()
|
|
var aLi = $(this).parent().children()
|
|
for (var i = 0; i < aLi.length; i++) {
|
|
$(aLi[i]).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
|
|
var every_aA = $(aLi[i]).children('.d-md-flex').children()
|
|
for (var j = 0; j < every_aA.length; j++) {
|
|
$(every_aA[j]).css({'display': 'none'})
|
|
}
|
|
}
|
|
if ($(this).children('.d-md-flex').css('visibility') == 'hidden') {
|
|
for (var i = 0; i < aA.length; i++) {
|
|
$(aA[i]).css({'display': 'block'})
|
|
}
|
|
$(this).children('.d-md-flex').css({
|
|
'visibility': 'visible', 'height': `auto`,
|
|
})
|
|
} else {
|
|
$(this).children('.d-md-flex').css({'visibility': 'hidden', 'height': '0'})
|
|
for (var i = 0; i < aA.length; i++) {
|
|
$(aA[i]).css({'display': 'none'})
|
|
}
|
|
}
|
|
})
|
|
|
|
// $(document).on("mouseover", '.sidebar_menu li', function (event) {
|
|
// $('.sidebar_menu li').off()
|
|
// $(this).css({'background-color': '#fff !important'})
|
|
// })
|
|
// $(document).on("mouseleave", '.sidebar_menu li', function (event) {
|
|
// $(this).css({'background-color': '#ccc !important'})
|
|
// })
|
|
//sidebar toggle effect
|
|
$(document).on("click", "#closeSidebar", function (event) {
|
|
$("#closeSidebar").hide();
|
|
$("#openSidebar").show();
|
|
});
|
|
$(document).on("click", "#openSidebar", function (event) {
|
|
$("#openSidebar").hide();
|
|
$("#closeSidebar").show();
|
|
});
|
|
$(document).on("click", "#openSidebar", function (event) {
|
|
$("#sidebar_panel").css({'display': 'block'});
|
|
$(".o_action_manager").css({'margin-left': '250px', 'transition': 'all .1s linear'});
|
|
$(".top_heading").css({'margin-left': '250px', 'transition': 'all .1s linear', 'width': 'auto'});
|
|
|
|
//add class in navbar
|
|
var navbar = $(".o_main_navbar");
|
|
var navbar_id = navbar.data("id");
|
|
$("nav").addClass(navbar_id);
|
|
navbar.addClass("small_nav");
|
|
|
|
//add class in action-manager
|
|
var action_manager = $(".o_action_manager");
|
|
var action_manager_id = action_manager.data("id");
|
|
$("div").addClass(action_manager_id);
|
|
action_manager.addClass("sidebar_margin");
|
|
|
|
//add class in top_heading
|
|
var top_head = $(".top_heading");
|
|
var top_head_id = top_head.data("id");
|
|
$("div").addClass(top_head_id);
|
|
top_head.addClass("sidebar_margin");
|
|
});
|
|
$(document).on("click", "#closeSidebar", function (event) {
|
|
$("#sidebar_panel").css({'display': 'none'});
|
|
$(".o_action_manager").css({'margin-left': '0px'});
|
|
$(".top_heading").css({'margin-left': '0px', 'width': '100%'});
|
|
|
|
//remove class in navbar
|
|
var navbar = $(".o_main_navbar");
|
|
var navbar_id = navbar.data("id");
|
|
$("nav").removeClass(navbar_id);
|
|
navbar.removeClass("small_nav");
|
|
|
|
//remove class in action-manager
|
|
var action_manager = $(".o_action_manager");
|
|
var action_manager_id = action_manager.data("id");
|
|
$("div").removeClass(action_manager_id);
|
|
action_manager.removeClass("sidebar_margin");
|
|
|
|
//remove class in top_heading
|
|
var top_head = $(".top_heading");
|
|
var top_head_id = top_head.data("id");
|
|
$("div").removeClass(top_head_id);
|
|
top_head.removeClass("sidebar_margin");
|
|
});
|
|
|
|
$(document).on("click", ".sidebar a", function (event) {
|
|
var menu = $(".sidebar a");
|
|
var $this = $(this);
|
|
var id = $this.data("id");
|
|
$("header").removeClass().addClass(id);
|
|
menu.removeClass("active");
|
|
$this.addClass("active");
|
|
|
|
//sidebar close on menu-item click
|
|
// $("#sidebar_panel").css({'display': 'none'});
|
|
// $(".o_action_manager").css({'margin-left': '200px'});
|
|
// $(".top_heading").css({'margin-left': '0px', 'width': '100%'});
|
|
// $("#closeSidebar").hide();
|
|
// $("#openSidebar").show();
|
|
|
|
//remove class in navbar
|
|
var navbar = $(".o_main_navbar");
|
|
var navbar_id = navbar.data("id");
|
|
$("nav").removeClass(navbar_id);
|
|
navbar.removeClass("small_nav");
|
|
|
|
//remove class in action-manager
|
|
var action_manager = $(".o_action_manager");
|
|
var action_manager_id = action_manager.data("id");
|
|
$("div").removeClass(action_manager_id);
|
|
action_manager.removeClass("sidebar_margin");
|
|
|
|
//remove class in top_heading
|
|
var top_head = $(".top_heading");
|
|
var top_head_id = top_head.data("id");
|
|
$("div").removeClass(top_head_id);
|
|
top_head.removeClass("sidebar_margin");
|
|
});
|
|
}); |