Browse Source

Aug 09 : [ADD] Initial Commit 'pos_customer_feedback'

pull/277/head
Shijin V 2 years ago
parent
commit
0dc1b61027
  1. 52
      pos_customer_feedback/README.rst
  2. 22
      pos_customer_feedback/__init__.py
  3. 56
      pos_customer_feedback/__manifest__.py
  4. 7
      pos_customer_feedback/doc/RELEASE_NOTES.md
  5. 22
      pos_customer_feedback/models/__init__.py
  6. 49
      pos_customer_feedback/models/pos_order.py
  7. BIN
      pos_customer_feedback/static/description/assets/icons/check.png
  8. BIN
      pos_customer_feedback/static/description/assets/icons/chevron.png
  9. BIN
      pos_customer_feedback/static/description/assets/icons/cogs.png
  10. BIN
      pos_customer_feedback/static/description/assets/icons/consultation.png
  11. BIN
      pos_customer_feedback/static/description/assets/icons/ecom-black.png
  12. BIN
      pos_customer_feedback/static/description/assets/icons/education-black.png
  13. BIN
      pos_customer_feedback/static/description/assets/icons/hotel-black.png
  14. BIN
      pos_customer_feedback/static/description/assets/icons/license.png
  15. BIN
      pos_customer_feedback/static/description/assets/icons/lifebuoy.png
  16. BIN
      pos_customer_feedback/static/description/assets/icons/manufacturing-black.png
  17. BIN
      pos_customer_feedback/static/description/assets/icons/pos-black.png
  18. BIN
      pos_customer_feedback/static/description/assets/icons/puzzle.png
  19. BIN
      pos_customer_feedback/static/description/assets/icons/restaurant-black.png
  20. BIN
      pos_customer_feedback/static/description/assets/icons/service-black.png
  21. BIN
      pos_customer_feedback/static/description/assets/icons/trading-black.png
  22. BIN
      pos_customer_feedback/static/description/assets/icons/training.png
  23. BIN
      pos_customer_feedback/static/description/assets/icons/update.png
  24. BIN
      pos_customer_feedback/static/description/assets/icons/user.png
  25. BIN
      pos_customer_feedback/static/description/assets/icons/wrench.png
  26. BIN
      pos_customer_feedback/static/description/assets/misc/categories.png
  27. BIN
      pos_customer_feedback/static/description/assets/misc/check-box.png
  28. BIN
      pos_customer_feedback/static/description/assets/misc/compass.png
  29. BIN
      pos_customer_feedback/static/description/assets/misc/corporate.png
  30. BIN
      pos_customer_feedback/static/description/assets/misc/customer-support.png
  31. BIN
      pos_customer_feedback/static/description/assets/misc/cybrosys-logo.png
  32. BIN
      pos_customer_feedback/static/description/assets/misc/features.png
  33. BIN
      pos_customer_feedback/static/description/assets/misc/logo.png
  34. BIN
      pos_customer_feedback/static/description/assets/misc/pictures.png
  35. BIN
      pos_customer_feedback/static/description/assets/misc/pie-chart.png
  36. BIN
      pos_customer_feedback/static/description/assets/misc/right-arrow.png
  37. BIN
      pos_customer_feedback/static/description/assets/misc/star.png
  38. BIN
      pos_customer_feedback/static/description/assets/misc/support.png
  39. BIN
      pos_customer_feedback/static/description/assets/misc/whatsapp.png
  40. BIN
      pos_customer_feedback/static/description/assets/modules/1.png
  41. BIN
      pos_customer_feedback/static/description/assets/modules/2.png
  42. BIN
      pos_customer_feedback/static/description/assets/modules/3.png
  43. BIN
      pos_customer_feedback/static/description/assets/modules/4.png
  44. BIN
      pos_customer_feedback/static/description/assets/modules/5.gif
  45. BIN
      pos_customer_feedback/static/description/assets/modules/6.png
  46. BIN
      pos_customer_feedback/static/description/assets/screenshots/feedback-01.png
  47. BIN
      pos_customer_feedback/static/description/assets/screenshots/feedback-02.png
  48. BIN
      pos_customer_feedback/static/description/assets/screenshots/feedback-03.png
  49. BIN
      pos_customer_feedback/static/description/assets/screenshots/feedback-04.png
  50. BIN
      pos_customer_feedback/static/description/assets/screenshots/feedback.gif
  51. BIN
      pos_customer_feedback/static/description/banner.jpg
  52. BIN
      pos_customer_feedback/static/description/icon.png
  53. 577
      pos_customer_feedback/static/description/index.html
  54. 73
      pos_customer_feedback/static/src/css/customer_feedback.css
  55. 66
      pos_customer_feedback/static/src/js/customer_feedback.js
  56. 66
      pos_customer_feedback/static/src/js/feedback_popup.js
  57. 60
      pos_customer_feedback/static/src/js/order_summary.js
  58. 11
      pos_customer_feedback/static/src/xml/customer_feedback_template.xml
  59. 59
      pos_customer_feedback/static/src/xml/feedback_popup_template.xml
  60. 14
      pos_customer_feedback/static/src/xml/order_summary_template.xml
  61. 22
      pos_customer_feedback/views/pos_order_views.xml

