Merge pull request #197 from leemyongpakvn/make_rating_mandatory

Make rating mandatory
PrestaShop · Feb 6, 2024 · f2f4d1f · f2f4d1f
2 parents 40614d2 + 357a3f6
commit f2f4d1f
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/views/css/productcomments.css b/views/css/productcomments.css
@@ -291,6 +291,12 @@
   font-weight: bold;
 }
 
+#ratingNotChosen {
+  font-size: smaller;
+  color: #ab4746;
+  text-align: right;
+}
+
 #post-product-comment-form input.error,
 #post-product-comment-form textarea.error {
   background-color: #f2dede;

diff --git a/views/js/jquery.rating.plugin.js b/views/js/jquery.rating.plugin.js
@@ -96,6 +96,7 @@ jQuery.fn.rating = function(generalOptions) {
         newStar.on('click', function selectGrade() {
           var selectedGrade = $(this).data('grade');
           ratingInput.val(selectedGrade);
+          ratingChosen = true;
         });
         fullStars.append(newStar);
       }

diff --git a/views/js/post-comment.js b/views/js/post-comment.js
@@ -39,10 +39,16 @@ jQuery(document).ready(function () {
   const commentPostedModal = $('#product-comment-posted-modal');
   const commentPostErrorModal = $('#product-comment-post-error');
 
+  const criterionsList = $('#criterions_list');
+  criterionsList.append('<div id="ratingNotChosen">* ' + productCommentMandatoryMessage + '</div>');
+  const criterionsInfo = $('#ratingNotChosen');  
+
   function showPostCommentModal() {
     commentPostedModal.modal('hide');
     commentPostErrorModal.modal('hide');
     postCommentModal.modal('show');
+    ratingChosen = false;
+    criterionsInfo.hide();
   }
 
   function showCommentPostedModal() {
@@ -122,7 +128,14 @@ jQuery(document).ready(function () {
         $(fieldSelector).removeClass('error');
         $(fieldSelector).addClass('valid');
       }
-    });
+
+      if (!ratingChosen) {
+        criterionsInfo.show();
+        isValid = false;
+      } else {
+        criterionsInfo.hide();
+      }
+    });  
 
     return isValid;
   }

diff --git a/views/templates/hook/post-comment-modal.tpl b/views/templates/hook/post-comment-modal.tpl
@@ -25,6 +25,8 @@
 
 <script type="text/javascript">
   var productCommentPostErrorMessage = '{l s='Sorry, your review cannot be posted.' d='Modules.Productcomments.Shop' js=1}';
+  var productCommentMandatoryMessage = '{l s='Please choose a rating for your review.' d='Modules.Productcomments.Shop' js=1}';
+  var ratingChosen = false;
 </script>
 
 <div id="post-product-comment-modal" class="modal fade product-comment-modal" role="dialog" aria-hidden="true">