+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo sh
+
+
+
+
+
+
+
+ 
+
+ Click And Collect POS
+This Module Enables Customers To Order Products Online And Pick Them Up At The Closest Shop.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+This module enables customers to order products online and pick them up at the closest shop.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ This module allows customers to place online orders and pick them up at a local retailer.
+
+
+ This module allows customers to place online orders and pick them up at a local retailer.
+
+
+
+
+ Whatever product the consumer needs to pick up from the shop can be specified on the website.
+
+
+ Whatever product the consumer needs to pick up from the shop can be specified on the website.
+
+
+
+ In the POS session, the user may view all click and collect orders.
+
+
+ In the POS session, the user may view all click and collect orders.
+
+
+
+
+ When the goods is delivered, the user may confirm delivery in the PoS by clicking a single button.
+
+
+ When the goods is delivered, the user may confirm delivery in the PoS by clicking a single button.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
diff --git a/click_and_collect_pos/static/src/js/click_and_collect_screen.js b/click_and_collect_pos/static/src/js/click_and_collect_screen.js
new file mode 100644
index 000000000..d7bc5f2d5
--- /dev/null
+++ b/click_and_collect_pos/static/src/js/click_and_collect_screen.js
@@ -0,0 +1,46 @@
+odoo.define('click_and_collect_pos.SaleOrderScreen', function(require) {
+ 'use strict';
+ const PosComponent = require('point_of_sale.PosComponent');
+ const Registries = require('point_of_sale.Registries');
+ var rpc = require('web.rpc');
+ // Define a new class that extends PosComponent
+ class SaleOrderScreen extends PosComponent {
+ /**
+ * Override the setup method to perform any additional setup logic.
+ */
+ setup() {
+ super.setup();
+ }
+ back() {
+ this.showScreen('ProductScreen');
+ }
+
+ getSaleOrderListLine() {
+// Function to get sale order list line
+ var order_line_id = [];
+ this.props.click_and_collect.forEach(function(object) {
+ if (object.is_click_and_collect == true) {
+ order_line_id.push(object)
+ }
+ })
+ return order_line_id
+ }
+
+ async onClick(ev) {
+// Confirming order
+ const order_line = await ev.target.dataset.id
+ await rpc.query({
+ 'model': 'stock.picking',
+ 'method': 'action_confirmation_click',
+ 'args': [Number(order_line)],
+ }).then(function(result) {
+ if (result = true) {
+ ev.target.closest('.order-row').remove()
+ }
+ })
+ }
+ };
+ SaleOrderScreen.template = 'SaleOrderScreen';
+ Registries.Component.add(SaleOrderScreen);
+ return SaleOrderScreen;
+});
\ No newline at end of file
diff --git a/click_and_collect_pos/static/src/js/sale_order_button.js b/click_and_collect_pos/static/src/js/sale_order_button.js
new file mode 100644
index 000000000..4d97df47a
--- /dev/null
+++ b/click_and_collect_pos/static/src/js/sale_order_button.js
@@ -0,0 +1,58 @@
+odoo.define('click_and_collect_pos.SaleOrderButton', function (require) {
+ 'use strict';
+
+ const PosComponent = require('point_of_sale.PosComponent');
+ const Registries = require('point_of_sale.Registries');
+ var ajax = require('web.ajax');
+ const {useService} = require("@web/core/utils/hooks");
+
+ // Define a new class that extends PosComponent
+ class SaleOrderButton extends PosComponent {
+
+ /**
+ * Override the setup method to perform any additional setup logic.
+ */
+ setup() {
+ super.setup();
+ }
+
+ async onClick() {
+// getting orders
+ var self = this;
+ var sale_order = [];
+ var session_id = self.env.pos.pos_session.id
+ var sale_order_line = await this.rpc({
+ model: 'sale.order.line',
+ method: 'search_read',
+ args: [],
+ kwargs: {},
+ });
+ var stock_picking = await this.rpc({
+ model: 'stock.move',
+ method: 'search_read',
+ fields: ['id', 'sale_line_id', 'state'],
+ args: [],
+ kwargs: {},
+ });
+ sale_order_line.forEach(function (object) {
+ if (object.state == 'sale' && object.is_click_and_collect) {
+ if(self.env.pos.config_id == object.pos_config_id[0]){
+ stock_picking.forEach(function (line) {
+ if (line.sale_line_id[0] && line.state != 'done') {
+ if (object.id == line.sale_line_id[0]) {
+ sale_order.push(object);
+ }
+ }
+ })
+ }
+ }
+ });
+ self.showScreen('SaleOrderScreen', {
+ click_and_collect: sale_order,
+ });
+ }
+ }
+ SaleOrderButton.template = 'click_and_collect_pos.SaleOrderButton';
+ Registries.Component.add(SaleOrderButton);
+ return SaleOrderButton;
+});
\ No newline at end of file
diff --git a/click_and_collect_pos/static/src/js/website_sale_cart.js b/click_and_collect_pos/static/src/js/website_sale_cart.js
new file mode 100644
index 000000000..e10d49da8
--- /dev/null
+++ b/click_and_collect_pos/static/src/js/website_sale_cart.js
@@ -0,0 +1,56 @@
+odoo.define('click_and_collect_pos.website_sale_cart', function(require) {
+ "use strict"
+
+ var rpc = require('web.rpc');
+ var { websiteSaleCart } = require('website_sale.website_sale');
+
+ // using include method and adding events
+ websiteSaleCart.include({
+ events: _.extend({}, websiteSaleCart.events, {
+ 'click #is_click_and_collect': '_onClickClickAndCollect',
+ 'click .session_values': '_onClickPosConfig',
+ 'click .js_delete_product': '_onClickDeleteProduct',
+ }),
+ _onClickClickAndCollect: function(ev) {
+// Making order as collected
+ var order_id = $(ev.target).data('id')
+ var pos_conf = $(ev.currentTarget.parentElement.parentElement).find('.oe_session')
+ if ($(ev.target).is(':checked')) {
+ pos_conf.removeClass('d-none')
+ } else {
+ pos_conf.addClass('d-none')
+ }
+ rpc.query({
+ 'model': 'sale.order.line',
+ 'method': 'write',
+ 'args': [
+ [order_id], {
+ 'is_click_and_collect': ev.currentTarget.checked
+ }
+ ],
+ });
+
+ },
+ _onClickDeleteProduct: function(ev) {
+// Deleting product
+ ev.preventDefault();
+ $(ev.currentTarget).closest('tr').find('.js_quantity').val(0).trigger('change');
+
+ },
+ _onClickPosConfig: function(ev) {
+// Adding pos_config_id to order
+ var closest_check = $(ev.currentTarget.parentElement.parentElement).find('.clickandecollect')
+ var order_id = closest_check.data('id')
+ var session_id = $(ev.target).val()
+ rpc.query({
+ 'model': 'sale.order.line',
+ 'method': 'write',
+ 'args': [
+ [order_id], {
+ 'pos_config_id': parseInt(session_id)
+ }
+ ],
+ });
+ },
+ });
+})
\ No newline at end of file
diff --git a/click_and_collect_pos/static/src/scss/sale_order.scss b/click_and_collect_pos/static/src/scss/sale_order.scss
new file mode 100644
index 000000000..ef2c8f0ed
--- /dev/null
+++ b/click_and_collect_pos/static/src/scss/sale_order.scss
@@ -0,0 +1,38 @@
+.sale-order-button {
+ display: flex;
+ align-items: center;
+ font-size: medium;
+ color: white;
+}
+
+.sale-order-button:hover{
+ background: rgba(0, 0, 0, .08);
+ cursor: pointer;
+}
+.btn{
+ display: inline-block;
+ padding: 6px 12px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42857143;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-image: none;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ text-decoration: none;
+
+ color: #333;
+ background-color: #fff;
+ border-color: #ccc;
+ height: 21px;
+}
diff --git a/click_and_collect_pos/static/src/xml/chrome.xml b/click_and_collect_pos/static/src/xml/chrome.xml
new file mode 100644
index 000000000..eed1c0121
--- /dev/null
+++ b/click_and_collect_pos/static/src/xml/chrome.xml
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+ 
+
+ + Create PoS Shop Address
++ Go to PoS settings -> Enter your store address ->The online user may quickly find the closest store and pick up their order there. +
+
+
+ 
+
+ + Create Click and Collect Order. +
++ Choose the item and add it to your shopping cart. Then you can mention the click and collect product from in cart line and select the nearest store. +
+
+
+ 
+
+ + Click and Collect Order Mentioned in Sale Order +
++ All click and collect products and the customer's selected pos session are visible in the sale order lines. The user may view all the click and collect products by clicking on the click collect smart tab. +
+
+
+ 
+ 
+
+ Click and Collect Order in PoS. +
++ After opening the session, go to the PoS module where the click and collect button is shown. After you click on it, a new screen will open where you can see all the click and collect products and validate the order. +
+
+
+
+ 
+
+ + If the user confirms the delivery, it automatically affects inventory as well. In sale order and inventory, the user can see all the delivered orders. +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sale Order
+ Session
+ Customer
+ Product
+ Total
+ Status
+ Validate
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+