+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Customer Screen POS +
+Screen for Customers to Ensure their Order and Remark their Opinions
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ The Customer Screen feature enables a dual-screen setup in your retail
+ store. You have the primary screen where the cashier operates the POS, and
+ the secondary customer-facing screen, often positioned to display
+ information to the customer.
+
+ The primary purpose of the Customer Screen is to engage customers during + the checkout process. It provides real-time information about the products + being scanned or added to the cart, including names, quantities, prices. +
+
++ The primary purpose of the Customer Screen is to engage customers during + the checkout process. It provides real-time information about the products + being scanned or added to the cart, including names, quantities, prices. +
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Display of the items being scanned or added to the cart
+
+
+ Display of the items being scanned or added to the cart
+
+
+ Real-time updates as items are added, removed, or modified in the order.
+
+
+ Real-time updates as items are added, removed, or modified in the order.
+
+
+
+
+ Running total of the order amount.
+
+
+ Running total of the order amount.
+
+
+ Option to collect customer feedback or ratings for their shopping experience.
+
+
+ Option to collect customer feedback or ratings for their shopping experience.
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ Enable Customer Screen Allow option from Settings, also enable methods to show customer screen
+
+
+ 
+
+
+ A systray icon to open the customer screen at any time with updated order lines
+
+
+ 
+
+
+ Each time we click on the product the customer screen will be updated
+
+
+ 
+
+
+ The View of Customer Screen with Order lines and a button to open the Modal of Review Section
+
+
+ 
+
+
+ Section for adding Rating and Feedback Fields for Customers
+
+
+ 
+
+
+ View of Customer added Review and Feedback's
+
+
+ 
+
+ The Review and Feedback Automatically Store in Order View in Backend when Payment Confirm
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
\ No newline at end of file
diff --git a/customer_screen_pos/static/src/css/customer_screen_pos.css b/customer_screen_pos/static/src/css/customer_screen_pos.css
new file mode 100644
index 000000000..5fd99e6f6
--- /dev/null
+++ b/customer_screen_pos/static/src/css/customer_screen_pos.css
@@ -0,0 +1,100 @@
+.pos_orderlines_list {
+ box-shadow: 0 0.1vh 0.1vh #aaaaaa;
+ color: #3E3E3E;
+ background-color: white;
+ height: 100%;
+ overflow-y: scroll;
+}
+.pos_orderlines {
+ padding-right: 1.5vw;
+ position: relative;
+ height: 100%;
+ overflow-y: scroll;
+
+}
+table.pos_orderlines_items.pos_orderlines_header {
+ margin-left: auto;
+}
+
+/* star */
+*{
+ margin: 0;
+ padding: 0;
+}
+.rate {
+ float: left;
+ height: 46px;
+ padding: 0 10px;
+}
+.rate:not(:checked) > input {
+ position: absolute;
+ top: -9999px;
+}
+.rate:not(:checked) > label {
+ float: right;
+ width: 1em;
+ overflow: hidden;
+ white-space: nowrap;
+ cursor: pointer;
+ font-size: 30px;
+ color: #ccc;
+}
+.rate:not(:checked) > label:before {
+ content: '★ ';
+}
+.rate > input:checked ~ label {
+ color: #ffc700;
+}
+.rate:not(:checked) > label:hover,
+.rate:not(:checked) > label:hover ~ label {
+ color: #deb217;
+}
+.rate > input:checked + label:hover,
+.rate > input:checked + label:hover ~ label,
+.rate > input:checked ~ label:hover,
+.rate > input:checked ~ label:hover ~ label,
+.rate > label:hover ~ input:checked ~ label {
+ color: #c59b08;
+}
+/* star */
+
+/* The Modal (background) */
+.modal {
+ display: none; /* Hidden by default */
+ position: fixed; /* Stay in place */
+ z-index: 1; /* Sit on top */
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5); /* Black background with
+ opacity */
+}
+
+/* Modal Content */
+.modal-content {
+ background-color: #fefefe;
+ margin: 15% auto;
+ padding: 20px;
+ border: 1px solid #888;
+ width: 30%;
+}
+
+/* Close Button */
+.close {
+ color: #aaa;
+ float: right;
+ font-size: 28px;
+ font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.cust_scrn #wrapwrap {
+ display: none;
+ }
diff --git a/customer_screen_pos/static/src/js/pos_systray_icon.js b/customer_screen_pos/static/src/js/pos_systray_icon.js
new file mode 100755
index 000000000..137f49896
--- /dev/null
+++ b/customer_screen_pos/static/src/js/pos_systray_icon.js
@@ -0,0 +1,78 @@
+odoo.define('customer_screen_pos.SystrayButtonScreen', function(require) {
+'use strict';
+ /**
+ Function to set systray button for open Customer Screen
+ */
+ const PosComponent = require('point_of_sale.PosComponent');
+ const ProductScreen = require('point_of_sale.ProductScreen');
+ const { useListener } = require("@web/core/utils/hooks");
+ const Registries = require('point_of_sale.Registries');
+ const ControlButtonsMixin = require('point_of_sale.ControlButtonsMixin');
+ var ajax = require('web.ajax');
+ var encodedResult
+ class SystrayButtonScreen extends ControlButtonsMixin(PosComponent) {
+ /**
+ In here we get order-line records from pos and pass to controller for
+ creating template for customer screen using records,
+ In ajax then function we get customer screen template body then we merge
+ it with a demo template
+ */
+ setup() {
+ super.setup();
+ useListener('click', this.onClick);
+ }
+ get currentOrder() {
+ var self = this;
+ var total = 0
+ var totalvalues = this.env.pos.selectedOrder.orderlines
+ totalvalues.forEach(function (totalvalues) {
+ total = total + (totalvalues.price * totalvalues.quantity)
+ })
+ var orderlines = this.env.pos.get_order().orderlines;
+ var orderlinelist = [];
+ orderlines.forEach(function(orderline) {
+ // Perform operations with each orderline here
+ if (!orderlinelist.includes(orderline.product.display_name)) {
+ orderlinelist.push({
+ 'id' : orderline.product.id,
+ 'name' : orderline.product.display_name,
+ 'price' : (orderline.price * orderline.quantity),
+ 'qty' : orderline.quantity,
+ 'session': self.env.pos.get_order().pos.pos_session.id,
+ 'partner_id': self.env.pos.get_order().partner ? self.env.pos.get_order().partner.id : null,
+ 'order_name': self.env.pos.get_order().name,
+ 'total': total
+ });
+ }
+ });
+ ajax.jsonRpc('/add/my/review', 'call', {'orderlinelist': orderlinelist, 'total': total})
+ .then(function (result) {
+ encodedResult = result
+ var url = "/customer/screen/";
+ fetch(url)
+ .then(function (response) {
+ return response.text();
+ })
+ .then(function (data) {
+ var modifiedData = data.replace('', '' + encodedResult);
+ var newWindow = window.open("", 'Customer Display Screen', 'height=500,width=900');
+ newWindow.document.open();
+ newWindow.document.write(modifiedData);
+ newWindow.document.close();
+ })
+ .catch(function (error) {
+ console.log('Error:', error);
+ });
+ })
+ return this.env.pos.get_order();
+ }
+ async onClick() {
+ if (this.env.pos.config.allow_systray_icon) {
+ const currentOrderLines = this.currentOrder;
+ }
+ }
+ }
+ SystrayButtonScreen.template = 'SystrayButtonScreen';
+ Registries.Component.add(SystrayButtonScreen);
+ return SystrayButtonScreen;
+});
diff --git a/customer_screen_pos/static/src/js/product_click.js b/customer_screen_pos/static/src/js/product_click.js
new file mode 100755
index 000000000..4a2d2c9df
--- /dev/null
+++ b/customer_screen_pos/static/src/js/product_click.js
@@ -0,0 +1,70 @@
+odoo.define('customer_screen_pos.ProductItemClick', function (require) {
+ "use strict";
+ /**
+ Function for generating customer screen when selecting a product to order
+ lines
+ */
+ const ProductScreen = require('point_of_sale.ProductScreen');
+ const Registries = require('point_of_sale.Registries');
+ var ajax = require('web.ajax');
+ var encodedResult
+ const ProductItemClick = (ProductScreen) => class ProductItemClick
+ extends ProductScreen {
+ /**
+ In here we get order-line records from pos and pass to controller for
+ creating template for customer screen using records,
+ In ajax then function we get customer screen template body then we merge
+ it with a demo template
+ */
+ async _clickProduct(event) {
+ await super._clickProduct(event)
+ if (this.env.pos.config.allow_product_click) {
+ var self = this
+ var total = 0
+ var totalvalues = this.env.pos.selectedOrder.orderlines
+ totalvalues.forEach(function (totalvalues) {
+ total = total + (totalvalues.price * totalvalues.quantity)
+ })
+ var orderlines = this.env.pos.get_order().orderlines;
+ var orderlinelist = [];
+ orderlines.forEach(function(orderline) {
+ // Perform operations with each orderline here
+ if (!orderlinelist.includes(orderline.product.display_name)) {
+ orderlinelist.push({
+ 'id' : orderline.product.id,
+ 'name' : orderline.product.display_name,
+ 'price' : (orderline.price * orderline.quantity),
+ 'qty' : orderline.quantity,
+ 'session': self.env.pos.get_order().pos.pos_session.id,
+ 'partner_id': self.env.pos.get_order().partner ? self.env.pos.get_order().partner.id : null,
+ 'order_name': self.env.pos.get_order().name,
+ 'total': total
+ });
+ }
+ });
+ ajax.jsonRpc('/add/my/review', 'call', {'orderlinelist': orderlinelist, 'total': total})
+ .then(function (result) {
+ encodedResult = result
+ var url = "/customer/screen/";
+ fetch(url)
+ .then(function (response) {
+ return response.text();
+ })
+ .then(function (data) {
+ var modifiedData = data.replace('', '' + encodedResult + '');
+ var newWindow = window.open("", 'Customer Display Screen', 'height=500,width=900');
+ newWindow.document.open();
+ newWindow.document.write(modifiedData);
+ newWindow.document.close();
+ })
+ .catch(function (error) {
+ console.log('Error:', error);
+ });
+ })
+ return this.env.pos.get_order();
+ }
+ }
+ }
+ ProductItemClick.template = 'ShowProductImages';
+ Registries.Component.extend(ProductScreen, ProductItemClick);
+});
diff --git a/customer_screen_pos/static/src/xml/pos_systray_icon.xml b/customer_screen_pos/static/src/xml/pos_systray_icon.xml
new file mode 100755
index 000000000..fc3b99e5d
--- /dev/null
+++ b/customer_screen_pos/static/src/xml/pos_systray_icon.xml
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ POS Order Lines
+
+
+
+
+
+
+
+
+
+
+
+ | Name | +Quantity | +Price | +|
|---|---|---|---|
|
+ |
+
+ |
+
+ |
+ |
| + | + |
+ |
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Customer Screen POS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+