+
+
+
+
+
+
+
diff --git a/pos_customer_feedback/static/src/css/customer_feedback.css b/pos_customer_feedback/static/src/css/customer_feedback.css
new file mode 100644
index 000000000..2ac744b64
--- /dev/null
+++ b/pos_customer_feedback/static/src/css/customer_feedback.css
@@ -0,0 +1,73 @@
+.rating {
+ display: inline-block;
+ position: relative;
+ height: 70px;
+ line-height: 70px;
+ font-size: 50px;
+}
+.rating label {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100%;
+ cursor: pointer;
+}
+.rating label:last-child {
+ position: static;
+}
+.rating label:nth-child(1) {
+ z-index: 5;
+}
+.rating label:nth-child(2) {
+ z-index: 4;
+}
+.rating label:nth-child(3) {
+ z-index: 3;
+}
+.rating label:nth-child(4) {
+ z-index: 2;
+}
+.rating label:nth-child(5) {
+ z-index: 1;
+}
+.rating label input {
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+}
+.rating label .icon {
+ float: left;
+ color: transparent;
+}
+.rating label:last-child .icon {
+ color: #000;
+}
+.rating:not(:hover) label input:checked ~ .icon,
+.rating:hover label:hover input ~ .icon {
+ color: #e5bd41;
+}
+.rating label input:focus:not(:checked) ~ .icon:last-child {
+ color: #000;
+ text-shadow: 0 0 5px #09f;
+}
+.stars-outer {
+ display: inline-block;
+ position: relative;
+ font-family: FontAwesome;
+}
+.stars-outer::before {
+ content: "\f006 \f006 \f006 \f006 \f006";
+}
+.stars-inner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ white-space: nowrap;
+ overflow: hidden;
+ width: 0;
+}
+.stars-inner::before {
+ content: "\f005 \f005 \f005 \f005 \f005";
+ color: #f8ce0b;
+}
diff --git a/pos_customer_feedback/static/src/js/customer_feedback.js b/pos_customer_feedback/static/src/js/customer_feedback.js
new file mode 100644
index 000000000..e34e972ca
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/customer_feedback.js
@@ -0,0 +1,27 @@
+/** @odoo-module **/
+import { _t } from "@web/core/l10n/translation";
+import { usePos } from "@point_of_sale/app/store/pos_hook";
+import { ControlButtons } from "@point_of_sale/app/screens/product_screen/control_buttons/control_buttons";
+import { patch } from "@web/core/utils/patch";
+import { FeedbackPopup } from "./feedback_popup";
+
+/* Patching ControlButtons and adding Feedback button */
+patch(ControlButtons.prototype, {
+ setup() {
+ super.setup(...arguments);
+ this.pos = usePos();
+ },
+ /* Function while clicking the button */
+ async onClick() {
+ if (this.pos.get_order().partner_id && this.pos.get_order().lines){
+ await this.dialog.add(
+ FeedbackPopup, {
+ startingComment: this.pos.get_order().comment,
+ startingRating: this.pos.get_order().feedback,
+ title: _t('Customer Feedback'),
+ pos: this.pos,
+ }
+ );
+ }
+ }
+});
diff --git a/pos_customer_feedback/static/src/js/feedback_popup.js b/pos_customer_feedback/static/src/js/feedback_popup.js
new file mode 100644
index 000000000..8f1458e75
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/feedback_popup.js
@@ -0,0 +1,52 @@
+/** @odoo-module **/
+import { _t } from "@web/core/l10n/translation";
+import { Dialog } from "@web/core/dialog/dialog";
+import { Component, onMounted, useRef, useState } from "@odoo/owl";
+
+/* Extending Component and creating FeedbackPopup */
+export class FeedbackPopup extends Component {
+ static template = "point_of_sale.FeedbackPopup";
+ static components = { Dialog };
+ static defaultProps = {
+ confirmText: _t('Ok'),
+ cancelText: _t('Cancel'),
+ title: '',
+ body: '',
+ };
+
+ setup() {
+ super.setup();
+ this.state = useState({
+ ratingValue: this.props.startingRating,
+ commentValue: this.props.startingComment
+ });
+ this.CommentRef = useRef('comment');
+ onMounted(this.onMounted);
+ }
+ onMounted() {
+ this.CommentRef.el.focus();
+ }
+ /* Function for calculating the star rating */
+ async RatingChange(ev) {
+ if (!isNaN(parseInt(ev.target.value))) {
+ this.state.ratingValue = ev.target.value;
+ const starTotal = 5;
+ const starPercentage = (this.state.ratingValue / starTotal) * 100;
+ const starPercentageRounded = `${(Math.round(starPercentage / 10) * 10)}%`;
+ document.querySelector(`.stars-inner`).style.width = starPercentageRounded;
+ }
+ }
+
+ getPayload() {
+ this.props.pos.get_order().comment = this.state.commentValue;
+ this.props.pos.get_order().feedback = this.state.ratingValue;
+ }
+
+ confirm() {
+ this.props.close(this.getPayload());
+ }
+
+ cancel() {
+ this.props.close();
+ }
+}
diff --git a/pos_customer_feedback/static/src/js/order_summary.js b/pos_customer_feedback/static/src/js/order_summary.js
new file mode 100644
index 000000000..2b6b7f010
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/order_summary.js
@@ -0,0 +1,34 @@
+/** @odoo-module **/
+/**
+ * Defines CustFeedback which extends Order from point of sale models
+ *
+ * Initialize the additional properties from JSON and export the additional properties as JSON
+ */
+import { PosOrder } from "@point_of_sale/app/models/pos_order";
+import { patch } from "@web/core/utils/patch";
+
+patch(PosOrder.prototype, {
+ constructor() {
+ this.customer_feedback = this.customer_feedback || null;
+ this.comment_feedback = this.comment_feedback || null;
+ this._super(...arguments);
+ },
+ set_comment_feedback(comment_feedback) {
+ this.comment_feedback = comment_feedback.commentValue;
+ this.customer_feedback = comment_feedback.ratingValue;
+ },
+ get_comment_feedback() {
+ return this.comment_feedback;
+ },
+ export_as_JSON() {
+ const json = super.export_as_JSON(...arguments);
+ json.customer_feedback = this.customer_feedback;
+ json.comment_feedback = this.comment_feedback;
+ return json;
+ },
+ init_from_JSON(json) {
+ super.init_from_JSON(...arguments);
+ this.customer_feedback = json.customer_feedback;
+ this.comment_feedback = json.comment_feedback;
+ },
+});
diff --git a/pos_customer_feedback/static/src/xml/customer_feedback_template.xml b/pos_customer_feedback/static/src/xml/customer_feedback_template.xml
new file mode 100644
index 000000000..b901b3c8c
--- /dev/null
+++ b/pos_customer_feedback/static/src/xml/customer_feedback_template.xml
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + This module helps the customer to provide their feedbacks. +
+POS Customer Feedback +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Enhances the Point of Sale (POS) system +
++ This module enhances the Point of Sale (POS) system by enabling customers to provide their ratings and feedback.
+
+
+
+
+
+
+
+
+ + Customer Feedback +
++ Customers can to share their experiences and opinions seamlessly within the POS environment. +
+
+
+
+
+
+
+
+
+
+ POS CUSTOMER FEEDBACK
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Choose a customer and then click on the control button " + Feedback + " to provide the feedback +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + A popup appears, allowing you to share your feedback +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Rating provided can be seen in the order summary +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Rating and comments can be viewed in pos order feedback page +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Simplified method to provide customer feedback.
+
+
+
+
+
+
+
+
+
+ + Customers can provide feedback in both ratings and comments.
+
+
+
+
+
+
+
+
+
+ + In each POS orders we can see the customer feedback if provided.
+
+
+
+
+
+
+
+
+
+
+ + Simplified work flow.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + To enable the Customer Feedback Button feature in the POS by selecting a product and customer. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 27th December, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+ Feedback:
+
+
+
+
+