Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[IMP] allow to hide left bar and top bar independently

8.0
Holger Brunn 2015-06-02 08:55:03 +02:00
parent f94a1f9635
commit 9a74ec4ec6
5 changed files with 77 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web_menu_autohide/README.rst
View File

@ -9,8 +9,8 @@ Configuration
To configure this module, you need to:
* go to Settings / Technical / Parameters / System Parameters
* adjust `web_menu_autohide.show_bar_treshold` to set the distance in pixels from the border from which the menu appears (default is 10 pixels)
* adjust `web_menu_autohide.hide_delay` to set the amount of milliseconds after which the menu disappears if the mouse left it (default is 10 seconds)
* adjust `web_menu_autohide.show_bar_threshold_navbar` and `web_menu_autohide.show_bar_threshold_leftbar` to set the distance in pixels from the border from which the menu appears (default is 10 pixels, a value of `0` disables hiding)
* adjust `web_menu_autohide.hide_delay_navbar` and `web_menu_autohide.hide_delay_leftbar` to set the amount of milliseconds after which the menu disappears if the mouse left it (default is 10 seconds)
Known issues / Roadmap
======================

16
web_menu_autohide/data/ir_config_parameter.xml
View File

@ -1,12 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<openerp>
<data noupdate="1">
<record id="param_show_bar_treshold" model="ir.config_parameter">
<field name="key">web_menu_autohide.show_bar_treshold</field>
<record id="param_show_bar_threshold_navbar" model="ir.config_parameter">
<field name="key">web_menu_autohide.show_bar_threshold_navbar</field>
<field name="value">10</field>
</record>
<record id="param_hide_delay" model="ir.config_parameter">
<field name="key">web_menu_autohide.hide_delay</field>
<record id="param_show_bar_threshold_leftbar" model="ir.config_parameter">
<field name="key">web_menu_autohide.show_bar_threshold_leftbar</field>
<field name="value">10</field>
</record>
<record id="param_hide_delay_navbar" model="ir.config_parameter">
<field name="key">web_menu_autohide.hide_delay_navbar</field>
<field name="value">10000</field>
</record>
<record id="param_hide_delay_leftbar" model="ir.config_parameter">
<field name="key">web_menu_autohide.hide_delay_leftbar</field>
<field name="value">10000</field>
</record>
</data>

26
web_menu_autohide/static/src/css/web_menu_autohide.css
View File

@ -1,26 +0,0 @@
.openerp.openerp_webclient_container
{
height: 100%;
}
.openerp .oe_leftbar
{
display: block;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
z-index: 1110;
width: auto;
}
.openerp .oe_leftbar > div
{
width: auto;
}
#oe_main_menu_navbar
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
z-index: 1110;
}

81
web_menu_autohide/static/src/js/web_menu_autohide.js
View File