52
pos_customer_feedback/README.rst

@ -0,0 +1,52 @@
.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
:target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
POS Customer Feedback
=====================
Customers can provide their feedback as rating and comments in POS
Installation
------------
- www.odoo.com/documentation/16.0/setup/install.html
- Install our custom addon
Configuration
-------------
* No additional configurations needed
Company
-------
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
License
-------
Affero General Public License v3.0 (AGPL v3)
(https://www.gnu.org/licenses/agpl-3.0-standalone.html)
Credits
-------
Developer : (V16) Shafna K@ Cybrosys
Contacts
--------
* Mail Contact : odoo@cybrosys.com
* Website : https://cybrosys.com
Bug Tracker
-----------
Bugs are tracked on GitHub Issues. In case of trouble, please check there
if your issue has already been reported.
Maintainer
----------
.. image:: https://cybrosys.com/images/logo.png
:target: https://cybrosys.com
This module is maintained by Cybrosys Technologies.
For support and more information, please visit `Our Website <https://cybrosys.com/>`__
Further information
-------------------
HTML Description: `<static/description/index.html>`__

22
pos_customer_feedback/__init__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
###############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Shafna K (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
###############################################################################
from . import models

56
pos_customer_feedback/__manifest__.py

@ -0,0 +1,56 @@
# -*- coding: utf-8 -*-
###############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Shafna K (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
###############################################################################
{
'name': "POS Customer Feedback",
'version': '16.0.1.0.0',
'category': 'Point of Sale',
'summary': 'Customer Feedback in PoS',
'description': """This module enables the management of customer feedback
in Odoo. It provides functionality to handle customer feedback in both
ratings and comments, ensuring effective feedback management. With this
module, businesses can gather and utilize valuable customer feedback to
enhance their products and services.""",
'author': " Cybrosys Techno Solutions",
'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions',
'website': 'https://www.cybrosys.com',
'depends': ['base', 'point_of_sale'],
'data': [
'views/pos_order_views.xml',
],
'assets': {
'point_of_sale.assets': [
'pos_customer_feedback/static/src/xml/feedback_popup_template.xml',
'pos_customer_feedback/static/src/js/feedback_popup.js',
'pos_customer_feedback/static/src/xml/customer_feedback_template.xml',
'pos_customer_feedback/static/src/js/customer_feedback.js',
'pos_customer_feedback/static/src/js/order_summary.js',
'pos_customer_feedback/static/src/xml/order_summary_template.xml',
'pos_customer_feedback/static/src/css/customer_feedback.css',
]
},
'images': ['static/description/banner.jpg'],
'license': 'AGPL-3',
'installable': True,
'application': False,
'auto_install': False,
}

7
pos_customer_feedback/doc/RELEASE_NOTES.md

@ -0,0 +1,7 @@
## Module <pos_customer_feedback>
#### 09.08.2023
#### Version 16.0.1.0.0
#### ADD
- Initial Commit for POS Customer Feedback

22
pos_customer_feedback/models/__init__.py

@ -0,0 +1,22 @@
# -*- coding: utf-8 -*-
###############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Shafna K (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
###############################################################################
from . import pos_order

49
pos_customer_feedback/models/pos_order.py

@ -0,0 +1,49 @@
# -*- coding: utf-8 -*-
###############################################################################
#
# Cybrosys Technologies Pvt. Ltd.
#
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
# Author: Shafna K (odoo@cybrosys.com)
#
# You can modify it under the terms of the GNU AFFERO
# GENERAL PUBLIC LICENSE (AGPL v3), Version 3.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
#
# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
# (AGPL v3) along with this program.
# If not, see <http://www.gnu.org/licenses/>.
#
###############################################################################
from odoo import api, fields, models
class PosOrder(models.Model):
"""To add feedback fields and store its value in pos order"""
_inherit = "pos.order"
feedback = fields.Char(string='Feedback', readonly=True,
help="Please provide your feedback")
rating = fields.Char(string='Rating', help="Provide your ratings",
compute='_compute_rating')
comment = fields.Text(string='Comments', readonly=True,
help="Provide the feedbacks in comments")
def _order_fields(self, ui_order):
"""To get the value of field in pos session to pos order"""
res = super()._order_fields(ui_order)
res['feedback'] = ui_order.get('customer_feedback')
res['comment'] = ui_order.get('comment_feedback')
return res
@api.depends('feedback')
def _compute_rating(self):
"""To print star in pos order based on the rating value
choosing from pos session"""
self.rating = False
if self.feedback:
self.rating = '\u2B50' * int(self.feedback)

BIN
pos_customer_feedback/static/description/assets/icons/check.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
pos_customer_feedback/static/description/assets/icons/chevron.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 B

BIN
pos_customer_feedback/static/description/assets/icons/cogs.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
pos_customer_feedback/static/description/assets/icons/consultation.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
pos_customer_feedback/static/description/assets/icons/ecom-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 576 B

BIN
pos_customer_feedback/static/description/assets/icons/education-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 733 B

BIN
pos_customer_feedback/static/description/assets/icons/hotel-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 911 B

BIN
pos_customer_feedback/static/description/assets/icons/license.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pos_customer_feedback/static/description/assets/icons/lifebuoy.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_customer_feedback/static/description/assets/icons/manufacturing-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 B

BIN
pos_customer_feedback/static/description/assets/icons/pos-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 878 B

BIN
pos_customer_feedback/static/description/assets/icons/puzzle.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

BIN
pos_customer_feedback/static/description/assets/icons/restaurant-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 905 B

BIN
pos_customer_feedback/static/description/assets/icons/service-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 839 B

BIN
pos_customer_feedback/static/description/assets/icons/trading-black.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 427 B

BIN
pos_customer_feedback/static/description/assets/icons/training.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 627 B

BIN
pos_customer_feedback/static/description/assets/icons/update.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_customer_feedback/static/description/assets/icons/user.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 988 B

BIN
pos_customer_feedback/static/description/assets/icons/wrench.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
pos_customer_feedback/static/description/assets/misc/categories.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
pos_customer_feedback/static/description/assets/misc/check-box.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pos_customer_feedback/static/description/assets/misc/compass.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
pos_customer_feedback/static/description/assets/misc/corporate.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pos_customer_feedback/static/description/assets/misc/customer-support.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
pos_customer_feedback/static/description/assets/misc/cybrosys-logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
pos_customer_feedback/static/description/assets/misc/features.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 589 B

BIN
pos_customer_feedback/static/description/assets/misc/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
pos_customer_feedback/static/description/assets/misc/pictures.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
pos_customer_feedback/static/description/assets/misc/pie-chart.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
pos_customer_feedback/static/description/assets/misc/right-arrow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 967 B

BIN
pos_customer_feedback/static/description/assets/misc/star.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
pos_customer_feedback/static/description/assets/misc/support.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
pos_customer_feedback/static/description/assets/misc/whatsapp.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
pos_customer_feedback/static/description/assets/modules/1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

BIN
pos_customer_feedback/static/description/assets/modules/2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
pos_customer_feedback/static/description/assets/modules/3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
pos_customer_feedback/static/description/assets/modules/4.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
pos_customer_feedback/static/description/assets/modules/5.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
pos_customer_feedback/static/description/assets/modules/6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

BIN
pos_customer_feedback/static/description/assets/screenshots/feedback-01.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

BIN
pos_customer_feedback/static/description/assets/screenshots/feedback-02.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

BIN
pos_customer_feedback/static/description/assets/screenshots/feedback-03.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

BIN
pos_customer_feedback/static/description/assets/screenshots/feedback-04.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
pos_customer_feedback/static/description/assets/screenshots/feedback.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

BIN
pos_customer_feedback/static/description/banner.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
pos_customer_feedback/static/description/icon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

577
pos_customer_feedback/static/description/index.html

@ -0,0 +1,577 @@
<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
<!-- TITLE BAR -->
<div class="d-flex align-items-center justify-content-between"
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
<img src="assets/misc/cybrosys-logo.png" width="42" height="42"
style="width: 42px; height: 42px;"/>
<div>
<div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Community
</div>
<div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Enterprise
</div>
<div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
class="mr-2">
<i class="fa fa-check mr-1"></i>Odoo.sh
</div>
</div>
</div>
<!-- END OF TITLE BAR -->
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<!-- APP HERO -->
<h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
POS Customer Feedback
</h1>
<p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
This module helps the customer to provide their feedbacks</p>
<!-- END OF APP HERO -->
<img src="assets/screenshots/feedback.gif"
class="img-responsive"
style="width: 100%; margin-left: auto; margin-right: auto;"/>
</div>
</div>
</div>
</div>
<!-- NAVIGATION SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/compass.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Explore This Module</h2>
</div>
<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
<div class="col-sm-12 col-md-6 my-3">
<a href="#overview">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">Learn more about this module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
<div class="col-sm-12 col-md-6 my-3">
<a href="#features">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View features of this module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
<div class="col-sm-12 col-md-6 my-3">
<a href="#screenshots">
<div class="d-flex justify-content-between align-items-center"
style="background-color: #f5f5f5; padding: 30px; width: 100%;">
<div>
<span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
<span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33; display: block;">View screenshots for this module</span>
</div>
<img src="assets/misc/right-arrow.png" width="36" height="36"/>
</div>
</a>
</div>
</div>
<!-- END OF NAVIGATION SECTION -->
<!-- OVERVIEW SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pie-chart.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Overview
</h2>
</div>
<div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 py-4">
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.
</div>
</div>
<!-- END OF OVERVIEW SECTION -->
<!-- FEATURES SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/features.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Features
</h2>
</div>
<div class="row"
style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
<div class="col-sm-12 col-md-6">
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Simplified method to provide customer feedback</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Customers can provide feedback in both ratings and comments</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">In each POS orders we can see the customer feedback if provided</span>
</div>
<div class="d-flex align-items-center"
style="margin-top: 30px; margin-bottom: 30px">
<img src="assets/misc/check-box.png" class="mr-2"/>
<span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Simplified work flow</span>
</div>
</div>
</div>
<!-- END OF FEATURES SECTION -->
<!-- SCREENSHOTS SECTION -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
id="screenshots">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/pictures.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Screenshots
</h2>
</div>
<div class="row">
<div class="col-sm-12">
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Choose a customer and then click on the control button "Feedback"
to provide the feedback
</h3>
<img src="assets/screenshots/feedback-01.png" class="img-thumbnail">
</div>
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
A Popup opens in which you can share the feedback
</h3>
<img src="assets/screenshots/feedback-02.png" class="img-thumbnail">
</div>
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Rating provided can be seen in the order summary
</h3>
<img src="assets/screenshots/feedback-03.png" class="img-thumbnail">
</div>
<div style="display: block; margin: 30px auto;">
<h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
Rating and comments can be viewed in pos order feedback page
</h3>
<img src="assets/screenshots/feedback-04.png" class="img-thumbnail">
</div>
</div>
</div>
<!-- END OF SCREENSHOTS SECTION -->
<!-- RELATED PRODUCTS -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/categories.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Related Products
</h2>
</div>
<div class="row">
<div class="col-sm-12">
<div id="demo1" class="row carousel slide" data-ride="carousel">
<!-- The slideshow -->
<div class="carousel-inner" style="padding: 30px;">
<div class="carousel-item" style="min-height: 198.656px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/dynamic_accounts_report/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/1.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/product_brand_purchase/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/2.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/sale_product_image/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/3.png">
</div>
</a>
</div>
</div>
<div class="carousel-item active"
style="min-height: 198.656px;">
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/odoo_sale_order_line_views/#"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/4.png">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/base_accounting_kit/#"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/5.gif">
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
style="float:left">
<a href="https://apps.odoo.com/apps/modules/16.0/hr_payroll_community/"
target="_blank">
<div style="border-radius:10px">
<img class="img img-responsive center-block"
style="border-radius: 0px;"
src="assets/modules/6.png">
</div>
</a>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo1" data-slide="prev"
style="width:35px; color:#000"> <span
class="carousel-control-prev-icon"><i
class="fa fa-chevron-left"
style="font-size:24px"></i></span>
</a> <a class="carousel-control-next" href="#demo1"
data-slide="next" style="width:35px; color:#000">
<span class="carousel-control-next-icon"><i
class="fa fa-chevron-right"
style="font-size:24px"></i></span>
</a>
</div>
</div>
</div>
<!-- END OF RELATED PRODUCTS -->
<!-- OUR SERVICES -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/star.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our Services
</h2>
</div>
<div class="container my-5">
<div class="row">
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/cogs.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Customization</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/wrench.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Implementation</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/lifebuoy.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Support</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/user.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Hire Odoo Developer</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/puzzle.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Integration</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/update.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Migration</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/consultation.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Consultancy</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/training.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Implementation</h6>
</div>
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/license.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo Licensing Consultancy</h6>
</div>
</div>
</div>
<!-- END OF OUR SERVICES -->
<!-- OUR INDUSTRIES -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/corporate.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Our Industries
</h2>
</div>
<div class="container my-5">
<div class="row">
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easily procure and sell your products</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easy configuration and convivial experience</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/education-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
A platform for educational management</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/manufacturing-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Plan, track and schedule your operations</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Mobile friendly, awe-inspiring product pages</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/service-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Keep track of services and invoice</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Run your bar or
restaurant methodically</p>
</div>
</div>
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
<img src="assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
An all-inclusive hotel management application</p>
</div>
</div>
</div>
</div>
<!-- END OF OUR INDUSTRIES -->
<!-- SUPPORT -->
<div class="d-flex align-items-center"
style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
<div class="d-flex justify-content-center align-items-center mr-2"
style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
<img src="assets/misc/customer-support.png"/>
</div>
<h2 class="mt-2"
style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
Support
</h2>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-12 col-md-6">
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/support.png" height="48" width="48"
style="width: 42px; height: 42px;"/>
</div>
<div>
<h4>Need Help?</h4>
<p style="line-height: 100%;">Got questions or need help?
Get in touch.</p>
<a href="mailto:odoo@cybrosys.com">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
odoo@cybrosys.com</p>
</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
<div class="mr-4 d-flex justify-content-center align-items-center"
style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
<img src="assets/misc/whatsapp.png" height="52" width="52"
style="width: 52px; height: 52px;"/>
</div>
<div>
<h4>WhatsApp</h4>
<p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
<a href="https://api.whatsapp.com/send?phone=918606827707">
<p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+91 86068 27707</p>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
<img src="assets/misc/logo.png" width="144" height="31"
style="width:144px; height: 31px; margin-top: 40px;"/>
</div>
</div>
</div>
<!-- END OF SUPPORT -->

73
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;
}

