+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+
+
+
+
+
+ 
+
+ Purchase Product Configurator
+Configure The Product In Purchase Order Line
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This module allows users to add products to RFQ through a product
+ configurator. After installing this module, users can use product
+ configurator to add products to the purchase order line instead of
+ grid view to add products, which is used in the purchase module by
+ default.
+
+
+
+
+ 
+
+
+ + Configuration +
+
+
+
+
+
+
+
+ No additional configuration required.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Add Products Using Product Configurator
+
+
+ Add Products Using Product Configurator
+ + Allows users to add product to order line using product configurator.
+
+
+ Choose Variants or Custom Attributes, and Optional
+ Products
+
+
+ Choose Variants or Custom Attributes, and Optional
+ Products
+ + Users can add variants, or custom attributes from the available + options. Also, they can choose the optional products from + the displayed options
+
+
+ Switch Between Product Configurator and Grid View
+
+
+
+ Switch Between Product Configurator and Grid View
+ + Users can switch between the Product Configurator and + Grid view options according to their needs to add products to + the order line +
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Add Products Using Product Configurator
+
+
+ 
+
+
+ Choose Variants or Custom Attributes, and Optional + Products
+ +
+
+ 
+
+
+ Switch Between Product Configurator and Grid View
+ +
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
diff --git a/purchase_product_configurator/static/src/js/basic_model.js b/purchase_product_configurator/static/src/js/basic_model.js
new file mode 100644
index 000000000..1974aa8e3
--- /dev/null
+++ b/purchase_product_configurator/static/src/js/basic_model.js
@@ -0,0 +1,84 @@
+odoo.define('purchase_product_configurator.BasicModel', function (require) {
+'use strict';
+
+var BasicModel = require('web.BasicModel');
+const { patch, unpatch } = require('web.utils');
+
+
+patch(BasicModel.prototype, 'purchase_product_configurator/static/src/js/basic_model.js', {
+
+ /**
+ * Patch the _applyChange method of the BasicModel to handle specific field changes.
+ */
+ _applyChange (recordID, changes, options) {
+ var self = this;
+ var record = this.localData[recordID];
+ var field;
+ var defs = [];
+ options = options || {};
+ record._changes = record._changes || {};
+ if (!options.doNotSetDirty) {
+ record._isDirty = true;
+ }
+ var initialData = {};
+ this._visitChildren(record, function (elem) {
+ initialData[elem.id] = $.extend(true, {}, _.pick(elem, 'data', '_changes'));
+ });
+ // apply changes to local data
+ for (var fieldName in changes) {
+ field = record.fields[fieldName];
+
+ if (field && (field.type === 'one2many' || field.type === 'many2many')) {
+ if (fieldName == "product_custom_attribute_value_ids") {
+ continue
+ };
+ defs.push(this._applyX2ManyChange(record, fieldName, changes[fieldName], options));
+ } else if (field && (field.type === 'many2one' || field.type === 'reference')) {
+ defs.push(this._applyX2OneChange(record, fieldName, changes[fieldName], options));
+ } else {
+ record._changes[fieldName] = changes[fieldName];
+ }
+ }
+ if (options.notifyChange === false) {
+ return Promise.all(defs).then(function () {
+ return Promise.resolve(_.keys(changes));
+ });
+ }
+ return Promise.all(defs).then(function () {
+ var onChangeFields = []; // the fields that have changed and that have an on_change
+
+ for (var fieldName in changes) {
+ field = record.fields[fieldName];
+ if (field && field.onChange) {
+ var isX2Many = field.type === 'one2many' || field.type === 'many2many';
+ if (!isX2Many || (self._isX2ManyValid(record._changes[fieldName] || record.data[fieldName]))) {
+ onChangeFields.push(fieldName);
+ }
+ }
+ }
+ return new Promise(function (resolve, reject) {
+ if (onChangeFields.length) {
+ self._performOnChange(record, onChangeFields, { viewType: options.viewType })
+ .then(function (result) {
+ delete record._warning;
+ resolve(_.keys(changes).concat(Object.keys(result && result.value || {})));
+ }).guardedCatch(function () {
+ self._visitChildren(record, function (elem) {
+ _.extend(elem, initialData[elem.id]);
+ });
+ reject();
+ });
+ } else {
+ resolve(_.keys(changes));
+ }
+ }).then(function (fieldNames) {
+ return self._fetchSpecialData(record).then(function (fieldNames2) {
+ // Return the names of the fields that changed (onchange or
+ // associated special data change)
+ return _.union(fieldNames, fieldNames2);
+ });
+ });
+ });
+ },
+ })
+})
\ No newline at end of file
diff --git a/purchase_product_configurator/static/src/js/product_configurator.js b/purchase_product_configurator/static/src/js/product_configurator.js
new file mode 100644
index 000000000..0d6f229b3
--- /dev/null
+++ b/purchase_product_configurator/static/src/js/product_configurator.js
@@ -0,0 +1,437 @@
+/** @odoo-module */
+
+import ajax from 'web.ajax';
+import Dialog from 'web.Dialog';
+import OwlDialog from 'web.OwlDialog';
+import ServicesMixin from 'web.ServicesMixin';
+import VariantMixin from 'sale.VariantMixin';
+
+export const OptionalProductsModal = Dialog.extend(ServicesMixin, VariantMixin, {
+ events: _.extend({}, Dialog.prototype.events, VariantMixin.events, {
+ 'click a.js_add, a.js_remove': '_onAddOrRemoveOption',
+ 'click button.js_add_cart_json': 'onClickAddCartJSON',
+ 'change .in_cart input.js_quantity': '_onChangeQuantity',
+ 'change .js_raw_price': '_computePriceTotal'
+ }),
+ /**
+ * Initializes the optional products modal
+ **/
+ init: function (parent, params) {
+ var self = this;
+
+ var options = _.extend({
+ size: 'large',
+ buttons: [{
+ text: params.okButtonText,
+ click: this._onConfirmButtonClick,
+ // the o_sale_product_configurator_edit class is used for tours.
+ classes: 'btn-primary o_sale_product_configurator_edit'
+ }, {
+ text: params.cancelButtonText,
+ click: this._onCancelButtonClick
+ }],
+ technical: !params.isWebsite,
+ }, params || {});
+
+ this._super(parent, options);
+
+ this.context = params.context;
+ this.rootProduct = params.rootProduct;
+ this.container = parent;
+ this.pricelistId = params.pricelistId;
+ this.previousModalHeight = params.previousModalHeight;
+ this.mode = params.mode;
+ this.dialogClass = 'oe_advanced_configurator_modal';
+ this._productImageField = 'image_128';
+
+ this._opened.then(function () {
+ if (self.previousModalHeight) {
+ self.$el.closest('.modal-content').css('min-height', self.previousModalHeight + 'px');
+ }
+ });
+ },
+ willStart: function () {
+ var self = this;
+
+ var uri = this._getUri("/sale_product_configurator/show_advanced_configurator");
+ var getModalContent = ajax.jsonRpc(uri, 'call', {
+ mode: self.mode,
+ product_id: self.rootProduct.product_id,
+ variant_values: self.rootProduct.variant_values,
+ product_custom_attribute_values: self.rootProduct.product_custom_attribute_values,
+ pricelist_id: self.pricelistId || false,
+ add_qty: self.rootProduct.quantity,
+ force_dialog: self.forceDialog,
+ context: _.extend({'quantity': self.rootProduct.quantity}, this.context),
+ })
+ .then(function (modalContent) {
+ if (modalContent) {
+ var $modalContent = $(modalContent);
+ $modalContent = self._postProcessContent($modalContent);
+ self.$content = $modalContent;
+ } else {
+ self.trigger('options_empty');
+ self.preventOpening = true;
+ }
+ });
+ var parentInit = self._super.apply(self, arguments);
+ return Promise.all([getModalContent, parentInit]);
+ },
+
+ /**
+ * This is overridden to append the modal to the provided container (see init("parent")).
+ * We need this to have the modal contained in the web shop product form.
+ * The additional products data will then be contained in the form and sent on submit.
+ */
+ open: function (options) {
+ $('.tooltip').remove(); // remove open tooltip if any to prevent them staying when modal is opened
+
+ var self = this;
+ this.appendTo($('')).then(function () {
+ if (!self.preventOpening) {
+ self.$modal.find(".modal-body").replaceWith(self.$el);
+ self.$modal.attr('open', true);
+ self.$modal.removeAttr("aria-hidden");
+ self.$modal.appendTo(self.container);
+ const modal = new Modal(self.$modal[0], {
+ focus: true,
+ });
+ modal.show();
+ self._openedResolver();
+
+ // Notifies OwlDialog to adjust focus/active properties on owl dialogs
+ OwlDialog.display(self);
+ }
+ });
+ if (options && options.shouldFocusButtons) {
+ self._onFocusControlButton();
+ }
+
+ return self;
+ },
+ /**
+ * Will update quantity input to synchronize with previous window
+ */
+ start: function () {
+ var def = this._super.apply(this, arguments);
+ var self = this;
+
+ this.$el.find('input[name="add_qty"]').val(this.rootProduct.quantity);
+
+ // set a unique id to each row for options hierarchy
+ var $products = this.$el.find('tr.js_product');
+ _.each($products, function (el) {
+ var $el = $(el);
+ var uniqueId = self._getUniqueId(el);
+ var productId = parseInt($el.find('input.product_id').val(), 10);
+ if (productId === self.rootProduct.product_id) {
+ self.rootProduct.unique_id = uniqueId;
+ } else {
+ el.dataset.parentUniqueId = self.rootProduct.unique_id;
+ }
+ });
+
+ return def.then(function () {
+ // This has to be triggered to compute the "out of stock" feature
+ self._opened.then(function () {
+ self.triggerVariantChange(self.$el);
+ });
+ });
+ },
+ getAndCreateSelectedProducts: async function () {
+ var self = this;
+ const products = [];
+ let productCustomVariantValues;
+ let noVariantAttributeValues;
+ for (const product of self.$modal.find('.js_product.in_cart')) {
+ var $item = $(product);
+ var quantity = parseFloat($item.find('input[name="add_qty"]').val().replace(',', '.') || 1);
+ var parentUniqueId = product.dataset.parentUniqueId;
+ var uniqueId = product.dataset.uniqueId;
+ productCustomVariantValues = self.getCustomVariantValues($item);
+ noVariantAttributeValues = self.getNoVariantAttributeValues($item);
+ const productID = await self.selectOrCreateProduct(
+ $item,
+ parseInt($item.find('input.product_id').val(), 10),
+ parseInt($item.find('input.product_template_id').val(), 10),
+ true
+ );
+ products.push({
+ 'product_id': productID,
+ 'product_template_id': parseInt($item.find('input.product_template_id').val(), 10),
+ 'quantity': quantity,
+ 'parent_unique_id': parentUniqueId,
+ 'unique_id': uniqueId,
+ 'product_custom_attribute_values': productCustomVariantValues,
+ 'no_variant_attribute_values': noVariantAttributeValues
+ });
+ }
+ return products;
+ },
+ /**
+ * Adds the product image and updates the product description
+ * based on attribute values that are either "no variant" or "custom".
+ */
+ _postProcessContent: function ($modalContent) {
+ var productId = this.rootProduct.product_id;
+ $modalContent
+ .find('img:first')
+ .attr("src", "/web/image/product.product/" + productId + "/image_128");
+
+ if (this.rootProduct &&
+ (this.rootProduct.product_custom_attribute_values ||
+ this.rootProduct.no_variant_attribute_values)) {
+ var $productDescription = $modalContent
+ .find('.main_product')
+ .find('td.td-product_name div.text-muted.small > div:first');
+ var $updatedDescription = $('');
+ $updatedDescription.append($('
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ ', { + text: $productDescription.text() + })); + $.each(this.rootProduct.product_custom_attribute_values, function () { + if (this.custom_value) { + const $customInput = $modalContent + .find(".main_product [data-is_custom='True']") + .closest(`[data-value_id='${this.custom_product_template_attribute_value_id.res_id}']`); + $customInput.attr('previous_custom_value', this.custom_value); + VariantMixin.handleCustomValues($customInput); + } + }); + + $.each(this.rootProduct.no_variant_attribute_values, function () { + if (this.is_custom !== 'True') { + $updatedDescription.append($('
', {
+ text: this.attribute_name + ': ' + this.attribute_value_name
+ }));
+ }
+ });
+
+ $productDescription.replaceWith($updatedDescription);
+ }
+
+ return $modalContent;
+ },
+
+ /**
+ * @private
+ */
+ _onConfirmButtonClick: function () {
+ this.trigger('confirm');
+ this.close();
+ },
+
+ /**
+ * @private
+ */
+ _onCancelButtonClick: function () {
+ this.trigger('back');
+ this.close();
+ },
+
+ _onAddOrRemoveOption: function (ev) {
+ ev.preventDefault();
+ var self = this;
+ var $target = $(ev.currentTarget);
+ var $modal = $target.parents('.oe_advanced_configurator_modal');
+ var $parent = $target.parents('.js_product:first');
+ $parent.find("a.js_add, span.js_remove").toggleClass('d-none');
+ $parent.find(".js_remove");
+
+ var productTemplateId = $parent.find(".product_template_id").val();
+ if ($target.hasClass('js_add')) {
+ self._onAddOption($modal, $parent, productTemplateId);
+ } else {
+ self._onRemoveOption($modal, $parent);
+ }
+
+ self._computePriceTotal();
+ },
+
+ /**
+ * @param {integer} productTemplateId
+ */
+ _onAddOption: function ($modal, $parent, productTemplateId) {
+ var self = this;
+ var $selectOptionsText = $modal.find('.o_select_options');
+
+ var parentUniqueId = $parent[0].dataset.parentUniqueId;
+ var $optionParent = $modal.find('tr.js_product[data-unique-id="' + parentUniqueId + '"]');
+
+ // remove attribute values selection and update + show quantity input
+ $parent.find('.td-product_name').removeAttr("colspan");
+ $parent.find('.td-qty').removeClass('d-none');
+
+ var productCustomVariantValues = self.getCustomVariantValues($parent);
+ var noVariantAttributeValues = self.getNoVariantAttributeValues($parent);
+ if (productCustomVariantValues || noVariantAttributeValues) {
+ var $productDescription = $parent
+ .find('td.td-product_name div.float-start');
+
+ var $customAttributeValuesDescription = $('
', {
+ class: 'custom_attribute_values_description text-muted small'
+ });
+ if (productCustomVariantValues.length !== 0 || noVariantAttributeValues.length !== 0) {
+ $customAttributeValuesDescription.append($('
')); + } + + $.each(productCustomVariantValues, function (){ + $customAttributeValuesDescription.append($('
')); + } + + $.each(productCustomVariantValues, function (){ + $customAttributeValuesDescription.append($('
', {
+ text: this.attribute_value_name + ': ' + this.custom_value
+ }));
+ });
+
+ $.each(noVariantAttributeValues, function (){
+ if (this.is_custom !== 'True'){
+ $customAttributeValuesDescription.append($('
', {
+ text: this.attribute_name + ': ' + this.attribute_value_name
+ }));
+ }
+ });
+
+ $productDescription.append($customAttributeValuesDescription);
+ }
+
+ // place it after its parent and its parent options
+ var $tmpOptionParent = $optionParent;
+ while ($tmpOptionParent.length) {
+ $optionParent = $tmpOptionParent;
+ $tmpOptionParent = $modal.find('tr.js_product.in_cart[data-parent-unique-id="' + $optionParent[0].dataset.uniqueId + '"]').last();
+ }
+ $optionParent.after($parent);
+ $parent.addClass('in_cart');
+
+ this.selectOrCreateProduct(
+ $parent,
+ $parent.find('.product_id').val(),
+ productTemplateId,
+ true
+ ).then(function (productId) {
+ $parent.find('.product_id').val(productId);
+
+ ajax.jsonRpc(self._getUri("/sale_product_configurator/optional_product_items"), 'call', {
+ 'product_id': productId,
+ 'pricelist_id': self.pricelistId || false,
+ }).then(function (addedItem) {
+ var $addedItem = $(addedItem);
+ $modal.find('tr:last').after($addedItem);
+
+ self.$el.find('input[name="add_qty"]').trigger('change');
+ self.triggerVariantChange($addedItem);
+
+ // add a unique id to the new products
+ var parentUniqueId = $parent[0].dataset.uniqueId;
+ var parentQty = $parent.find('input[name="add_qty"]').val();
+ $addedItem.filter('.js_product').each(function () {
+ var $el = $(this);
+ var uniqueId = self._getUniqueId(this);
+ this.dataset.uniqueId = uniqueId;
+ this.dataset.parentUniqueId = parentUniqueId;
+ $el.find('input[name="add_qty"]').val(parentQty);
+ });
+
+ if ($selectOptionsText.nextAll('.js_product').length === 0) {
+ // no more optional products to select -> hide the header
+ $selectOptionsText.hide();
+ }
+ });
+ });
+ },
+
+ /**
+ * @param {$.Element} $parent
+ */
+ _onRemoveOption: function ($modal, $parent) {
+ // restore attribute values selection
+ var uniqueId = $parent[0].dataset.parentUniqueId;
+ var qty = $modal.find('tr.js_product.in_cart[data-unique-id="' + uniqueId + '"]').find('input[name="add_qty"]').val();
+ $parent.removeClass('in_cart');
+ $parent.find('.td-product_name').attr("colspan", 2);
+ $parent.find('.td-qty').addClass('d-none');
+ $parent.find('input[name="add_qty"]').val(qty);
+ $parent.find('.custom_attribute_values_description').remove();
+
+ $modal.find('.o_select_options').show();
+
+ var productUniqueId = $parent[0].dataset.uniqueId;
+ this._removeOptionOption($modal, productUniqueId);
+
+ $modal.find('tr:last').after($parent);
+ },
+
+ /**
+ * @param {integer} optionUniqueId The removed optional product id
+ */
+ _removeOptionOption: function ($modal, optionUniqueId) {
+ var self = this;
+ $modal.find('tr.js_product[data-parent-unique-id="' + optionUniqueId + '"]').each(function () {
+ var uniqueId = this.dataset.uniqueId;
+ $(this).remove();
+ self._removeOptionOption($modal, uniqueId);
+ });
+ },
+ /**
+ * @override
+ */
+ _onChangeCombination: function (ev, $parent, combination) {
+ $parent
+ .find('.td-product_name .product-name')
+ .first()
+ .text(combination.display_name);
+
+ VariantMixin._onChangeCombination.apply(this, arguments);
+ this._computePriceTotal();
+ },
+ /**
+ * @param {MouseEvent} ev
+ */
+ _onChangeQuantity: function (ev) {
+ var $product = $(ev.target.closest('tr.js_product'));
+ var qty = parseFloat($(ev.currentTarget).val());
+
+ var uniqueId = $product[0].dataset.uniqueId;
+ this.$el.find('tr.js_product:not(.in_cart)[data-parent-unique-id="' + uniqueId + '"] input[name="add_qty"]').each(function () {
+ $(this).val(qty);
+ });
+
+ if (this._triggerPriceUpdateOnChangeQuantity()) {
+ this.onChangeAddQuantity(ev);
+ }
+ if ($product.hasClass('main_product')) {
+ this.rootProduct.quantity = qty;
+ }
+ this.trigger('update_quantity', this.rootProduct.quantity);
+ this._computePriceTotal();
+ },
+
+ /**
+ * we need to refresh the total price row
+ */
+ _computePriceTotal: function () {
+ if (this.$modal.find('.js_price_total').length) {
+ var price = 0;
+ this.$modal.find('.js_product.in_cart').each(function () {
+ var quantity = parseFloat($(this).find('input[name="add_qty"]').first().val().replace(',', '.') || 1);
+ price += parseFloat($(this).find('.js_raw_price').html()) * quantity;
+ });
+
+ this.$modal.find('.js_price_total .oe_currency_value').text(
+ this._priceToStr(parseFloat(price))
+ );
+ }
+ },
+ /**
+ * @private
+ */
+ _triggerPriceUpdateOnChangeQuantity: function () {
+ return true;
+ },
+ /**
+ * @returns {integer}
+ */
+ _getUniqueId: function (el) {
+ if (!el.dataset.uniqueId) {
+ el.dataset.uniqueId = parseInt(_.uniqueId(), 10);
+ }
+ return el.dataset.uniqueId;
+ },
+});
diff --git a/purchase_product_configurator/static/src/js/purchase_product_field.js b/purchase_product_configurator/static/src/js/purchase_product_field.js
new file mode 100644
index 000000000..5900abe48
--- /dev/null
+++ b/purchase_product_configurator/static/src/js/purchase_product_field.js
@@ -0,0 +1,307 @@
+/** @odoo-module **/
+
+import { patch } from "@web/core/utils/patch";
+import { useService } from "@web/core/utils/hooks";
+import { PurchaseOrderLineProductField } from '@purchase_product_matrix/js/purchase_product_field';
+import { OptionalProductsModal } from "@purchase_product_configurator/js/product_configurator";
+
+import {
+ selectOrCreateProduct,
+ getSelectedVariantValues,
+ getNoVariantAttributeValues,
+} from "sale.VariantMixin";
+
+
+patch(PurchaseOrderLineProductField.prototype, 'purchase_product_configurator', {
+
+ setup() {
+ this._super(...arguments);
+
+ this.rpc = useService("rpc");
+ this.ui = useService("ui");
+ },
+
+ async _onProductTemplateUpdate() {
+ const result = await this.orm.call(
+ 'product.template',
+ 'get_single_product_variant',
+ [this.props.record.data.product_template_id[0]],
+ {
+ context: this.context,
+ }
+ );
+
+ if(result && result.product_id) {
+ if (this.props.record.data.product_id != result.product_id.id) {
+ await this.props.record.update({
+ product_id: [result.product_id, result.product_name],
+ });
+ if (result.has_optional_products) {
+ this._openProductConfigurator('options');
+ } else {
+ this._onProductUpdate();
+ }
+ }
+ } else {
+ if (!result.mode || result.mode === 'configurator') {
+ this._openProductConfigurator('add');
+ } else {
+ // only triggered when sale_product_matrix is installed.
+ this._openGridConfigurator(result.mode);
+ }
+ }
+ },
+
+ async _onProductUpdate() { },
+
+ _editProductConfiguration() {
+ this._super(...arguments);
+ if (this.props.record.data.is_configurable_product) {
+ this._openProductConfigurator('edit');
+ }
+ },
+
+ get isConfigurableTemplate() {
+ return this._super(...arguments) || this.props.record.data.is_configurable_product;
+ },
+
+ async _openProductConfigurator(mode) {
+ if (mode === 'edit' && this.props.record.data.product_config_mode == 'matrix') {
+ this._openGridConfigurator('edit');
+ } else {
+ this._super(...arguments);
+ }
+ },
+
+ async _openProductConfigurator(mode) {
+ const PurchaseOrderRecord = this.props.record.model.root;
+ const pricelistId = PurchaseOrderRecord.data.pricelist_id ? PurchaseOrderRecord.data.pricelist_id[0] : false;
+ const productTemplateId = this.props.record.data.product_template_id[0];
+ const $modal = $(
+ await this.rpc(
+ "/purchase_product_configurator/configure",
+ {
+ product_template_id: productTemplateId,
+ quantity: this.props.record.data.product_qty || 1,
+ pricelist_id: pricelistId,
+ product_template_attribute_value_ids: this.props.record.data.product_template_attribute_value_ids.records.map(
+ record => record.data.id
+ ),
+ product_no_variant_attribute_value_ids: this.props.record.data.product_no_variant_attribute_value_ids.records.map(
+ record => record.data.id
+ ),
+ context: this.context,
+ },
+ )
+ );
+ const productSelector = `input[type="hidden"][name="product_id"], input[type="radio"][name="product_id"]:checked`;
+ // TODO VFE drop this selectOrCreate and make it so that
+ // get_single_product_variant returns first variant as well.
+ // and use specified product on edition mode.
+ const productId = await selectOrCreateProduct.call(
+ this,
+ $modal,
+ parseInt($modal.find(productSelector).first().val(), 10),
+ productTemplateId,
+ false
+ );
+
+ $modal.find(productSelector).val(productId);
+ const variantValues = getSelectedVariantValues($modal);
+
+ const noVariantAttributeValues = getNoVariantAttributeValues($modal);
+
+ const customAttributeValues = this.props.record.data.product_custom_attribute_value_ids.records.map(
+ record => {
+ // NOTE: this dumb formatting is necessary to avoid
+ // modifying the shared code between frontend & backend for now.
+ return {
+ custom_value: record.data.custom_value,
+ custom_product_template_attribute_value_id: {
+ res_id: record.data.custom_product_template_attribute_value_id[0],
+ },
+ };
+ }
+ );
+
+ this.rootProduct = {
+ product_id: productId,
+ product_template_id: productTemplateId,
+ quantity: parseFloat($modal.find('input[name="add_qty"]').val() || 1),
+ variant_values: variantValues,
+ product_custom_attribute_values: customAttributeValues,
+ no_variant_attribute_values: noVariantAttributeValues,
+ };
+
+ const optionalProductsModal = new OptionalProductsModal(null, {
+ rootProduct: this.rootProduct,
+ pricelistId: pricelistId,
+ okButtonText: this.env._t("Confirm"),
+ cancelButtonText: this.env._t("Back"),
+ title: this.env._t("Configure"),
+ context: this.context,
+ mode: mode,
+ });
+ let modalEl;
+ optionalProductsModal.opened(() => {
+ modalEl = optionalProductsModal.el;
+ this.ui.activateElement(modalEl);
+ });
+
+ optionalProductsModal.on("closed", null, async () => {
+ // Wait for the event that caused the close to bubble
+ await new Promise(resolve => setTimeout(resolve, 0));
+ this.ui.deactivateElement(modalEl);
+ });
+ optionalProductsModal.open();
+
+ let confirmed = false;
+ optionalProductsModal.on("confirm", null, async () => {
+ confirmed = true;
+ const [
+ mainProduct,
+ ...optionalProducts
+ ] = await optionalProductsModal.getAndCreateSelectedProducts();
+ await this.props.record.update(await this._convertConfiguratorDataToUpdateData(mainProduct))
+ this._onProductUpdate();
+ const optionalProductLinesCreationContext = this._convertConfiguratorDataToLinesCreationContext(optionalProducts);
+ for (let optionalProductLineCreationContext of optionalProductLinesCreationContext) {
+ const line = await PurchaseOrderRecord.data.order_line.addNew({
+ position: 'bottom',
+ context: optionalProductLineCreationContext,
+ mode: 'readonly', // whatever but not edit !
+ });
+ // FIXME: update sets the field dirty otherwise on the next edit and click out it gets deleted
+ line.data.product_qty = optionalProductLineCreationContext.default_product_qty;
+ };
+ for (let line of PurchaseOrderRecord.data.order_line.records) {
+ for (let optionalProductLineCreationContext of optionalProductLinesCreationContext) {
+ if (line.data.product_id[0] == optionalProductLineCreationContext.default_product_id) {
+ line.data.product_qty = optionalProductLineCreationContext.default_product_qty;
+ }
+ }
+ }
+ PurchaseOrderRecord.data.order_line.unselectRecord();
+ this.props.record.data.product_qty = mainProduct.quantity;
+ });
+ optionalProductsModal.on("closed", null, () => {
+ if (confirmed) {
+ return;
+ }
+ if (mode != 'edit') {
+ this.props.record.update({
+ product_template_id: false,
+ product_id: false,
+ product_qty: 1.0,
+ // TODO reset custom/novariant values (and remove onchange logic?)
+ });
+ }
+ });
+ },
+ async _convertConfiguratorDataToUpdateData(mainProduct) {
+ const nameGet = await this.orm.nameGet(
+ 'product.product',
+ [mainProduct.product_id],
+ { context: this.context }
+ );
+ let result = {
+ product_id: nameGet[0],
+ product_qty: mainProduct.quantity,
+ };
+ var customAttributeValues = mainProduct.product_custom_attribute_values;
+ var customValuesCommands = [{ operation: "DELETE_ALL" }];
+ if (customAttributeValues && customAttributeValues.length !== 0) {
+ _.each(customAttributeValues, function (customValue) {
+ customValuesCommands.push({
+ operation: "CREATE",
+ context: [
+ {
+ default_custom_product_template_attribute_value_id:
+ customValue.custom_product_template_attribute_value_id,
+ default_custom_value: customValue.custom_value,
+ },
+ ],
+ });
+ });
+ }
+ result.product_custom_attribute_value_ids = {
+ operation: "MULTI",
+ commands: customValuesCommands,
+ };
+ var noVariantAttributeValues = mainProduct.no_variant_attribute_values;
+ var noVariantCommands = [{ operation: "DELETE_ALL" }];
+ if (noVariantAttributeValues && noVariantAttributeValues.length !== 0) {
+ var resIds = _.map(noVariantAttributeValues, function (noVariantValue) {
+ return { id: parseInt(noVariantValue.value) };
+ });
+ noVariantCommands.push({
+ operation: "ADD_M2M",
+ ids: resIds,
+ });
+ }
+ result.product_no_variant_attribute_value_ids = {
+ operation: "MULTI",
+ commands: noVariantCommands,
+ };
+ return result;
+ },
+
+ /**
+ * Will map the optional products data to sale.order.line
+ */
+ _convertConfiguratorDataToLinesCreationContext: function (optionalProductsData) {
+ return optionalProductsData.map(productData => {
+ return {
+ default_product_id: productData.product_id,
+ default_product_template_id: productData.product_template_id,
+ default_product_qty: parseFloat(productData.quantity),
+ default_product_no_variant_attribute_value_ids: productData.no_variant_attribute_values.map(
+ noVariantAttributeData => {
+ return [4, parseInt(noVariantAttributeData.value)];
+ }
+ ),
+ default_product_custom_attribute_value_ids: productData.product_custom_attribute_values.map(
+ customAttributeData => {
+ return [
+ 0,
+ 0,
+ {
+ custom_product_template_attribute_value_id:
+ customAttributeData.custom_product_template_attribute_value_id,
+ custom_value: customAttributeData.custom_value,
+ },
+ ];
+ }
+ )
+ };
+ });
+ },
+ async _openGridConfigurator(mode) {
+ const PurchaseOrderRecord = this.props.record.model.root;
+
+ // fetch matrix information from server;
+ await PurchaseOrderRecord.update({
+ grid_product_tmpl_id: this.props.record.data.product_template_id,
+ });
+ let updatedLineAttributes = [];
+ if (mode === 'edit') {
+ // provide attributes of edited line to automatically focus on matching cell in the matrix
+ for (let ptnvav of this.props.record.data.product_no_variant_attribute_value_ids.records) {
+ updatedLineAttributes.push(ptnvav.data.id);
+ }
+ for (let ptav of this.props.record.data.product_template_attribute_value_ids.records) {
+ updatedLineAttributes.push(ptav.data.id);
+ }
+ updatedLineAttributes.sort((a, b) => { return a - b; });
+ }
+ this._openMatrixConfigurator(
+ PurchaseOrderRecord.data.grid,
+ this.props.record.data.product_template_id[0],
+ updatedLineAttributes,
+ );
+ if (mode !== 'edit') {
+ // remove new line used to open the matrix
+ PurchaseOrderRecord.data.order_line.removeRecord(this.props.record);
+ }
+ },
+});
diff --git a/purchase_product_configurator/views/optional_product_template.xml b/purchase_product_configurator/views/optional_product_template.xml
new file mode 100644
index 000000000..032a5ff16
--- /dev/null
+++ b/purchase_product_configurator/views/optional_product_template.xml
@@ -0,0 +1,221 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![Product Image]()
+ ![Product Image]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/purchase_product_configurator/views/product_template_views.xml b/purchase_product_configurator/views/product_template_views.xml
new file mode 100644
index 000000000..12f397012
--- /dev/null
+++ b/purchase_product_configurator/views/product_template_views.xml
@@ -0,0 +1,21 @@
+
+
+
+
+ product.template.form.inherit.purchase.product.configurator
+ product.template
+
+
+
+
+
+
+
+
+
+
diff --git a/purchase_product_configurator/views/purchase_order_views.xml b/purchase_product_configurator/views/purchase_order_views.xml
new file mode 100644
index 000000000..cfd4d5f33
--- /dev/null
+++ b/purchase_product_configurator/views/purchase_order_views.xml
@@ -0,0 +1,18 @@
+
+
+
+
+ purchase.order.view.form.purchase.product.configurator
+ purchase.order
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+This combination does not exist.
+
+ ![Product Image]()
+ ![Product Image]()
+
+
+
+ This product has no valid combination.
+| Product | ++ | Quantity | +Price | +
|---|---|---|---|
|
+ |
+
+
+
+
+
+
+
+
+ |
+
+ |
+
+
+
+
+ Option not available + |
+
| + Total: + + | +|||
Available Options: | |||
+
+
+
+ Option not available
+ + Add to cart + + + +