@ -22,10 +22,14 @@
openerp.web_menu_autohide = function(instance)
{
instance.web.WebClient.include({
show_bar_treshold: 10,
hide_delay: 10000,
show_bar_threshold_navbar: 10,
show_bar_threshold_leftbar: 10,
hide_delay_navbar: 10000,
hide_delay_leftbar: 10000,
leftbar_hide_timeout_id: null,
main_menu_hide_timeout_id: null,
navbar_query: '#oe_main_menu_navbar',
leftbar_query: '.oe_leftbar',
start: function()
{
var self = this;
@ -34,7 +38,9 @@ openerp.web_menu_autohide = function(instance)
{
var addon_name = 'web_menu_autohide',
parameters = _.map(
['show_bar_treshold', 'hide_delay'],
['show_bar_threshold_navbar', 'hide_delay_navbar',
'show_bar_threshold_leftbar', 'hide_delay_leftbar',
],
function(a) { return addon_name + '.' + a });
return (new openerp.web.Model('ir.config_parameter'))
.query(['key', 'value'])
@ -51,15 +57,46 @@ openerp.web_menu_autohide = function(instance)
})
.then(function()
{
self.$el
.bind('mousemove', _.bind(self.on_mousemove, self))
.bind('click', _.bind(self.on_click, self));
if(self.hide_delay_navbar)
{
jQuery('.openerp.openerp_webclient_container')
.css('height', '100%');
jQuery(self.navbar_query)
.css({
position: 'absolute',
left: '0px',
right: '0px',
top: '0px',
'z-index': 1110
});
}
if(self.hide_delay_leftbar)
{
jQuery(self.leftbar_query)
.css({
display: 'block',
position: 'absolute',
left: '0px',
top: '0px',
bottom: '0px',
'z-index': 1110,
width: 'auto',
});
jQuery('.openerp .oe_leftbar > div')
.css('width', 'auto');
}
if(self.hide_delay_navbar || self.hide_delay_leftbar)
{
self.$el
.bind('mousemove', _.bind(self.on_mousemove, self))
.bind('click', _.bind(self.on_click, self));
}
})
},
show_application: function()
{
this._super.apply(this, arguments);
openerp.client.toggle_main_menu(false, this.hide_delay);
openerp.client.toggle_main_menu(false, this.hide_delay_navbar);
},
toggle_bars: function(hide)
{
@ -88,21 +125,29 @@ openerp.web_menu_autohide = function(instance)
},
toggle_main_menu: function(show, delay)
{
if(!this.hide_delay_navbar)
{
return;
}
this.toggle_menu_element(
'#oe_main_menu_navbar', 'main_menu_hide_timeout_id', show,
this.navbar_query, 'main_menu_hide_timeout_id', show,
delay);
},
toggle_left_bar: function(show, delay)
{
if(!this.hide_delay_leftbar)
{
return;
}
this.toggle_menu_element(
'.oe_leftbar', 'leftbar_hide_timeout_id', show, delay);
this.leftbar_query, 'leftbar_hide_timeout_id', show, delay);
},
on_click: function(e)
{
var on_main_menu = jQuery(e.target)
.parents('#oe_main_menu_navbar').length > 0,
.parents(this.navbar_query).length > 0,
on_left_bar = jQuery(e.target)
.parents('.oe_leftbar').length > 0;
.parents(this.leftbar_query).length > 0;
if(!on_left_bar && !on_main_menu && openerp.client.leftbar_hide_timeout_id)
{
clearTimeout(openerp.client.leftbar_hide_timeout_id);
@ -113,9 +158,9 @@ openerp.web_menu_autohide = function(instance)
on_mousemove: function(e)
{
var on_main_menu = jQuery(e.target)
.parents('#oe_main_menu_navbar').length > 0,
.parents(this.navbar_query).length > 0,
on_left_bar = jQuery(e.target)
.parents('.oe_leftbar').length > 0;
.parents(this.leftbar_query).length > 0;
if(on_left_bar && openerp.client.leftbar_hide_timeout_id)
{
clearTimeout(openerp.client.leftbar_hide_timeout_id);
@ -128,17 +173,17 @@ openerp.web_menu_autohide = function(instance)
}
if(!on_left_bar && !openerp.client.leftbar_hide_timeout_id)
{
this.toggle_left_bar(false, openerp.client.hide_delay);
this.toggle_left_bar(false, openerp.client.hide_delay_leftbar);
}
if(!on_main_menu && !openerp.client.main_menu_hide_timeout_id)
{
this.toggle_main_menu(false);
}
if(e.pageX < this.show_bar_treshold)
if(e.pageX < this.show_bar_threshold_leftbar)
{
this.toggle_left_bar(true);
}
if(e.pageY < this.show_bar_treshold)
if(e.pageY < this.show_bar_threshold_navbar)
{
this.toggle_main_menu(true);
}
@ -149,14 +194,14 @@ openerp.web_menu_autohide = function(instance)
start: function()
{
this.on('menu_click', this, this.on_menu_click_with_action);
openerp.client.toggle_left_bar(false, openerp.client.hide_delay);
openerp.client.toggle_left_bar(false, openerp.client.hide_delay_leftbar);
return this._super.apply(this, arguments);
},
on_menu_click_with_action: function(menu, $element)
{
//close if it's not a menu containing other menus
this.close_leftbar = (
$element.parents('#oe_main_menu_navbar').length == 0 &&
$element.parents(openerp.client.leftbar_query).length == 0 &&
$element.parent().children('ul').length == 0
);
},

1
web_menu_autohide/views/templates.xml
View File

@ -4,7 +4,6 @@
<template id="assets_backend" name="web_hide_menu assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<script type="text/javascript" src="/web_menu_autohide/static/src/js/web_menu_autohide.js"></script>
<link rel="stylesheet" href="/web_menu_autohide/static/src/css/web_menu_autohide.css"/>
</xpath>
</template>
</data>