66
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;

66
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;

60
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);

11
pos_customer_feedback/static/src/xml/customer_feedback_template.xml

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--To add the control button in pos component-->
<templates id="template" xml:space="preserve">
<t t-name="CustomerFeedback" owl="1">
<div class="control-button">
<i class="fa fa-star"/>
<span> </span>
<span>Feedback</span>
</div>
</t>
</templates>

59
pos_customer_feedback/static/src/xml/feedback_popup_template.xml

@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--To show popup when clicking on feedback control button-->
<templates id="template" xml:space="preserve">
<t t-name="FeedbackPopup" owl="1">
<Draggable>
<div class="popup popup-textarea" t-ref="input-data">
<header class="title drag-handle">
<t t-esc="props.title"/>
</header>
<div class="popup-textarea-wrap">
<div t-on-change="RatingChange">
<form class="rating">
<label>
<input type="radio" name="stars" value="1"/>
<span class="icon"></span>
</label>
<label>
<input type="radio" name="stars" value="2"/>
<span class="icon"></span>
<span class="icon"></span>
</label>
<label>
<input type="radio" name="stars" value="3"/>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
</label>
<label>
<input type="radio" name="stars" value="4"/>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
</label>
<label>
<input type="radio" name="stars" value="5"/>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
<span class="icon"></span>
</label>
</form>
<textarea t-model="state.commentValue" t-ref="comment"
placeholder="Type your Comments"/>
</div>
</div>
<footer class="footer">
<div class="button confirm highlight" t-on-click="confirm">
<t t-esc="props.confirmText"/>
</div>
<div class="button cancel" t-on-click="cancel">
<t t-esc="props.cancelText"/>
</div>
</footer>
</div>
</Draggable>
</t>
</templates>

