User Reviews: full page (no overlay), Rich Text Editor for review "summary" and review fields

I actually have this as a TODO item as the Overlay was nice for when it was just a simple text input for a short summary. With the addition of Review Fields, Pros, Cons, Summary etc, it would be much better as its own page (and will be able to use the EDITORS properly as well.

 

I've made it so that when the category is set to RATING ONLY, it uses the overlay and when its set to Rate & Review, it renders the review form as a full page. I also changed the Review EDIT from an overlay to full page.

 

This has been fully implemented.

Changes to the User Reviews are as follows:

When the Rating System Type is set to "Rate & Review" for a specific category, when clicking on the Stars to "Rate & Review", there is no longer an OVERLAY that pops up. You are taken to a FULL PAGE which can better handle complex reviews with several fields.

You can now change the overall rating before submitting the initial review.

Review Fields that are "Rich Text" now use the Full Rich Text Editor instead of textarea inputs.

The "Summary" has been converted from a text area to using the Full Rich Text Editor.

When EDITING a review, you are taken to a FULL PAGE instead of an overlay (for the same reason as stated above which is to properly handle complex reviews).

There are no changes for when the Rating System Type is set to "Rate Only". This applies to REVIEWS only.​

 

btw, it is now possible to create REVIEW buttons as you can go directly to the Rate & Review form without the dependency of clicking on the JS stars. You still need to wrap the button in the required conditionals however..

example...

HTML:

<xen:if is="{{$category.rate_review_system} == 2 && {$item.canRateItem}">
    <a class="callToAction" href="{xen:link showcase/rate-review, $item}"><span>
        Review Item
        <small class="minorText">small text</small>
    </span></a>         
</xen:if>