Cybrosys Technologies
5 months ago
14 changed files with 362 additions and 238 deletions
@ -1,75 +1,57 @@ |
|||
odoo.define('pos_multi_variant.ProductsPopup', function(require) { |
|||
'use strict'; |
|||
/* This JavaScript code defines the ProductsPopup component, which extends |
|||
* the ProductItem class from the point_of_sale module. It represents a popup |
|||
* for selecting product variants. |
|||
*/ |
|||
const Registries = require('point_of_sale.Registries'); |
|||
const { useListener } = require("@web/core/utils/hooks"); |
|||
const ProductItem = require('point_of_sale.ProductItem'); |
|||
/** @odoo-module **/ |
|||
|
|||
class ProductsPopup extends ProductItem { |
|||
import Registries from 'point_of_sale.Registries'; |
|||
import { useListener } from "@web/core/utils/hooks"; |
|||
const ProductItem = require('point_of_sale.ProductItem'); |
|||
const { useState } = owl; |
|||
|
|||
|
|||
class ProductsPopup extends ProductItem { |
|||
setup() { |
|||
super.setup(); |
|||
useListener('click','.confirm', this.click_confirm); |
|||
useListener('click','.product', this.select_variant); |
|||
useListener('click','.cancel', this.click_cancel); |
|||
this.state = useState({ |
|||
variant_details: this.props.variant_details, |
|||
selected_variants: {}, |
|||
price_total: {}, |
|||
}) |
|||
} |
|||
select_variant(e) { |
|||
var order = this.env.pos.get_order() |
|||
var self = e.composedPath ? e.composedPath()[2] : e.path[2]; |
|||
var action = $(self).find('.action').text(); |
|||
var category = $(self).find('.action').data('category'); |
|||
$('.product-img').find('.variant-selected').each(function () |
|||
{ if($(this).data('category') == category) |
|||
{ $(this).text("").removeClass('variant-selected'); |
|||
$(self).find('.action').text("Selected").addClass('variant-selected'); |
|||
|
|||
SelectVariant(product,variant) { |
|||
if (this.state.selected_variants[product.attribute_id[1]] === variant.id){ |
|||
this.state.selected_variants[product.attribute_id[1]] = false |
|||
this.state.price_total[product.attribute_id[1]] = 0.0 |
|||
} |
|||
else{ |
|||
this.state.selected_variants[product.attribute_id[1]] = variant.id |
|||
this.state.price_total[product.attribute_id[1]] = product.extra_price |
|||
} |
|||
}); |
|||
$(self).find('.action').text("Selected").addClass('variant-selected'); |
|||
var add = $(self).find('.extra-price').text().substr(1).slice(0, -2); |
|||
var type = $(self).find('.variants').text(); |
|||
$(self).find('.variant-selected').attr('data-price', add); |
|||
$(self).find('.variant-selected').attr('data-type', type); |
|||
} |
|||
click_confirm(e){ |
|||
var price = 0.00 |
|||
|
|||
clickConfirm(e){ |
|||
const total = Object.values(this.state.price_total).reduce((sum, value) => sum + value, 0); |
|||
var order = this.env.pos.get_order() |
|||
var selected_orderline = order.get_selected_orderline() |
|||
var variants = [] |
|||
this.env.pos.selectedOrder.selected_orderline.product_variants=variants |
|||
$('.product-img').find('.variant-selected').each(function () |
|||
{ |
|||
var add = this.previousSibling.innerHTML; |
|||
add = add.slice(3) |
|||
price += parseFloat(add) |
|||
if (order.selected_orderline.product.is_pos_variants){ |
|||
variants.push({ |
|||
'extra_price': add, |
|||
'type': $(this).data('type'), |
|||
}) |
|||
}; |
|||
}) |
|||
selected_orderline.price_manually_set = true; |
|||
selected_orderline.price += price |
|||
selected_orderline.price += total |
|||
this.env.posbus.trigger('close-popup', { |
|||
popupId: this.props.id |
|||
}); |
|||
} |
|||
click_cancel(){ |
|||
clickCancel(){ |
|||
this.env.pos.get_order().orderlines.remove(this.env.pos.get_order().selected_orderline) |
|||
this.env.posbus.trigger('close-popup', { |
|||
popupId: this.props.id |
|||
}); |
|||
} |
|||
|
|||
imageUrl() { |
|||
return `/web/image?model=product.product&field=image_1920&id=${this.props.product_tmpl_id}&unique=1`; |
|||
} |
|||
async _clickProduct(event) { |
|||
} |
|||
|
|||
getSelected(attr, variant) { |
|||
return this.state.selected_variants[attr] === variant.id |
|||
} |
|||
ProductsPopup.template = 'ProductsPopUp'; |
|||
ProductsPopup.defaultProps = {}; |
|||
Registries.Component.add(ProductsPopup); |
|||
return ProductsPopup; |
|||
}); |
|||
|
|||
} |
|||
ProductsPopup.template = 'ProductsPopUp'; |
|||
ProductsPopup.defaultProps = {}; |
|||
Registries.Component.add(ProductsPopup); |
|||
|
|||
Loading…
Reference in new issue