14
pos_customer_feedback/static/src/xml/order_summary_template.xml

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" ?>
<!--Inherited the template ordersummary to add the field feedback in pos session-->
<templates id="template" xml:space="preserve">
<t t-name="OrderSummary" t-inherit="point_of_sale.OrderSummary"
t-inherit-mode="extension" owl="1">
<xpath expr="//div[hasclass('summary')]" position="inside">
<span t-on-click="() => console.warn(this,'this')">Feedback:</span>
<div class="stars-outer">
<div class="stars-inner">
</div>
</div>
</xpath>
</t>
</templates>

22
pos_customer_feedback/views/pos_order_views.xml

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8" ?>
<!--To add new field to pos order-->
<odoo>
<!--Inherited form view of pos order to add new feedback fields to pos order-->
<record id="view_pos_pos_form" model="ir.ui.view">
<field name="name">pos.order.view.form.inherit.pos.customer.feedback
</field>
<field name="model">pos.order</field>
<field name="inherit_id" ref="point_of_sale.view_pos_pos_form"/>
<field name="arch" type="xml">
<xpath expr="//page[@name='notes']" position="after">
<page name="Feedback">
<group>
<field name="feedback" invisible="1"/>
<field name="rating"/>
<field name="comment"/>
</group>
</page>
</xpath>
</field>
</record>
</odoo>
Loading…
Cancel
Save