Browse Source
[ADD] web_widget_radio_tree: widget to use input radio in a tree view inside a form, in order to allow mark only one record
pull/351/head
[ADD] web_widget_radio_tree: widget to use input radio in a tree view inside a form, in order to allow mark only one record
pull/351/head
Cesar Lage
8 years ago
6 changed files with 248 additions and 0 deletions
-
75web_widget_radio_tree/README.rst
-
20web_widget_radio_tree/__init__.py
-
39web_widget_radio_tree/__openerp__.py
-
90web_widget_radio_tree/static/src/js/widget.js
-
14web_widget_radio_tree/static/src/xml/widget.xml
-
10web_widget_radio_tree/views/assets.xml
@ -0,0 +1,75 @@ |
|||
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg |
|||
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html |
|||
:alt: License: AGPL-3 |
|||
|
|||
===================== |
|||
Web widget radio tree |
|||
===================== |
|||
|
|||
This module allows to use input radio in a tree view inside a form, in order to ensure the user marks only one record. |
|||
|
|||
Example: You have a partner company from with many contacts. The contacts are shown in a tree and you want to specify only one as preferred. |
|||
|
|||
Usage |
|||
===== |
|||
|
|||
In the view declaration, put widget='radio_tree' attribute in the field tag:: |
|||
|
|||
... |
|||
<field name="arch" type="xml"> |
|||
<form> |
|||
... |
|||
<field name="name" /> |
|||
<field name="contact_ids"> |
|||
<tree string="View name"> |
|||
... |
|||
<field name="name"/> |
|||
<field name="preferred" widget="radio_tree"/> |
|||
... |
|||
</tree> |
|||
</field> |
|||
</form> |
|||
</field> |
|||
... |
|||
|
|||
|
|||
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 |
|||
<https://github.com/OCA/ |
|||
web/issues/new?body=module:%20 |
|||
web_qweb_diff%0Aversion:%20 |
|||
9.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_. |
|||
|
|||
Credits |
|||
======= |
|||
|
|||
Images |
|||
------ |
|||
|
|||
* Odoo Community Association: `Icon <https://github.com/OCA/maintainer-tools/blob/master/template/module/static/description/icon.svg>`_. |
|||
|
|||
Contributors |
|||
------------ |
|||
|
|||
* Cesar Lage <kaerdsar@gmail.com> |
|||
* Robert Rübner <rruebner@bloopark.de> |
|||
|
|||
Maintainer |
|||
---------- |
|||
|
|||
.. image:: https://odoo-community.org/logo.png |
|||
:alt: Odoo Community Association |
|||
:target: https://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 https://odoo-community.org. |
|||
@ -0,0 +1,20 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Odoo, an open source suite of business apps |
|||
# This module copyright (C) 2015 bloopark systems (<http://bloopark.de>). |
|||
# |
|||
# This program 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. |
|||
# |
|||
# This program 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 this program. If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
@ -0,0 +1,39 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Odoo, an open source suite of business apps |
|||
# This module copyright (C) 2015 bloopark systems (<http://bloopark.de>). |
|||
# |
|||
# This program 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. |
|||
# |
|||
# This program 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 this program. If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
{ |
|||
'name': "Web Widget Radio Tree", |
|||
'summary': """Add radio buttons for records in tree.""", |
|||
'author': "bloopark systems GmbH & Co. KG", |
|||
'website': "http://www.bloopark.de", |
|||
'category': 'web', |
|||
'version': '1.0', |
|||
'depends': [ |
|||
'web', |
|||
], |
|||
'data': [ |
|||
'views/assets.xml', |
|||
], |
|||
'qweb': [ |
|||
'static/src/xml/widget.xml', |
|||
], |
|||
'installable': True, |
|||
'auto_install': False, |
|||
} |
|||
@ -0,0 +1,90 @@ |
|||
openerp.web_widget_radio_tree = function (instance) { |
|||
|
|||
var QWeb = instance.web.qweb; |
|||
|
|||
instance.web.list.columns.add('field.radio_tree', 'instance.web.list.RadioTreeColumn'); |
|||
|
|||
instance.web.list.RadioTreeColumn = instance.web.list.Column.extend({ |
|||
_format: function (row_data, options) { |
|||
var name = options.model + '_' + this.id; |
|||
return _.template( |
|||
'<input type="radio" name="<%-name%>" <%-checked%> readonly="readonly"></input>', { |
|||
name: name, |
|||
checked: row_data[this.id].value ? 'checked' : '', |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
instance.web.form.widgets.add('radio_tree', 'instance.web.form.RadioTree'); |
|||
|
|||
instance.web.form.RadioTree = instance.web.form.FieldBoolean.extend({ |
|||
template: 'RadioTree', |
|||
start: function() { |
|||
var self = this; |
|||
this.$checkbox = $('input', this.$el); |
|||
var radio_name = this.__parentedParent.model + '_' + this.$checkbox[0].name; |
|||
this.$checkbox.attr('name', radio_name); |
|||
this.setupFocus(this.$checkbox); |
|||
this.$el.click(_.bind(function() { |
|||
self.clean_radio_in_records(); |
|||
this.internal_set_value(true); |
|||
}, this)); |
|||
var check_readonly = function() { |
|||
self.$checkbox.prop('disabled', self.get('effective_readonly')); |
|||
self.click_disabled_boolean(); |
|||
}; |
|||
this.on('change:effective_readonly', this, check_readonly); |
|||
check_readonly.call(this); |
|||
this._super.apply(this, arguments); |
|||
}, |
|||
click_disabled_boolean: function(){ |
|||
var $disabled = this.$el.find('input[type=radio]:disabled'); |
|||
$disabled.each(function (){ |
|||
$(this).next('div').remove(); |
|||
$(this).closest('span').append($('<div class="boolean"></div>')); |
|||
}); |
|||
}, |
|||
clean_radio_in_records: function() { |
|||
var name = (this.$checkbox[0].name).split('_')[1]; |
|||
var ids = this.__parentedParent.dataset.ids; |
|||
var current_id = this.__parentedParent.datarecord.id; |
|||
|
|||
// updating write hash
|
|||
var already_added = []; |
|||
var to_write = this.__parentedParent.dataset.to_write; |
|||
for (var j=0; j<to_write.length; ++j) { |
|||
if (to_write[j]['id'] == current_id) { |
|||
to_write[j]['values'][name] = true; |
|||
} |
|||
else { |
|||
to_write[j]['values'][name] = false; |
|||
} |
|||
if (ids.includes(to_write[j]['id'])) { |
|||
already_added.push(to_write[j]['id']); |
|||
} |
|||
} |
|||
for (var j=0; j<ids.length; ++j) { |
|||
if (!already_added.includes(ids[j]) && ids[j] != current_id) { |
|||
values = {}; |
|||
values[name] = false; |
|||
this.__parentedParent.dataset.to_write.push({ |
|||
id: ids[j], |
|||
values: values |
|||
}); |
|||
} |
|||
} |
|||
|
|||
// updating create hash
|
|||
var to_create = this.__parentedParent.dataset.to_create; |
|||
for (var j=0; j<to_create.length; ++j) { |
|||
if (to_create[j]['id'] == current_id) { |
|||
to_create[j]['values'][name] = true; |
|||
} |
|||
else { |
|||
to_create[j]['values'][name] = false; |
|||
} |
|||
} |
|||
} |
|||
}); |
|||
|
|||
}; |
|||
@ -0,0 +1,14 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates> |
|||
<t t-name="RadioTree"> |
|||
<span class="oe_form_field oe_form_field_boolean oe_form_field_boolean_radio" |
|||
t-att-style="widget.node.attrs.style"> |
|||
<input type="radio" |
|||
t-att-id="widget.id_for_label" |
|||
t-att-name="widget.name" |
|||
t-att-tabindex="widget.node.attrs.tabindex" |
|||
t-att-autofocus="widget.node.attrs.autofocus" |
|||
class="field_boolean"/> |
|||
</span> |
|||
</t> |
|||
</templates> |
|||
@ -0,0 +1,10 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<openerp> |
|||
<data> |
|||
<template id="assets_backend" name="web_widget_radio_tree" inherit_id="web.assets_backend"> |
|||
<xpath expr="." position="inside"> |
|||
<script type="text/javascript" src="/web_widget_radio_tree/static/src/js/widget.js"></script> |
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</openerp> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue