mirror of https://github.com/OCA/web.git
[ADD] module web_dialog_size
New module that let the user expand a dialog box to the full screen width.pull/2172/head
parent
23cec05e3c
commit
2c1216c791
|
@ -0,0 +1,38 @@
|
||||||
|
Expand Dialog
|
||||||
|
=============
|
||||||
|
|
||||||
|
A module that lets the user expand a dialog box to the full screen width.
|
||||||
|
|
||||||
|
It is named web_dialog_size as it could be extended to propose other dialog size management feature.
|
||||||
|
|
||||||
|
|
||||||
|
Bug Tracker
|
||||||
|
===========
|
||||||
|
|
||||||
|
Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
|
||||||
|
In case of trouble, please check there if your issue has already been reported.
|
||||||
|
If you spotted it first, help us smashing it by providing a detailed and welcomed feedback
|
||||||
|
`here <https://github.com/OCA/web/issues/new?body=module:%20web_dialog_size%0Aversion:%208.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
|
||||||
|
|
||||||
|
|
||||||
|
Credits
|
||||||
|
=======
|
||||||
|
|
||||||
|
Contributors
|
||||||
|
------------
|
||||||
|
|
||||||
|
* Anthony Muschang <anthony.muschang@acsone.eu>
|
||||||
|
* Stéphane Bidoul <stephane.bidoul@acsone.eu>
|
||||||
|
|
||||||
|
Maintainer
|
||||||
|
----------
|
||||||
|
|
||||||
|
.. image:: http://odoo-community.org/logo.png
|
||||||
|
:alt: Odoo Community Association
|
||||||
|
:target: http://odoo-community.org
|
||||||
|
|
||||||
|
This module is maintained by the OCA.
|
||||||
|
|
||||||
|
OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.
|
||||||
|
|
||||||
|
To contribute to this module, please visit http://odoo-community.org.
|
|
@ -0,0 +1,47 @@
|
||||||
|
# -*- coding: utf-8 -*-
|
||||||
|
##############################################################################
|
||||||
|
#
|
||||||
|
# This file is part of web_dialog_sizes, an Odoo module.
|
||||||
|
#
|
||||||
|
# Copyright (c) 2015 ACSONE SA/NV (<http://acsone.eu>)
|
||||||
|
#
|
||||||
|
# web_expand_dialog is free software: you can redistribute it and/or
|
||||||
|
# modify it under the terms of the GNU Affero General Public License
|
||||||
|
# as published by the Free Software Foundation, either version 3 of
|
||||||
|
# the License, or (at your option) any later version.
|
||||||
|
#
|
||||||
|
# web_expand_dialog is distributed in the hope that it will be useful,
|
||||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
# GNU Affero General Public License for more details.
|
||||||
|
#
|
||||||
|
# You should have received a copy of the
|
||||||
|
# GNU Affero General Public License
|
||||||
|
# along with web_expand_dialog.
|
||||||
|
# If not, see <http://www.gnu.org/licenses/>.
|
||||||
|
#
|
||||||
|
##############################################################################
|
||||||
|
{
|
||||||
|
'name': "Web Dialog Size",
|
||||||
|
|
||||||
|
'summary': """
|
||||||
|
A module that lets the user expand a
|
||||||
|
dialog box to the full screen width.""",
|
||||||
|
|
||||||
|
'author': "ACSONE SA/NV,Odoo Community Association (OCA)",
|
||||||
|
'website': "http://acsone.eu",
|
||||||
|
|
||||||
|
'category': 'web',
|
||||||
|
'version': '8.0.0.1.0',
|
||||||
|
'license': 'AGPL-3',
|
||||||
|
|
||||||
|
'depends': [
|
||||||
|
'web',
|
||||||
|
],
|
||||||
|
'qweb': [
|
||||||
|
'static/src/xml/web_dialog_size.xml',
|
||||||
|
],
|
||||||
|
'data': [
|
||||||
|
'view/qweb.xml',
|
||||||
|
],
|
||||||
|
}
|
Binary file not shown.
After Width: | Height: | Size: 9.2 KiB |
|
@ -0,0 +1,17 @@
|
||||||
|
.modal .modal-header button.dialog_button_extend {
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal .modal-header button.dialog_button_restore {
|
||||||
|
padding-top: 1px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal .modal-header .dialog_button_hide {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog_full_screen {
|
||||||
|
width: calc(100% - 50px);
|
||||||
|
}
|
|
@ -0,0 +1,37 @@
|
||||||
|
openerp.web_dialog_size= function (instance) {
|
||||||
|
|
||||||
|
instance.web.Dialog = instance.web.Dialog.extend({
|
||||||
|
|
||||||
|
init_dialog: function () {
|
||||||
|
var self = this;
|
||||||
|
this._super();
|
||||||
|
self.$dialog_box.find('.dialog_button_restore').addClass('dialog_button_hide');
|
||||||
|
if (this.dialog_options.size !== 'large'){
|
||||||
|
self.$dialog_box.find('.dialog_button_extend').addClass('dialog_button_hide');
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
self.$dialog_box.find('.dialog_button_extend').on('click', self._extending);
|
||||||
|
self.$dialog_box.find('.dialog_button_restore').on('click', self._restore);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
_extending: function() {
|
||||||
|
var self = this;
|
||||||
|
$(this).parents('.modal-dialog').addClass('dialog_full_screen');
|
||||||
|
$(this).addClass('dialog_button_hide');
|
||||||
|
|
||||||
|
$(this).parents('.modal-dialog').find('.dialog_button_restore').removeClass('dialog_button_hide')
|
||||||
|
},
|
||||||
|
|
||||||
|
_restore: function() {
|
||||||
|
var self = this;
|
||||||
|
$(this).parents('.modal-dialog').removeClass('dialog_full_screen');
|
||||||
|
$(this).addClass('dialog_button_hide');
|
||||||
|
|
||||||
|
$(this).parents('.modal-dialog').find('.dialog_button_extend').removeClass('dialog_button_hide')
|
||||||
|
},
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<templates id="template" xml:space="preserve">
|
||||||
|
<t t-extend="Dialog">
|
||||||
|
<t t-jquery="button" t-operation="after">
|
||||||
|
<button type="button" class="dialog_button_extend close">o</button>
|
||||||
|
<button type="button" class="dialog_button_restore close">-</button>
|
||||||
|
</t>
|
||||||
|
</t>
|
||||||
|
</templates>
|
|
@ -0,0 +1,10 @@
|
||||||
|
<openerp>
|
||||||
|
<data>
|
||||||
|
<template id="assets_backend" name="web_dialog_size assets" inherit_id="web.assets_backend">
|
||||||
|
<xpath expr="." position="inside">
|
||||||
|
<link rel="stylesheet" href="/web_dialog_size/static/src/css/web_dialog_size.css"/>
|
||||||
|
<script type="text/javascript" src="/web_dialog_size/static/src/js/web_dialog_size.js"></script>
|
||||||
|
</xpath>
|
||||||
|
</template>
|
||||||
|
</data>
|
||||||
|
</openerp>
|
Loading…
Reference in New Issue