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
9 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