[FIX]add field invisible to hide attribute when boolean ticked and no value is available

Author: bizzappdev

website_product_configurator/__manifest__.py

@@ -15,6 +15,7 @@
         'data/config_form_templates.xml',
         'data/cron.xml',
         'views/assets.xml',
+        "views/product_attribute_view.xml",
         'views/product_view.xml',
         'views/templates.xml',
         'views/res_config_settings_view.xml',

website_product_configurator/data/config_form_templates.xml

@@ -278,15 +278,16 @@
                 <t t-foreach="cfg_step_attribute_line_ids" t-as="line">
                     <t t-set="custom_value" t-value="custom_value_ids.filtered(lambda x, line=line: x.attribute_id == line.attribute_id)"/>
                     <t t-set="available_val" t-value="any(val in available_value_ids for val in (line.value_ids.ids + (line.custom and [custom_val_id.id] or [])))"/>
-                    <div t-att-class="'attribute_container' + ((not available_val) and ' d-none' or '')">
+                    <div t-att-class="'attribute_container' + ((not available_val and line.invisible) and ' d-none' or '')">
                         <label class="control-label" t-esc="line.attribute_id.name" t-att-data-oe-id="line.attribute_id.id"></label>
                         <select t-att-id="'%s%s' % (field_prefix, line.attribute_id.id)"
                                   t-att-data-oe-id="line.attribute_id.id"
                                   t-att-data-attr-required="line.required"
                                   t-att-multiple="'multiple' if line.multi else None"
                                   t-att-name="'%s%s' % (field_prefix, line.attribute_id.id)"
                                   t-att-class="'form-control config_attribute' + (' required_config_attrib' if (not available_val and line.required and line.custom) or (available_val and line.required) else '') + (' d-none' if not line.value_ids else '')"
-                                  t-att-data-old-val-id="(value_ids &amp; line.value_ids) and (value_ids &amp; line.value_ids).ids[0] or ''">
+                                  t-att-data-old-val-id="(value_ids &amp; line.value_ids) and (value_ids &amp; line.value_ids).ids[0] or ''"
+                                  t-att-data-attr-invisible="line.invisible">
 
                                   <!-- t-att-disabled="'disabled' if not available_val_ids and not line.custom else None" -->
                             <option name=""/>
@@ -338,15 +339,16 @@
                 <t t-foreach="cfg_step_attribute_line_ids" t-as="line">
                     <t t-set="custom_value" t-value="custom_value_ids.filtered(lambda x, line=line: x.attribute_id == line.attribute_id)"/>
                     <t t-set="available_val" t-value="any(val in available_value_ids for val in (line.value_ids.ids + (line.custom and [custom_val_id.id] or [])))"/>
-                    <div t-att-class="'attribute_container' + ((not available_val) and ' d-none' or '')">
+                    <div t-att-class="'attribute_container' + ((not available_val and line.invisible) and ' d-none' or '')">
                         <label class="control-label" t-esc="line.attribute_id.name" t-att-data-oe-id="line.attribute_id.id"></label>
                         <fieldset t-att-id="'%s%s' % (field_prefix, line.attribute_id.id)"
                             t-att-data-oe-id="line.attribute_id.id"
                             t-att-data-attr-required="line.required"
                             t-att-name="'%s%s' % (field_prefix, line.attribute_id.id)"
                             t-att-class="'form-control config_attribute' + (' required_config_attrib' if (not available_val and line.required and line.custom) or (available_val and line.required) else '') + (' d-none' if not line.value_ids else '')"
                             style="height: unset;"
-                            t-att-data-old-val-id="(value_ids &amp; line.value_ids) and (value_ids &amp; line.value_ids).ids[0] or ''">
+                            t-att-data-old-val-id="(value_ids &amp; line.value_ids) and (value_ids &amp; line.value_ids).ids[0] or ''"
+                            t-att-data-attr-invisible="line.invisible">
                             <t t-foreach="line.value_ids" t-as="value">
                                 <div class="radio-card-container">
                                     <div class="info_config_attr_value_radio">

website_product_configurator/models/__init__.py

@@ -2,3 +2,4 @@
 from . import res_config_settings
 from . import sale_order
 from . import product_template
+from . import product_attribute

website_product_configurator/models/product_attribute.py

@@ -0,0 +1,29 @@
+from odoo import api, fields, models
+
+
+class ProductAttribute(models.Model):
+    _inherit = 'product.attribute'
+
+    invisible = fields.Boolean(
+        string="Invisible",
+        help="Set in order to make attribute invisible, "
+        "when there is no available attribute values, in the configuration "
+        "interface"
+    )
+
+
+class ProductAttributeLine(models.Model):
+    _inherit = "product.template.attribute.line"
+
+    invisible = fields.Boolean(
+        string="Invisible",
+        help="Set in order to make attribute invisible, "
+        "when there is no available attribute values, in the configuration "
+        "interface"
+    )
+
+    @api.onchange("attribute_id")
+    def onchange_attribute(self):
+        res = super(ProductAttributeLine, self).onchange_attribute()
+        self.invisible = self.attribute_id.invisible
+        return res

website_product_configurator/static/src/js/config_form.js

@@ -183,7 +183,7 @@ odoo.define('website_product_configurator.config_form', function (require) {
                 }
 
                 var attr_box = $selection.closest('.attribute_container');
-                if (!domain[0][2].length && !attr_box.hasClass('d-none')) {
+                if (!domain[0][2].length && $selection.attr('data-attr-invisible') && !attr_box.hasClass('d-none')) {
                     attr_box.addClass('d-none');
                     $selection.removeClass('textbox-border-color');
                 } else if (domain[0][2].length && attr_box.hasClass('d-none')) {

website_product_configurator/views/product_attribute_view.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+    <record model="ir.ui.view" id="product_attribute_form_view_configurator">
+        <field name="name">product.attribute.form.view.configurator</field>
+        <field name="model">product.attribute</field>
+        <field name="inherit_id" ref="product_configurator.product_attribute_form_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='required']" position="before">
+                <field name="invisible"/>
+            </xpath>
+        </field>
+    </record>
+
+</odoo>

website_product_configurator/views/product_view.xml

@@ -10,6 +10,9 @@
             <xpath expr="//notebook/page[@name='configurator']//field[@name='config_step_line_ids']//tree//field[@name='attribute_line_ids']" position="after">
                 <field name="website_tmpl_id"/>
             </xpath>
+            <xpath expr="//field[@name='attribute_line_ids']//tree//field[@name='required']" position="before">
+                <field name="invisible" invisible="not context.get('default_config_ok', False)"/>
+            </xpath>
         </field>
     </record>