+ 
+ 
+ 
+ 
+ 
+ "+
+ "![]("+this.image_url+")
" +
+ ""+price+""+
+ ""+
+ ""+this.variant_values[k].name+""+
+ "
"+
+ "
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
\ No newline at end of file
diff --git a/pos_multi_variant/static/src/css/label.css b/pos_multi_variant/static/src/css/label.css
new file mode 100644
index 000000000..ded427199
--- /dev/null
+++ b/pos_multi_variant/static/src/css/label.css
@@ -0,0 +1,54 @@
+
+.pos .product .variant {
+ position: absolute;
+ top: 50px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #0070F7;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+
+.variants{
+ position: absolute;
+ bottom: -11px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #1b9c99;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+.extra-price{
+position: absolute;
+ top: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ background: #ff6a6a;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
+.tag{
+background-color:#d7d7d7;
+font-style: italic;
+}
+.variant-selected{
+ position: absolute;
+ bottom: 23px;
+ left: 2px;
+ right: 2px;
+ vertical-align: top;
+ color: white;
+ line-height: 13px;
+ font-size: 15px;
+ background: #0831b3;
+ padding: 2px 5px;
+ border-radius: 2px;
+}
\ No newline at end of file
diff --git a/pos_multi_variant/static/src/js/ProductPopup.js b/pos_multi_variant/static/src/js/ProductPopup.js
new file mode 100644
index 000000000..4478dd906
--- /dev/null
+++ b/pos_multi_variant/static/src/js/ProductPopup.js
@@ -0,0 +1,453 @@
+odoo.define('pos_multi_variant.ProductPopup', function (require)
+{ "use strict";
+
+ var PosBaseWidget = require('point_of_sale.BaseWidget');
+ var gui = require('point_of_sale.gui');
+ var models = require('point_of_sale.models');
+ var core = require('web.core');
+ var screens = require('point_of_sale.screens');
+ var PopupWidget = require('point_of_sale.popups');
+ var Widget = require("web.Widget");
+ var QWeb = core.qweb;
+ var rpc = require('web.rpc');
+ var _t = require('web.core')._t;
+
+ models.load_models([
+ { model: 'variants.tree',
+ fields: ["pos_active", "value", "attribute", "variants_id", "extra_price"],
+ loaded: function(self, variants_tree)
+ { self.variant_tree = variants_tree;
+ _.each(variants_tree, function(item)
+ { self.item = item;
+ });
+ }
+ },{ model: 'product.attribute.value',
+ fields: ["id", "name"],
+ loaded: function(self,values)
+ { self.values = values;
+ }
+ }]);
+
+ var super_models = models.PosModel.prototype.models;
+ models.load_fields('product.product','pos_variants');
+ models.load_fields('product.product','variant_line_ids');
+
+ var _super_orderline = models.Orderline.prototype;
+ models.Orderline = models.Orderline.extend
+ ({ initialize: function(attr, options)
+ { _super_orderline.initialize.call(this,attr,options);
+ this.product_variants = this.product_variants || [];
+ },
+ init_from_JSON: function(json)
+ { _super_orderline.init_from_JSON.apply(this,arguments);
+ this.product_variants = json.product_variants || [];
+ },
+ export_as_JSON: function ()
+ { var json = _super_orderline.export_as_JSON.apply(this, arguments);
+ json.product_variants = this.product_variants || [];
+ return json;
+ },
+ });
+
+ var ProductPopUp = PopupWidget.extend
+ ({ template: 'ProductPopUp',
+
+ init: function(parent, options)
+ { this._super(parent, options);
+ this.options = {};
+ this.pos_reference = "";
+ },
+
+ show: function(options)
+ { this._super(options);
+ this.render_list(options);
+ },
+
+ events:
+ { 'click .button.cancel': 'click_cancel',
+ 'click .button.confirm': 'click_confirm',
+ 'click .product': 'click_variant',
+ },
+
+ click_variant:function(e)
+
+ {
+ console.log(this,e,"this and e")
+ var order = this.self.pos.get('selectedOrder')
+ var self = e.currentTarget
+ var action = $(self).find('.action').text();
+ console.log(self.outerText,"outer")
+ var categories = []
+
+ 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');
+ }
+ });
+ $(self).find('.action').text("Selected").addClass('variant-selected');
+ var add = $(self).find('.extra-price')[0].outerText;
+ console.log(add.split('+$ ')[1],"mmmmmmmm")
+ add = add.split('+$ ')[1]
+ console.log(add,"added price")
+ var type = $(self).find('.variants').text();
+ $(self).find('.variant-selected').attr('data-price', add);
+ $(self).find('.variant-selected').attr('data-type', type);
+ },
+
+ render_list:function(options)
+ { this.list = options.list
+ this.image_url = options.image_url
+ this.pos_reference = options.data
+ this.variant_values = options.values
+ this.self = options.self
+ var AddError = "variants are not added";
+ var ActiveError = "No active variants "
+ var NotActive = 0;
+ var AttributeNumbers = []
+ var pushed = []
+
+ for (var i = 0; i < this.list.length; i++)
+ { if(this.list[i].pos_active == false)
+ { NotActive += 1
+ }
+ if(this.list.length == NotActive)
+ { $("#notify").append(ActiveError);
+ }
+ if(this.list[i].pos_active == true)
+ { if (!pushed.includes(this.list[i].attribute[0]))
+ { var temp = {};
+ temp.id = this.list[i].attribute[0];
+ temp.name = this.list[i].attribute[1]
+ pushed.push(this.list[i].attribute[0])
+ AttributeNumbers.push(temp)
+ }
+ }
+ }
+ var tag = "
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+ POS Product Multi Variant
++ Configure Multi-Variant Products For POS +
+
+
+
+
+
+
+
+
+
+
+ Overview
++
+ POS Multi-variant module is an advanced way for managing product variants from the point of sale application. + The module helps the user to configure product variants straight from POS. User can set extra price, also activate/inactivate the option for variants. + As multi-variant products are displayed with a label, it comes easy for the user to sort which is multi-variant and which is not. + User can confirm the variant type to POS orders. +
+
+
+
+
+
+
+
+
+
+ Key Features
++
+
+
+
+
+
+
+
+ 
+
+
+
+ + Multi-variant option in product configuration. +
+
+
+
+
+
+ + Option for activating/inactivating variant types in POS. +
+
+
+
+
+
+ + Easy selection of variant type from wizard. +
+
+
+
+
+
+ + Option for adding extra price for the variant. +
+
+
+
+
+
+ + Notification for multi-variant products in POS. + +
+
+
+
+
+ + Displays variant details in order receipt and order. + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+ 
+
+
+
+
+
+ Screenshots
++ + +
+
+
+
+ + 01
+
+
+ + Products > Enable POS +
++ + After installation, go to Products > Enable POS variants option. + + +
+ +
+
+
+
+
+
+
+
+ + 02
+
+
+ + Configure variants + +
++ Here you have an option to configure different variants. + +
+ +
+
+
+
+
+
+
+
+ + 03
+
+
+ + See multi-variant products +
++ Open the POS session, you can see the product with multi-variants. + +
+ +
+
+
+
+
+
+
+
+ + 03
+
+
+ + Variant selection window pop-up +
++ Variant selection window pop-ups, upon selecting a product having multi-variants. +
+ +
+
+
+
+
+
+
+
+
+ + 03
+
+
+ + Choose desired variants +
++ Choose required variants of the product. +
+ +
+
+
+
+
+
+
+
+
+ + 03
+
+
+ + Confirmed variants get listed in the POS order list. +
++ On confirming the variants, it gets listed in the order list of POS session. + +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 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
+
+
+
+
+
+
+
+ Need Help?
++
+
+
+
+
+
+
+
+
+
+
+
+ WhatsApp
+
+
+
+
+
+ 
+
+
+
+
+
+ +
+ + +
";
+ for ( var i in AttributeNumbers)
+ { tag += "" +
+ " "
+ tag += rows
+ }
+ }
+ }
+ }
+ }
+ }
+ tag += "
"
+ $("#notify").append(tag);
+
+ if(!(this.pos_reference.variant_line_ids.length>0))
+ { $("#notify").append(AddError);
+ }
+ },
+
+ click_cancel: function()
+ { var order = this.self.pos.get('selectedOrder').selected_orderline.product_variants = []
+ this.gui.close_popup();
+ },
+
+ click_confirm: function()
+ { var price = 0.00
+ var order = this.self.pos.get('selectedOrder');
+ var selected_orderline = order.selected_orderline
+ $('.product-img').find('.variant-selected').each(function ()
+ { price += parseFloat($(this).data('price'))
+ console.log(this,"this")
+ var variant = order.selected_orderline.product_variants
+ variant.push
+ ({ 'extra_price': $(this).data('price'),
+ 'type': $(this).data('type'),
+ })
+ });
+ selected_orderline.price_manually_set = true;
+ selected_orderline.price += price
+ selected_orderline.trigger('change', selected_orderline);
+ this.gui.close_popup();
+ }
+ });
+ gui.define_popup({name:'ProductSelection', widget: ProductPopUp});
+
+ screens.ProductScreenWidget.include
+ ({ click_product: function(product)
+ { var image_url = this.get_product_image(product.id);
+ var self = this;
+ var variant_tree = this.pos.variant_tree
+ var list = []
+ var values = this.pos.values
+ for(var i = 0; i < variant_tree.length; i++)
+ { if(variant_tree[i].variants_id[0] == product.product_tmpl_id)
+ { list.push(variant_tree[i]); }
+ }
+ if(product.to_weight && this.pos.config.iface_electronic_scale)
+ { this.gui.show_screen('scale',{product: product});}
+ else if(product.pos_variants)
+ { this.pos.get_order().add_product(product);
+ this.gui.show_popup('ProductSelection',
+ { 'title': product.display_name,
+ data: product,
+ image_url: image_url,
+ list: list,
+ values: values,
+ self: self
+ });
+ }
+ else
+ { this.pos.get_order().add_product(product); }
+ },
+ get_product_image: function(product)
+ { return window.location.origin + '/web/image?model=product.product&field=image_1920&id='+product; }
+ });
+});
+
+
+
+
+
+
+//odoo.define('pos_multi_variant.ProductPopup', function (require)
+//{ "use strict";
+//
+// var PosBaseWidget = require('point_of_sale.BaseWidget');
+// var gui = require('point_of_sale.gui');
+// var models = require('point_of_sale.models');
+// var core = require('web.core');
+// var screens = require('point_of_sale.screens');
+// var PopupWidget = require('point_of_sale.popups');
+// var Widget = require("web.Widget");
+// var QWeb = core.qweb;
+// var rpc = require('web.rpc');
+// var _t = require('web.core')._t;
+//
+// models.load_models([
+// { model: 'variants.tree',
+// fields: ["pos_active", "value", "attribute", "variants_id", "extra_price"],
+// loaded: function(self, variants_tree)
+// { self.variant_tree = variants_tree;
+// _.each(variants_tree, function(item)
+// { self.item = item;
+// });
+// }
+// },{ model: 'product.attribute.value',
+// fields: ["id", "name"],
+// loaded: function(self,values)
+// { self.values = values;
+// }
+// }]);
+//
+// var super_models = models.PosModel.prototype.models;
+// models.load_fields('product.product','pos_variants');
+// models.load_fields('product.product','variant_line_ids');
+//
+// var _super_orderline = models.Orderline.prototype;
+// models.Orderline = models.Orderline.extend
+// ({ initialize: function(attr, options)
+// { _super_orderline.initialize.call(this,attr,options);
+// this.product_variants = this.product_variants || [];
+// },
+// init_from_JSON: function(json)
+// { _super_orderline.init_from_JSON.apply(this,arguments);
+// this.product_variants = json.product_variants || [];
+// },
+// export_as_JSON: function ()
+// { var json = _super_orderline.export_as_JSON.apply(this, arguments);
+// json.product_variants = this.product_variants || [];
+// return json;
+// },
+// });
+//
+// var ProductPopUp = PopupWidget.extend
+// ({ template: 'ProductPopUp',
+//
+// init: function(parent, options)
+// { this._super(parent, options);
+// this.options = {};
+// this.pos_reference = "";
+// },
+//
+// show: function(options)
+// { this._super(options);
+// this.render_list(options);
+// },
+//
+// events:
+// { 'click .button.cancel': 'click_cancel',
+// 'click .button.confirm': 'click_confirm',
+// 'click .product': 'click_variant',
+// },
+//
+// click_variant:function(e)
+// { var order = this.self.pos.get('selectedOrder')
+// var self = e.currentTarget
+// var action = $(self).find('.action').text();
+// var categories = []
+//
+// 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');
+// }
+// });
+// $(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);
+// },
+//
+// render_list:function(options)
+// { this.list = options.list
+// this.image_url = options.image_url
+// this.pos_reference = options.data
+// this.variant_values = options.values
+// this.self = options.self
+// var AddError = "variants are not added";
+// var ActiveError = "No active variants "
+// var NotActive = 0;
+// var AttributeNumbers = []
+// var pushed = []
+//
+// for (var i = 0; i < this.list.length; i++)
+// { if(this.list[i].pos_active == false)
+// { NotActive += 1
+// }
+// if(this.list.length == NotActive)
+// { $("#notify").append(ActiveError);
+// }
+// if(this.list[i].pos_active == true)
+// { if (!pushed.includes(this.list[i].attribute[0]))
+// { var temp = {};
+// temp.id = this.list[i].attribute[0];
+// temp.name = this.list[i].attribute[1]
+// pushed.push(this.list[i].attribute[0])
+// AttributeNumbers.push(temp)
+// }
+// }
+// }
+// var tag = ""+AttributeNumbers[i].name+"
"; + for (var attr = 0; attr < this.list.length; attr++) + { console.log(this.list,"list") + if (AttributeNumbers[i].id == this.list[attr].attribute[0]) + { var values = this.list[attr].value.length + for(var j = 0; j < values; j++) + { if(this.list[attr].extra_price) + { var price = '+'+this.format_currency(this.list[attr].extra_price) + var price_per = this.format_currency(this.list[attr].extra_price) + console.log(price_per,"price")} + else + { var price = '+'+this.format_currency(0.00)} + for(var k=0; k < this.variant_values.length; k++) + { if((this.variant_values[k].id == this.list[attr].value[j]) && this.list[attr].pos_active == true) + {console.log(price,"price_per") + var rows ="";
+// for ( var i in AttributeNumbers)
+// { tag += "" +
+// " "
+// tag += rows
+// }
+// }
+// }
+// }
+// }
+// }
+// tag += "
"
+// $("#notify").append(tag);
+//
+// if(!(this.pos_reference.variant_line_ids.length>0))
+// { $("#notify").append(AddError);
+// }
+// },
+//
+// click_cancel: function()
+// { var order = this.self.pos.get('selectedOrder').selected_orderline.product_variants = []
+// this.gui.close_popup();
+// },
+//
+// click_confirm: function()
+// {
+// console.log(this)
+// console.log(this.options.data.lst_price)
+// console.log(this.options.list)
+// var new_price = this.options.data.lst_price
+// var extra_fee = parseFloat(this.options.list[0].extra_price);
+// var price = 0.00
+// var order = this.self.pos.get('selectedOrder');
+// var selected_orderline = order.selected_orderline
+//
+// $('.product-img').find('.variant-selected').each(function ()
+// { price += parseFloat(new_price)
+// var variant = order.selected_orderline.product_variants
+// console.log(variant, "pppppppp")
+// console.log($(this).data('price'),"pppp")
+// variant.push
+// ({ 'extra_price': $(this).data('price'),
+// 'type': $(this).data('type'),
+// })
+// });
+// console.log(extra_fee, "extraaaaaaaa")
+// selected_orderline.price_manually_set = true;
+// selected_orderline.price = selected_orderline.price+extra_fee
+// console.log("selected order line",selected_orderline.price)
+// selected_orderline.trigger('change', selected_orderline);
+// this.gui.close_popup();
+// }
+// });
+// gui.define_popup({name:'ProductSelection', widget: ProductPopUp});
+//
+// screens.ProductScreenWidget.include
+// ({ click_product: function(product)
+// { var image_url = this.get_product_image(product.id);
+// var self = this;
+// var variant_tree = this.pos.variant_tree
+// var list = []
+// var values = this.pos.values
+// for(var i = 0; i < variant_tree.length; i++)
+// { if(variant_tree[i].variants_id[0] == product.product_tmpl_id)
+// { list.push(variant_tree[i]); }
+// }
+// if(product.to_weight && this.pos.config.iface_electronic_scale)
+// { this.gui.show_screen('scale',{product: product});}
+// else if(product.pos_variants)
+// { this.pos.get_order().add_product(product);
+// this.gui.show_popup('ProductSelection',
+// { 'title': product.display_name,
+// data: product,
+// image_url: image_url,
+// list: list,
+// values: values,
+// self: self
+// });
+// }
+// else
+// { this.pos.get_order().add_product(product); }
+// },
+// get_product_image: function(product)
+// { return window.location.origin + '/web/image?model=product.product&field=image_1920&id='+product; }
+// });
+//});
diff --git a/pos_multi_variant/static/src/xml/label.xml b/pos_multi_variant/static/src/xml/label.xml
new file mode 100644
index 000000000..e375e7bd3
--- /dev/null
+++ b/pos_multi_variant/static/src/xml/label.xml
@@ -0,0 +1,61 @@
+
+
+"+AttributeNumbers[i].name+"
"; +// for (var attr = 0; attr < this.list.length; attr++) +// { if (AttributeNumbers[i].id == this.list[attr].attribute[0]) +// { var values = this.list[attr].value.length +// for(var j = 0; j < values; j++) +// { if(this.list[attr].extra_price) +// { var price = '+'+this.format_currency(this.list[attr].extra_price)} +// else +// { var price = '+'+this.format_currency(0.00)} +// for(var k=0; k < this.variant_values.length; k++) +// { if((this.variant_values[k].id == this.list[attr].value[j]) && this.list[attr].pos_active == true) +// { var rows =""+
+// "" +
+// ""+50+""+
+// ""+
+// ""+this.variant_values[k].name+""+
+// "
"+
+// "
+ ![Product image]()
+
+
+
+
+
+ Multi-variant
+
+
+
+
+
+
+
+ Multi-variant
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+