+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + POS Customer Feedback +
++ This module helps the customer to provide their feedbacks
+ +
+
+
+
+ 
+
+
+ + Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+ This module enhances the Point of Sale (POS) system by enabling
+ customers to provide their ratings and feedback. It empowers customers
+ to share their experiences and opinions seamlessly within the POS
+ environment. By incorporating this module, businesses can gather
+ valuable insights and improve their services based on customer feedback.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+ 
+ Simplified method to provide customer feedback
+
+
+ Simplified method to provide customer feedback
+
+
+ Customers can provide feedback in both ratings and comments
+
+
+ Customers can provide feedback in both ratings and comments
+
+
+ In each POS orders we can see the customer feedback if provided
+
+
+ In each POS orders we can see the customer feedback if provided
+
+
+ Simplified work flow
+
+
+ Simplified work flow
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+ 
+
+ + Choose a customer and then click on the control button "Feedback" + to provide the feedback +
+
+
+ 
+
+ + A Popup opens in which you can share the feedback +
+
+
+ 
+
+ + Rating provided can be seen in the order summary +
+
+
+ 
+
+ + Rating and comments can be viewed in pos order feedback page +
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
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..d9aca5711
--- /dev/null
+++ b/pos_customer_feedback/static/src/css/customer_feedback.css
@@ -0,0 +1,73 @@
+.rating {
+ display: inline-block;
+ position: relative;
+ height: 50px;
+ line-height: 50px;
+ 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..0b568bb2b
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/customer_feedback.js
@@ -0,0 +1,66 @@
+/** @odoo-module **/
+/**
+ * Defines CustomerFeedback which extends PosComponent
+ *
+ */
+import PosComponent from 'point_of_sale.PosComponent';
+import ProductScreen from "point_of_sale.ProductScreen";
+import Registries from "point_of_sale.Registries";
+import { useListener } from "@web/core/utils/hooks";
+import { useRef, onMounted } from "@odoo/owl"
+
+class CustomerFeedback extends PosComponent {
+ /**
+ * Performs setup tasks for the CustomerFeedback component.
+ */
+ setup() {
+ super.setup();
+ useListener('click', this.onClick);
+ this.feedback_Customer = useRef('input-data')
+ onMounted(()=>{
+ const starValue = this.env.pos.selectedOrder.customer_feedback
+ if (starValue){
+ this.setStarRating(starValue);
+ }
+ })
+ }
+ /**
+ * Sets the star rating based on the provided value.
+ *
+ * @param {number} starValue - The value representing the star rating.
+ */
+ setStarRating(starValue){
+ let newStarValue = starValue || 0;
+ const starPercentage = (parseInt(newStarValue)/ 5) * 100;
+ const starPercentageRounded = `${(Math.round(starPercentage / 10) * 10)}%`;
+ document.querySelector(`.stars-inner`).style.width =starPercentageRounded
+ }
+ /**
+ * Handles the click event when the feedback component is clicked.
+ *
+ * @param {Event} ev - The click event object.
+ */
+ async onClick(ev) {
+ let partner = this.env.pos.get_order().get_partner();
+ let selectedOrderline = this.env.pos.get_order().get_selected_orderline();
+ if (!partner || !selectedOrderline) return;
+
+ const { confirmed, payload: inputFeedback } = await this.showPopup(
+ 'FeedbackPopup', {
+ startingValue: this.env.pos.get_order().get_comment_feedback(),
+ title: this.env._t('Customer Feedback'),
+ });
+
+ if (confirmed) {
+ this.env.pos.selectedOrder.comment_feedback = inputFeedback.commentValue;
+ this.env.pos.selectedOrder.customer_feedback = inputFeedback.ratingValue;
+ this.setStarRating(inputFeedback.ratingValue)
+ }
+ }
+}
+CustomerFeedback.template = 'CustomerFeedback';
+ProductScreen.addControlButton({
+ component: CustomerFeedback,
+});
+Registries.Component.add(CustomerFeedback);
+return CustomerFeedback;
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..e5535cbf4
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/feedback_popup.js
@@ -0,0 +1,66 @@
+/** @odoo-module **/
+/**
+ * Defines AbstractAwaitablePopup extending from AbstractAwaitablePopup
+ */
+const AbstractAwaitablePopup = require('point_of_sale.AbstractAwaitablePopup');
+import Registries from 'point_of_sale.Registries';
+import { _lt } from '@web/core/l10n/translation';
+import { onMounted, useRef, useState } from "@odoo/owl";
+
+class FeedbackPopup extends AbstractAwaitablePopup {
+ /**
+ * @param {Object} props
+ * @param {string} props.startingValue
+ */
+ setup() {
+ super.setup();
+ this.state = useState({
+ ratingValue:'',
+ commentValue: this.props.startingValue
+ });
+ this.CommentRef = useRef('comment')
+ onMounted(this.onMounted);
+ }
+ /**
+ * Called after the component is mounted.
+ * Sets focus on the comment input field.
+ */
+ onMounted() {
+ this.CommentRef.el.focus();
+ }
+ /**
+ * Handles the change event of the rating input field.
+ * Updates the rating value and adjusts the star percentage accordingly.
+ *
+ * @param {Event} ev - The change event object.
+ */
+ 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;
+ }
+ }
+ /**
+ * Retrieves the payload data to be returned when the popup is confirmed.
+ *
+ * @returns {Object} The payload data containing the ratingValue and commentValue.
+ */
+ getPayload() {
+ return {
+ ratingValue : this.state.ratingValue,
+ commentValue: this.state.commentValue,
+ }
+ }
+}
+FeedbackPopup.template = 'FeedbackPopup';
+FeedbackPopup.defaultProps = {
+ confirmText: _lt('Ok'),
+ cancelText: _lt('Cancel'),
+ title: '',
+ body: '',
+};
+Registries.Component.add(FeedbackPopup);
+return FeedbackPopup;
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..81d346f55
--- /dev/null
+++ b/pos_customer_feedback/static/src/js/order_summary.js
@@ -0,0 +1,60 @@
+/** @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 models from 'point_of_sale.models';
+import { Order } from 'point_of_sale.models';
+import Registries from "point_of_sale.Registries";
+const CustFeedback = (Order) => class CustFeedback extends Order {
+ /**
+ * Initializes the CustFeedback class.
+ */
+ constructor() {
+ super(...arguments);
+ this.customer_feedback = this.customer_feedback || null;
+ this.comment_feedback = this.comment_feedback || null;
+ }
+ /**
+ * Sets the comment and customer feedback values.
+ *
+ * @param {Object} comment_feedback - Object containing the comment and
+ rating values.
+ */
+ set_comment_feedback(comment_feedback){
+ this.comment_feedback = comment_feedback.commentValue
+ this.customer_feedback = comment_feedback.ratingValue
+ }
+ /**
+ * Returns the comment feedback value.
+ *
+ * @returns {string|null} - The comment feedback value.
+ */
+ get_comment_feedback(){
+ return this.comment_feedback
+ }
+ /**
+ * Exports the CustFeedback properties as JSON.
+ *
+ * @returns {Object} - The CustFeedback properties as JSON.
+ */
+ export_as_JSON() {
+ const json = super.export_as_JSON(...arguments)
+ json.customer_feedback = this.customer_feedback ;
+ json.comment_feedback = this.comment_feedback
+ return json;
+ }
+ /**
+ * Initializes the CustFeedback properties from JSON.
+ *
+ * @param {Object} json - The JSON object containing the CustFeedback properties.
+ */
+ init_from_JSON(json) {
+ super.init_from_JSON(...arguments);
+ this.customer_feedback = json.customer_feedback;
+ this.comment_feedback = json.comment_feedback;
+ }
+ };
+Registries.Model.extend(Order, CustFeedback);
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..cd408e81b
--- /dev/null
+++ b/pos_customer_feedback/static/src/xml/customer_feedback_template.xml
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+