#3091 Changed rating markup

nopSolutions · Jul 6, 2018 · 2a80356 · 2a80356
1 parent b293e3d
commit 2a80356
Showing 1 changed file with 27 additions and 22 deletions.
diff --git a/src/Presentation/Nop.Web/Views/Product/ProductReviews.cshtml b/src/Presentation/Nop.Web/Views/Product/ProductReviews.cshtml
@@ -46,9 +46,10 @@
                                 <span asp-validation-for="AddProductReview.ReviewText"></span>
                             </div>
                             <div class="review-rating">
-                                <div class="name-description"> 
+                                <div class="name-description">
                                     <label asp-for="AddProductReview.Rating" asp-postfix=":"></label>
-                                 </div>
+                                </div>
+                                <div class="rating-wrapper">
                                     <div class="label first">@T("Reviews.Fields.Rating.Bad")</div>
                                     <div class="rating-options">
                                         <input asp-for="AddProductReview.Rating" value="1" type="radio" id="addproductrating_1" />
@@ -59,26 +60,29 @@
                                     </div>
                                     <div class="label last">@T("Reviews.Fields.Rating.Excellent")</div>
                                 </div>
-                                @if (Model.ReviewTypeList.Count > 0)
+                            </div>
+                            @if (Model.ReviewTypeList.Count > 0)
+                            {
+                                foreach (var additionalReview in Model.AddAdditionalProductReviewList.OrderBy(ob => ob.DisplayOrder).ToList())
                                 {
-                                    foreach (var additionalReview in Model.AddAdditionalProductReviewList.OrderBy(ob => ob.DisplayOrder).ToList())
-                                    {
-                                        var curAdditionalReview = Model.AddAdditionalProductReviewList.IndexOf(additionalReview);
-                                        <div class="review-rating">
-                                            <div class="name-description">
-                                                <div class="tooltip">@Html.Raw(additionalReview.Name):
-                                                    <span class="tooltiptext">@Html.Raw(additionalReview.Description)</span>
-                                                </div>
-                                            </div>                                            
+                                    var curAdditionalReview = Model.AddAdditionalProductReviewList.IndexOf(additionalReview);
+                                    <div class="review-rating">
+                                        <div class="name-description">
+                                            <div class="tooltip">
+                                                @Html.Raw(additionalReview.Name):
+                                                <span class="tooltiptext">@Html.Raw(additionalReview.Description)</span>
+                                            </div>
+                                        </div>
+                                        <div class="rating-wrapper">
                                             <div class="label first">@T("Reviews.Fields.Rating.Bad")</div>
                                             <div class="rating-options">
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].ReviewTypeId" value="@(additionalReview.ReviewTypeId)" type="hidden" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Name" value="@(additionalReview.Name)" type="hidden" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Description" value="@(additionalReview.Description)" type="hidden" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].DisplayOrder" value="@(additionalReview.DisplayOrder)" type="hidden" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].IsRequired" value="@(additionalReview.IsRequired)" type="hidden" />
-                                                
-                                                <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Rating" value="0" type="radio" id="addproductratingext_0_@(additionalReview.ReviewTypeId)" style="display: none;"/>
+
+                                                <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Rating" value="0" type="radio" id="addproductratingext_0_@(additionalReview.ReviewTypeId)" style="display: none;" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Rating" value="1" type="radio" id="addproductratingext_1_@(additionalReview.ReviewTypeId)" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Rating" value="2" type="radio" id="addproductratingext_2_@(additionalReview.ReviewTypeId)" />
                                                 <input asp-for="@Model.AddAdditionalProductReviewList[curAdditionalReview].Rating" value="3" type="radio" id="addproductratingext_3_@(additionalReview.ReviewTypeId)" />
@@ -87,16 +91,17 @@
                                             </div>
                                             <div class="label last">@T("Reviews.Fields.Rating.Excellent")</div>
                                         </div>
-                                    }
-                                }
-
-                                @if (Model.AddProductReview.DisplayCaptcha)
-                                {
-                                    <div class="captcha-box">
-                                        <nop-captcha />
                                     </div>
                                 }
-                            </div>
+                            }
+
+                            @if (Model.AddProductReview.DisplayCaptcha)
+                            {
+                                <div class="captcha-box">
+                                    <nop-captcha />
+                                </div>
+                            }
+                        </div>
                     </div>
                     <div class="buttons">
                         <input type="submit" name="add-review" class="button-1 write-product-review-button" value="@T("Reviews.SubmitButton")" />