Changeset 1298994

Timestamp:

12/02/2015 12:31:01 PM (10 years ago)

Author:

rateit.cool

Message:

Version 1.0.2: public review form, detail review

Location:

rateitcool/trunk

Files:

• assets/css/rate-it-cool.css (modified) (3 diffs)
• assets/js/rateit.cool.js (modified) (24 diffs)
• classes/class-wc-rateitcool-export-reviews.php (modified) (2 diffs)
• lib/rateitcool-api/RateItCool.php (modified) (1 diff)
• readme.txt (modified) (4 diffs)
• screenshot-1.png (modified) (previous)
• screenshot-3.png (modified) (previous)
• screenshot-4.png (modified) (previous)
• screenshot-5.png (modified) (previous)
• screenshot-6.png (modified) (previous)
• screenshot-7.png (added)
• screenshot-8.png (added)
• templates/wc-rateitcool-settings.php (modified) (11 diffs)
• wc_rateitcool.php (modified) (19 diffs)

rateitcool/trunk/assets/css/rate-it-cool.css

@@ -5 +5 @@
 }
 .woocommerce .star-rating {
-  width: 90px;
+  width: 85px;
   float: left;
   margin: 4px 0;
+}
+.rate-it-cool-product-feedbacks hr {
+  margin: 5px 0;
 }
 .rate-it-cool-product-feedbacks .date {
@@ -13 +16 @@
 }
 .rate-it-cool-product-feedbacks td.ratings {
-  width: 80px;
+  width: 85px;
 }
 .rate-it-cool-product-feedbacks .helpful .positive, .rate-it-cool-product-feedbacks .helpful .negative {
@@ -33 +36 @@
   margin-top: 10px;
 }
+.rate-it-cool-show-stars {
+  margin-left: 5px;
+  padding: 2px 5px;
+  cursor: pointer;
+  outline: #ccc 1px solid;
+}
+
+.rate-it-cool-stars-detail-table {
+  outline: solid 1px #ccc;
+  margin-top: 10px;
+  max-width: 200px;
+}
+
+#feedbackform table {
+  max-width: 200px;
+}
+
+.rate-it-cool-stars-detail-table td, .rate-it-cool-stars-detail-table th {
+  padding: 2px;
+}
+.rate-it-cool-stars-detail-table td.stars {
+  width: 90px;
+}
+
+.overview table.feedbackOverview {
+  float: left;
+  width: 200px;
+}
+table.rate-it-cool-detail-stars {
+  float: right;
+  width:200px;
+}
+.clearfix {
+  clear:both;
+}
+.feedbackOverview td, .rate-it-cool-detail-stars td {
+  padding: 2px;
+}
+.rate-it-cool-stars-detail-table th {
+  background-color: #ccc;
+  font-weight: bold;
+}
+.rate-it-cool-verified, .rate-it-cool-public, .rate-it-cool-mobile {
+  float: right;
+  font-weight: bold;
+}
+
+.star-rating.oneStars, .star-rating.twoStars, .star-rating.threeStars, .star-rating.fourStars, .star-rating.fiveStars {
+  width: 17px;
+  float:left;
+}
+.feedback-title input {
+  width: 100%;
+  margin: 0 0 10px 0;
+}

rateitcool/trunk/assets/js/rateit.cool.js

@@ -5 +5 @@
       _limit = 3,
       _jQuery = $,
+      _securityText = '',
+      _labels = {},
       _server = 'https://api.rateit.cool',
       _oldjQuery = $;
@@ -25 +27 @@
           gpnvalues = {},
           gpnvalue = '',
-          error = true;
+          language = '',
+          error = true,
+          formId = undefined;
       for ( var i = 0; i < productlistSpans.length; i++ ) {
         if (_jQuery(productlistSpans[ i ]).attr('data-gpntype') !== undefined) {
           gpntype =  _jQuery(productlistSpans[ i ]).attr('data-gpntype');
         }
+        if (_jQuery(productlistSpans[ i ]).attr('data-language') !== undefined) {
+          if (language === '') {
+            language =  _jQuery(productlistSpans[ i ]).attr('data-language');
+          }
+        }
         if (_jQuery(productlistSpans[ i ]).attr('data-gpnvalue') !== undefined) {
           gpnvalue = _jQuery(productlistSpans[ i ]).attr('data-gpnvalue');
@@ -45 +54 @@
           }
         }
+        if (_jQuery(productlistSpans[ i ]).attr('data-form') !== undefined) {
+          formId = _jQuery(productlistSpans[ i ]).attr('data-form');
+        }
       }
       if (!error) {
@@ -50 +62 @@
           if (values.length > 0) {
             _jQuery.ajax({
-              url : _server + '/stars/' + gpntype + '/' + values.join(','),
+              url : _server + '/stars/' + gpntype + '/' + values.join(',') + '/' + language,
               method: 'GET',
               dataType : 'json',
@@ -66 +78 @@
                     destinationElement.find('.rate-it-cool-review-summary').attr('style','width: ' + Number((oneRatingResponse.summary * 20).toFixed(0)) + '%;');
                     destinationElement.find('.rateit-cool-review-link').show();
+                    if (formId !== undefined) {
+                      // feedback form
+                      if (oneRatingResponse.details !== undefined) {
+                        if (oneRatingResponse.details.detail1 !== undefined) {
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail1 .label').text(oneRatingResponse.labels.detail1);
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail1').show();
+                        }
+                        if (oneRatingResponse.details.detail2 !== undefined) {
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail2 .label').text(oneRatingResponse.labels.detail2);
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail2').show();
+                        }
+                        if (oneRatingResponse.details.detail3 !== undefined) {
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail3 .label').text(oneRatingResponse.labels.detail3);
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail3').show();
+                        }
+                        if (oneRatingResponse.details.detail4 !== undefined) {
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail4 .label').text(oneRatingResponse.labels.detail4);
+                          _jQuery('form[name=' + formId + ']').find('.reviewDetail4').show();
+                        }
+                      }
+                    } else if (oneRatingResponse.details !== undefined) {
+                      if (oneRatingResponse.details.detail1 !== undefined) {
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail1 .label').text(oneRatingResponse.labels.detail1);
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail1').show();
+                      }
+                      if (oneRatingResponse.details.detail2 !== undefined) {
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail2 .label').text(oneRatingResponse.labels.detail2);
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail2').show();
+                      }
+                      if (oneRatingResponse.details.detail3 !== undefined) {
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail3 .label').text(oneRatingResponse.labels.detail3);
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail3').show();
+                      }
+                      if (oneRatingResponse.details.detail4 !== undefined) {
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail4 .label').text(oneRatingResponse.labels.detail4);
+                        _jQuery('.rate-it-cool-feedback-form').find('.reviewDetail4').show();
+                      }
+                    }
                   });
                 }
@@ -80 +130 @@
     var productlistSpans = _jQuery('.rate-it-cool-product-detail'),
         gpntype = '',
-        gpnvalue = '';
+        gpnvalue = '',
+        language = '',
+        template = '';
 
     if (productlistSpans && productlistSpans.length > 0) {
@@ -89 +141 @@
       if (_jQuery(productlistSpans[0]).attr('data-gpnvalue') !== undefined) {
         gpnvalue = _jQuery(productlistSpans[0]).attr('data-gpnvalue');
+      }
+      if (_jQuery(productlistSpans[0]).attr('data-language') !== undefined) {
+        if (language === '') {
+          language =  _jQuery(productlistSpans[0]).attr('data-language');
+        }
       }
       var destinationElement = _jQuery(productlistSpans[0]);
       if (gpntype && gpnvalue) {
         _jQuery.ajax({
-          url : _server + '/stars/' + gpntype + '/' + gpnvalue,
+          url : _server + '/stars/' + gpntype + '/' + gpnvalue + '/' + language,
           method: 'GET',
           dataType : 'json',
@@ -103 +160 @@
           },
           success : function(data) {
+            template = _jQuery('.rate-it-cool-stars-detail-table').html();
             if (data.length > 0) {
               var oneRatingResponse = data[0];
+              if (oneRatingResponse.details !== undefined) {
+                if (oneRatingResponse.details.detail1 !== undefined) {
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail1 .label').text(oneRatingResponse.labels.detail1);
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail1').show();
+                }
+                if (oneRatingResponse.details.detail2 !== undefined) {
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail2 .label').text(oneRatingResponse.labels.detail2);
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail2').show();
+                }
+                if (oneRatingResponse.details.detail3 !== undefined) {
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail3 .label').text(oneRatingResponse.labels.detail3);
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail3').show();
+                }
+                if (oneRatingResponse.details.detail4 !== undefined) {
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail4 .label').text(oneRatingResponse.labels.detail4);
+                  _jQuery('#feedbackform.rate-it-cool-feedback-form').find('.reviewDetail4').show();
+                }
+              }
+              if (oneRatingResponse.total > 0) {
+                _jQuery('.rate-it-cool-stars-detail-table').html(template
+                  .split('$review.summary').join(Number((oneRatingResponse.summary).toFixed(0)))
+                  .split('$review.total').join(oneRatingResponse.total)
+                  .split('$review.star5').join(oneRatingResponse.stars.five)
+                  .split('$review.star4').join(oneRatingResponse.stars.four)
+                  .split('$review.star3').join(oneRatingResponse.stars.three)
+                  .split('$review.star2').join(oneRatingResponse.stars.two)
+                  .split('$review.star1').join(oneRatingResponse.stars.one)
+                  .split('$details.display').join((oneRatingResponse.details == undefined || oneRatingResponse.details.detail1 == undefined ? 'display:none;':''))
+                  .split('$details.total').join((oneRatingResponse.details == undefined || oneRatingResponse.details.total !== undefined ? oneRatingResponse.details.total:0))
+                  .split('$details.percent').join((oneRatingResponse.details == undefined || oneRatingResponse.details.total !== undefined ? Number(oneRatingResponse.details.total/(oneRatingResponse.total/100).toFixed(2)) :0))
+                  .split('$details.detail1.display').join((oneRatingResponse.details == undefined || oneRatingResponse.details.detail1 == undefined ? 'display:none;':''))
+                  .split('$details.detail2.display').join((oneRatingResponse.details == undefined || oneRatingResponse.details.detail2 == undefined ? 'display:none;':''))
+                  .split('$details.detail3.display').join((oneRatingResponse.details == undefined || oneRatingResponse.details.detail3 == undefined ? 'display:none;':''))
+                  .split('$details.detail4.display').join((oneRatingResponse.details == undefined || oneRatingResponse.details.detail4 == undefined ? 'display:none;':''))
+                  .split('$details.detail1.title').join((oneRatingResponse.labels.detail1 !== undefined ? oneRatingResponse.labels.detail1:''))
+                  .split('$details.detail2.title').join((oneRatingResponse.labels.detail2 !== undefined ? oneRatingResponse.labels.detail2:''))
+                  .split('$details.detail3.title').join((oneRatingResponse.labels.detail3 !== undefined ? oneRatingResponse.labels.detail3:''))
+                  .split('$details.detail4.title').join((oneRatingResponse.labels.detail4 !== undefined ? oneRatingResponse.labels.detail4:''))
+                  .split('$review.details.detail1').join( (Number(oneRatingResponse.details.detail1)*20).toFixed(0) )
+                  .split('$review.details.detail2').join( (Number(oneRatingResponse.details.detail2)*20).toFixed(0) )
+                  .split('$review.details.detail3').join( (Number(oneRatingResponse.details.detail3)*20).toFixed(0) )
+                  .split('$review.details.detail4').join( (Number(oneRatingResponse.details.detail4)*20).toFixed(0) )
+                );
+
+                destinationElement.find('.rate-it-cool-show-stars').show();
+              }
               destinationElement.find('.rate-it-cool-review-counts').text(oneRatingResponse.total);
               destinationElement.find('.rate-it-cool-review-summary').removeClass('rate-it-cool-review-summary-empty').attr('style','width: ' + Number((oneRatingResponse.summary * 20).toFixed(0)) + '%;');
@@ -121 +225 @@
         language = '',
         templateOneFeedback = _jQuery('#rate-it-cool-product-feedbacks-template .feedbackElement').html(),
+        templateMissingFeedback = _jQuery('#rate-it-cool-product-feedbacks-template .missingFeedback').html(),
+        templateFeedbackForm = _jQuery('#rate-it-cool-product-feedbacks-template .feedbackElements #feedbackform').html(),
         templateList = _jQuery('#rate-it-cool-product-feedbacks-template .feedbackElements').html();
 
@@ -144 +250 @@
 
         _jQuery.ajax({
-          url : _server + '/feedback/' + gpntype + '/' + gpnvalue + '/' + language + '?limit=' + _limit + '&full=true' + extendedString,
+          url : _server + '/feedback/' + gpntype + '/' + gpnvalue + '/' + language + '?limit=' + _limit + extendedString,
           method: 'GET',
           dataType : 'json',
@@ -164 +270 @@
                 counts = data.region;
               }
+              _labels = data.overview.labels;
+              if (data.overview.details == undefined) {
+                data.overview.details = {};
+              }
               templateList = templateList.replace('$five', data.overview.stars.five)
                                           .replace('$four', data.overview.stars.four)
@@ -170 +280 @@
                                           .replace('$one', data.overview.stars.one)
                                           .replace('$total.all', data.total.all)
+                                          .replace('$overview.total', data.overview.total)
+                                          .split('$detail.show').join( (data.overview.details.detail1 !== undefined?'':'display:none;') )
+                                          .replace('$details.total', (data.overview.details == undefined || data.overview.details.total !== undefined ? data.overview.details.total : 0))
+                                          .replace('$details.percent', (data.overview.details == undefined || data.overview.details.total !== undefined ? Number(data.overview.details.total/(data.overview.total/100).toFixed(2)) :0))
+                                          .replace('$details.detail1.display', (data.overview.details == undefined || data.overview.details.detail1 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail2.display', (data.overview.details == undefined || data.overview.details.detail2 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail3.display', (data.overview.details == undefined || data.overview.details.detail3 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail4.display', (data.overview.details == undefined || data.overview.details.detail4 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail1.title', (data.overview.labels.detail1 !== undefined ? data.overview.labels.detail1:''))
+                                          .replace('$details.detail2.title', (data.overview.labels.detail2 !== undefined ? data.overview.labels.detail2:''))
+                                          .replace('$details.detail3.title', (data.overview.labels.detail3 !== undefined ? data.overview.labels.detail3:''))
+                                          .replace('$details.detail4.title', (data.overview.labels.detail4 !== undefined ? data.overview.labels.detail4:''))
+                                          .split('$detail.detail1').join( Number((data.overview.details.detail1 !== undefined?(data.overview.details.detail1*20):0)).toFixed(0) )
+                                          .split('$detail.detail2').join( Number((data.overview.details.detail2 !== undefined?(data.overview.details.detail2*20):0)).toFixed(0) )
+                                          .split('$detail.detail3').join( Number((data.overview.details.detail3 !== undefined?(data.overview.details.detail3*20):0)).toFixed(0) )
+                                          .split('$detail.detail4').join( Number((data.overview.details.detail4 !== undefined?(data.overview.details.detail4*20):0)).toFixed(0) )
                                           .replace('$total.language', data.total.language)
                                           .replace('$total.region', data.total.region)
@@ -181 +307 @@
                 // create elemnt from template
                 var oneFeedback = templateOneFeedback;
+                if (feedback.details == undefined) {
+                  feedback.details = {};
+                }
                 oneFeedback = oneFeedback.replace('$review.stars', (feedback.stars * 20))
-                                          .replace('$review.time', new Date(feedback.time).toLocaleString())
+                                          .replace('$review.time', new Date(feedback.time).toLocaleDateString())
                                           .replace('$review.title', feedback.title)
                                           .replace('$review.content', feedback.content)
@@ -189 +318 @@
                                           .split('$review.gpnvalue').join(data.gpnvalue)
                                           .split('$review.language').join(feedback.language + '_' + feedback.region)
+                                          .split('$review.detail.show').join( (feedback.details !== undefined && feedback.details.detail1 !== undefined?'':'display:none;'))
+                                          .replace('$details.detail1.display', (feedback.details == undefined || feedback.details.detail1 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail2.display', (feedback.details == undefined || feedback.details.detail2 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail3.display', (feedback.details == undefined || feedback.details.detail3 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail4.display', (feedback.details == undefined || feedback.details.detail4 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail1.title', (_labels.detail1 !== undefined ? _labels.detail1:''))
+                                          .replace('$details.detail2.title', (_labels.detail2 !== undefined ? _labels.detail2:''))
+                                          .replace('$details.detail3.title', (_labels.detail3 !== undefined ? _labels.detail3:''))
+                                          .replace('$details.detail4.title', (_labels.detail4 !== undefined ? _labels.detail4:''))
+                                          .split('$review.detail.detail1').join( (feedback.details.detail1 !== undefined?(feedback.details.detail1*20):0))
+                                          .split('$review.detail.detail2').join( (feedback.details.detail2 !== undefined?(feedback.details.detail2*20):0))
+                                          .split('$review.detail.detail3').join( (feedback.details.detail3 !== undefined?(feedback.details.detail3*20):0))
+                                          .split('$review.detail.detail4').join( (feedback.details.detail4 !== undefined?(feedback.details.detail4*20):0))
+                                          .split('$review.source').join(feedback.source)
+                                          .split('$review.verified_source').join((feedback.source === 'verified'?'display:block;':'display:none;'))
+                                          .split('$review.public_source').join((feedback.source === 'public'?'display:block;':'display:none;'))
+                                          .split('$review.mobile_source').join((feedback.source === 'mobile'?'display:block;':'display:none;'))
                                           .split('$review.positive').join(feedback.positive)
                                           .split('$review.negative').join(feedback.negative);
@@ -195 +341 @@
               });
               destinationElement.html(templateList.replace('$list',feedbackElements.join('')));
+            } else {
+              destinationElement.html(templateMissingFeedback.split('$feedbackForm').join(templateFeedbackForm));
+              if (data.overview.details !== undefined) {
+                if (data.overview.details.detail1 !== undefined) {
+                  destinationElement.find('.reviewDetail1 .label').text(data.overview.labels.detail1);
+                  destinationElement.find('.reviewDetail1').show();
+                }
+                if (data.overview.details.detail2 !== undefined) {
+                  destinationElement.find('.reviewDetail2 .label').text(data.overview.labels.detail2);
+                  destinationElement.find('.reviewDetail2').show();
+                }
+                if (data.overview.details.detail3 !== undefined) {
+                  destinationElement.find('.reviewDetail3 .label').text(data.overview.labels.detail3);
+                  destinationElement.find('.reviewDetail3').show();
+                }
+                if (data.overview.details.detail4 !== undefined) {
+                  destinationElement.find('.reviewDetail4 .label').text(data.overview.labels.detail4);
+                  destinationElement.find('.reviewDetail4').show();
+                }
+              }
             }
           }
@@ -271 +437 @@
                 var oneFeedback = templateOneFeedback;
                 oneFeedback = oneFeedback.replace('$review.stars', (feedback.stars * 20))
-                                          .replace('$review.time', new Date(feedback.time).toLocaleString())
+                                          .replace('$review.time', new Date(feedback.time).toLocaleDateString())
                                           .replace('$review.title', feedback.title)
                                           .replace('$review.content', feedback.content)
                                           .split('$review.id').join(feedback._id)
+                                          .split('$review.detail.show').join( (feedback.details !== undefined && feedback.details.detail1 !== undefined?'':'display:none;'))
+                                          .replace('$details.detail1.display', (feedback.details == undefined || feedback.details.detail1 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail2.display', (feedback.details == undefined || feedback.details.detail2 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail3.display', (feedback.details == undefined || feedback.details.detail3 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail4.display', (feedback.details == undefined || feedback.details.detail4 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail1.title', (_labels.detail1 !== undefined ? _labels.detail1:''))
+                                          .replace('$details.detail2.title', (_labels.detail2 !== undefined ? _labels.detail2:''))
+                                          .replace('$details.detail3.title', (_labels.detail3 !== undefined ? _labels.detail3:''))
+                                          .replace('$details.detail4.title', (_labels.detail4 !== undefined ? _labels.detail4:''))
+                                          .split('$review.detail.detail1').join( (feedback.details.detail1 !== undefined?(feedback.details.detail1*20):0))
+                                          .split('$review.detail.detail2').join( (feedback.details.detail2 !== undefined?(feedback.details.detail2*20):0))
+                                          .split('$review.detail.detail3').join( (feedback.details.detail3 !== undefined?(feedback.details.detail3*20):0))
+                                          .split('$review.detail.detail4').join( (feedback.details.detail4 !== undefined?(feedback.details.detail4*20):0))
+                                          .split('$review.source').join(feedback.source)
+                                          .split('$review.verified_source').join((feedback.source === 'verified'?'display:block;':'display:none;'))
+                                          .split('$review.public_source').join((feedback.source === 'public'?'display:block;':'display:none;'))
+                                          .split('$review.mobile_source').join((feedback.source === 'mobile'?'display:block;':'display:none;'))
                                           .split('$review.gpntype').join(data.gpntype)
                                           .split('$review.gpnvalue').join(data.gpnvalue)
@@ -295 +478 @@
     _jQuery('.rateit-cool-send-feedback').delegate('a', 'click', function(e){
       e.preventDefault();
-      var gpntype = _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=gpntype]').val(),
-          gpnvalue = _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=gpnvalue]').val(),
-          language = _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=language]').val(),
+      var _form = _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']'),
+          gpntype = _form.find('[name=gpntype]').val(),
+          gpnvalue = _form.find('[name=gpnvalue]').val(),
+          language = _form.find('[name=language]').val(),
+          detail1 = parseInt(_form.find('[name=detail1]').val()),
+          detail2 = parseInt(_form.find('[name=detail2]').val()),
+          detail3 = parseInt(_form.find('[name=detail3]').val()),
+          detail4 = parseInt(_form.find('[name=detail4]').val()),
+          detail = (detail1 + detail2 + detail3 + detail4),
           feedbackElement = {
-            stars: parseInt(_jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=stars]').val()),
-            title: _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=feedbackTitle]').val(),
-            content: _jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=feedbackContent]').val(),
-            recommend: (_jQuery('form[name=' + _jQuery(this).attr('data-formname') + ']').find('[name=recommend]').is(':checked')?1:0)
-          },
-          destinationElement = _jQuery(this);
-
-      if (gpntype && gpnvalue && language && feedbackElement.title !== '' && feedbackElement.content !== '' && feedbackElement.stars > 0) {
+            stars: parseInt(_form.find('[name=stars]').val()),
+            title: _form.find('[name=feedbackTitle]').val(),
+            source: _form.find('[name=source]').val(),
+            content: _form.find('[name=feedbackContent]').val(),
+            recommend: (_form.find('[name=recommend]').is(':checked')?1:0),
+            details: {
+              detail1: detail1,
+              detail2: detail2,
+              detail3: detail3,
+              detail4: detail4
+            }
+          },
+          destinationElement = _jQuery(this),
+          securitytext = _form.find('[name=securityText]').val(),
+          formOk = true;
+
+      if (detail > 0) {
+        feedbackElement.stars = (detail / ((detail1 > 0?1:0) + (detail2 > 0?1:0) + (detail3 > 0?1:0) + (detail4 > 0?1:0)));
+      }
+      if (securitytext !== undefined) {
+        formOk = (securitytext === _securityText);
+        if (!formOk) {
+          _form.find('[name=securityText]').addClass('rate-it-cool-error');
+        }
+      }
+      if (formOk && gpntype && gpnvalue && language && feedbackElement.title !== '' && feedbackElement.content !== '' && feedbackElement.stars > 0) {
         _jQuery.ajax({
           url : _server + '/feedback/' + gpntype + '/' + gpnvalue + '/' + language,
@@ -348 +555 @@
     _jQuery('.rate-it-cool-feedback-form').delegate('.oneStars', 'click', function(e) {
       e.preventDefault();
-      _jQuery(this).parents('form').find('.rate-it-cool-review-summary').attr('style','');
+      _jQuery(this).parents('tr').find('.rate-it-cool-review-summary').attr('style','');
       _jQuery(this).find('.rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('[name=stars]').val(2);
-      _jQuery(this).parents('form').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
+      _jQuery(this).parents('tr').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('input.stars').val(1);
+      _jQuery(this).parents('tr').find('[name=stars]').val(1);
+      _jQuery(this).parents('tr').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
     });
 
     _jQuery('.rate-it-cool-feedback-form').delegate('.twoStars', 'click', function(e) {
       e.preventDefault();
-      _jQuery(this).parents('form').find('.rate-it-cool-review-summary').attr('style','');
+      _jQuery(this).parents('tr').find('.rate-it-cool-review-summary').attr('style','');
       _jQuery(this).find('.rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('[name=stars]').val(2);
-      _jQuery(this).parents('form').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
+      _jQuery(this).parents('tr').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('input.stars').val(2);
+      _jQuery(this).parents('tr').find('[name=stars]').val(2);
+      _jQuery(this).parents('tr').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
     });
 
     _jQuery('.rate-it-cool-feedback-form').delegate('.threeStars', 'click', function(e) {
       e.preventDefault();
-      _jQuery(this).parents('form').find('.rate-it-cool-review-summary').attr('style','');
+      _jQuery(this).parents('tr').find('.rate-it-cool-review-summary').attr('style','');
       _jQuery(this).find('.rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('[name=stars]').val(3);
-      _jQuery(this).parents('form').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
+      _jQuery(this).parents('tr').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('input.stars').val(3);
+      _jQuery(this).parents('tr').find('[name=stars]').val(3);
+      _jQuery(this).parents('tr').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
     });
 
     _jQuery('.rate-it-cool-feedback-form').delegate('.fourStars', 'click', function(e) {
       e.preventDefault();
-      _jQuery(this).parents('form').find('.rate-it-cool-review-summary').attr('style','');
+      _jQuery(this).parents('tr').find('.rate-it-cool-review-summary').attr('style','');
       _jQuery(this).find('.rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.fourStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('[name=stars]').val(4);
-      _jQuery(this).parents('form').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
+      _jQuery(this).parents('tr').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.fourStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('input.stars').val(4);
+      _jQuery(this).parents('tr').find('[name=stars]').val(4);
+      _jQuery(this).parents('tr').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
     });
 
     _jQuery('.rate-it-cool-feedback-form').delegate('.fiveStars', 'click', function(e) {
       e.preventDefault();
-      _jQuery(this).parents('form').find('.rate-it-cool-review-summary').attr('style','');
+      _jQuery(this).parents('tr').find('.rate-it-cool-review-summary').attr('style','');
       _jQuery(this).find('.rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.fourStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('.fiveStars .rate-it-cool-review-summary').attr('style','width:100%;');
-      _jQuery(this).parents('form').find('[name=stars]').val(5);
-      _jQuery(this).parents('form').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
+      _jQuery(this).parents('tr').find('.oneStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.twoStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.threeStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.fourStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('.fiveStars .rate-it-cool-review-summary').attr('style','width:100%;');
+      _jQuery(this).parents('tr').find('input.stars').val(5);
+      _jQuery(this).parents('tr').find('[name=stars]').val(5);
+      _jQuery(this).parents('tr').find('.rate-it-cool-star-text').html(_jQuery(this).attr('title'));
     });
     // fill stars on click end
@@ -530 +742 @@
   };
 
+  var _showFeedbackFormOnClick = function() {
+    _jQuery('.rate-it-cool-product-feedbackform').delegate('a.rateit-cool-show-feedbackform-link','click',function(e) {
+      e.preventDefault();
+      _jQuery('.rate-it-cool-feedback-form').toggle('bounce');
+    });
+  };
+
   var _showMoreFeedbacksOnClick = function () {
     _jQuery('.showMoreFeedbacks').on('click', function(e) {
@@ -569 +788 @@
               // render each feedback
               data.elements.forEach(function(feedback) {
+                if (feedback.details == undefined) {
+                  feedback.details = {};
+                }
                 // create elemnt from template
                 var oneFeedback = templateOneFeedback;
                 oneFeedback = oneFeedback.replace('$review.stars', (feedback.stars * 20))
-                                          .replace('$review.time', new Date(feedback.time).toLocaleString())
+                                          .replace('$review.time', new Date(feedback.time).toLocaleDateString())
                                           .replace('$review.title', feedback.title)
                                           .replace('$review.content', feedback.content)
@@ -578 +800 @@
                                           .split('$review.gpntype').join(data.gpntype)
                                           .split('$review.gpnvalue').join(data.gpnvalue)
+                                          .split('$review.detail.show').join( (feedback.details !== undefined && feedback.details.detail1 !== undefined?'':'display:none;'))
+                                          .replace('$details.detail1.display', (feedback.details == undefined || feedback.details.detail1 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail2.display', (feedback.details == undefined || feedback.details.detail2 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail3.display', (feedback.details == undefined || feedback.details.detail3 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail4.display', (feedback.details == undefined || feedback.details.detail4 == undefined ? 'display:none;':''))
+                                          .replace('$details.detail1.title', (_labels.detail1 !== undefined ? _labels.detail1:''))
+                                          .replace('$details.detail2.title', (_labels.detail2 !== undefined ? _labels.detail2:''))
+                                          .replace('$details.detail3.title', (_labels.detail3 !== undefined ? _labels.detail3:''))
+                                          .replace('$details.detail4.title', (_labels.detail4 !== undefined ? _labels.detail4:''))
+                                          .split('$review.detail.detail1').join( (feedback.details.detail1 !== undefined?(feedback.details.detail1*20):0))
+                                          .split('$review.detail.detail2').join( (feedback.details.detail2 !== undefined?(feedback.details.detail2*20):0))
+                                          .split('$review.detail.detail3').join( (feedback.details.detail3 !== undefined?(feedback.details.detail3*20):0))
+                                          .split('$review.detail.detail4').join( (feedback.details.detail4 !== undefined?(feedback.details.detail4*20):0))
+                                          .split('$review.source').join(feedback.source)
+                                          .split('$review.verified_source').join((feedback.source === 'verified'?'display:block;':'display:none;'))
+                                          .split('$review.public_source').join((feedback.source === 'public'?'display:block;':'display:none;'))
+                                          .split('$review.mobile_source').join((feedback.source === 'mobile'?'display:block;':'display:none;'))
                                           .split('$review.language').join(feedback.language + '_' + feedback.region)
                                           .split('$review.positive').join(feedback.positive)
@@ -610 +849 @@
     _showMoreFeedbacksOnClick();
     _sendIncorrectOnClick();
-
+    _showFeedbackFormOnClick();
+    _jQuery('.rate-it-cool-show-stars').on('click',function(e) {
+      e.preventDefault();
+      _jQuery('.rate-it-cool-stars-detail-table').toggle('bounce');
+    });
     _openFeedbackForm();
+
   }
 
@@ -618 +862 @@
       _username = params.username;
       _password = params.password;
+      _securityText = params.securitytext;
       _limit = params.limit;
       if (params.noConflict) {
@@ -635 +880 @@
   username: rateitcool_settings.username,
   password: rateitcool_settings.apikey,
+  securitytext: rateitcool_settings.securitytext,
   limit: 3,
   noConflict: false

rateitcool/trunk/classes/class-wc-rateitcool-export-reviews.php

@@ -92 +92 @@
         'language',
         'stars',
-        'costbenefit',
-        'design',
-        'workmanship',
-        'description',
-        'details-total',
         'positive',
         'negative',
         'recommend',
+        'status',
         'time',
-        'status'
+        'category',
+        'detail1',
+        'detail2',
+        'detail3',
+        'detail4'
       );
     }
@@ -137 +137 @@
         $current_review['language'] = $settings['language_code'];
         $current_review['stars'] = $value->stars;
-        $current_review['costbenefit'] = 0;
-        $current_review['design'] = 0;
-        $current_review['workmanship'] = 0;
-        $current_review['description'] = 0;
-        $current_review['details-total'] = 0;
         $current_review['positive'] = 0;
         $current_review['negative'] = 0;

rateitcool/trunk/lib/rateitcool-api/RateItCool.php

@@ -8 +8 @@
 class RateItCool {
 
-    const VERSION = '0.0.1';
-      const TIMEOUT = 5;
-    //protected static $username, $apikey, $serverapikey, $base_uri = 'https://api.rateit.cool';
-    protected static $username, $apikey, $serverapikey, $base_uri = 'http://localhost:8080';
-    protected $request;
+  const VERSION = '0.0.1';
+  const TIMEOUT = 5;
+  protected static $username, $apikey, $serverapikey, $base_uri = 'https://api.rateit.cool';
+  //protected static $username, $apikey, $serverapikey, $base_uri = 'http://localhost:8080';
+  protected $request;
 
-    public function __construct($settings) {
-        $this->set_username($settings['username']);
-
-        $this->set_serverapikey($settings['serverapikey']);
-        $this->set_apikey($settings['apikey']);
-    }
+  public function __construct($settings) {
+    $this->set_username($settings['username']);
+    $this->set_serverapikey($settings['serverapikey']);
+    $this->set_apikey($settings['apikey']);
+  }
 
     protected function set_request_method($method, $vars) {
-        switch (strtoupper($method)) {
-            case 'HEAD':
-                curl_setopt($this->request, CURLOPT_NOBODY, true);
-                break;
-            case 'GET':
-                curl_setopt($this->request, CURLOPT_HTTPGET, true);
-                break;
-            case 'POST':
-                curl_setopt($this->request, CURLOPT_POSTFIELDS, $vars);
-                curl_setopt($this->request, CURLOPT_HTTPHEADER, array('Content-Type: application/json', 'Content-length: '.strlen($vars)));
-                curl_setopt($this->request, CURLOPT_POST, true);
-                break;
-            default:
-                curl_setopt($this->request, CURLOPT_CUSTOMREQUEST, $method);
-        }
+      switch (strtoupper($method)) {
+        case 'HEAD':
+            curl_setopt($this->request, CURLOPT_NOBODY, true);
+            break;
+        case 'GET':
+            curl_setopt($this->request, CURLOPT_HTTPGET, true);
+            break;
+        case 'POST':
+            curl_setopt($this->request, CURLOPT_POSTFIELDS, $vars);
+            curl_setopt($this->request, CURLOPT_HTTPHEADER, array('Content-Type: application/json', 'Content-length: '.strlen($vars)));
+            curl_setopt($this->request, CURLOPT_POST, true);
+            break;
+        default:
+            curl_setopt($this->request, CURLOPT_CUSTOMREQUEST, $method);
+      }
     }
 
     protected function set_request_options($url) {
-        curl_setopt($this->request, CURLOPT_URL, $url);
+    curl_setopt($this->request, CURLOPT_URL, $url);
 
-        $headers = array(
-            'Content-Type:application/json',
-            'X-Api-Version: 1.0.0',
-            'X-Api-Key: ' . self::$apikey,
-            'Origin: localhost',
-            'Authorization: Basic '. base64_encode(self::$username . ':' . self::$serverapikey)
-        );
+    $headers = array(
+        'Content-Type:application/json',
+        'X-Api-Version: 1.0.0',
+        'X-Api-Key: ' . self::$apikey,
+        'Origin: localhost',
+        'Authorization: Basic '. base64_encode(self::$username . ':' . self::$serverapikey)
+    );
 
-        # Set some default CURL options
-        curl_setopt($this->request, CURLOPT_HTTPHEADER, $headers);
-        curl_setopt($this->request, CURLOPT_RETURNTRANSFER, true);
+    # Set some default CURL options
+    curl_setopt($this->request, CURLOPT_HTTPHEADER, $headers);
+    curl_setopt($this->request, CURLOPT_RETURNTRANSFER, true);
 
-        curl_setopt($this->request, CURLOPT_FOLLOWLOCATION, true);
-        curl_setopt($this->request, CURLOPT_SSL_VERIFYPEER, false);
-        curl_setopt($this->request, CURLOPT_SSL_VERIFYHOST, false);
-        curl_setopt($this->request, CURLOPT_CONNECTTIMEOUT ,self::TIMEOUT);
+    //curl_setopt($this->request, CURLOPT_FOLLOWLOCATION, true);
+    curl_setopt($this->request, CURLOPT_SSL_VERIFYPEER, false);
+    curl_setopt($this->request, CURLOPT_SSL_VERIFYHOST, false);
+    curl_setopt($this->request, CURLOPT_CONNECTTIMEOUT ,self::TIMEOUT);
+  }
+
+  function request($method, $url, $vars = array()) {
+    if (!empty($vars)) $vars = self::clean_array($vars);
+      $url = self::$base_uri . $url;
+      $this->error = '';
+      $this->request = curl_init();
+      if (is_array($vars)) {
+        if($method == 'POST') {
+            $vars = json_encode($vars);
+        }
+        else {
+            $vars = http_build_query($vars, '', '&');
+        }
+      }
+
+      $this->set_request_method($method, $vars);
+      $this->set_request_options($url);
+      $response = curl_exec($this->request);
+
+      curl_close($this->request);
+
+      return self::process_response($response);
+  }
+
+  protected function get($url, $vars = array()) {
+    if (!empty($vars)) {
+      $url .= (stripos($url, '?') !== false) ? '&' : '?';
+      $url .= (is_string($vars)) ? $vars : http_build_query($vars, '', '&');
     }
+    return $this->request('GET', $url);
+  }
 
-    function request($method, $url, $vars = array()) {
-        if (!empty($vars)) $vars = self::clean_array($vars);
-        $url = self::$base_uri . $url;
-        $this->error = '';
-        $this->request = curl_init();
-        if (is_array($vars)) {
-            if($method == 'POST') {
-                $vars = json_encode($vars);
-            }
-            else {
-                $vars = http_build_query($vars, '', '&');
-            }
-        }
+  protected function delete($url, $vars = array()) {
+    return $this->request('DELETE', $url, $vars);
+  }
 
-        $this->set_request_method($method, $vars);
-        $this->set_request_options($url);
-        $response = curl_exec($this->request);
+  protected function post($url, $vars = array()) {
+    return $this->request('POST', $url, $vars);
+  }
 
-        curl_close($this->request);
+  protected function put($url, $vars = array()) {
+    return $this->request('PUT', $url, $vars);
+  }
 
-        return self::process_response($response);
+  protected static function process_response($response) {
+    if ($response != NULL) {
+      try {
+        $response = json_decode($response, true);
+      } catch (Exception $e) {
+      }
     }
+      return $response;
+  }
 
-    protected function get($url, $vars = array()) {
-        if (!empty($vars)) {
-            $url .= (stripos($url, '?') !== false) ? '&' : '?';
-            $url .= (is_string($vars)) ? $vars : http_build_query($vars, '', '&');
-        }
-        return $this->request('GET', $url);
+
+  public function getReviews($product) {
+      return $this->get('/feedback/' . $product['gpntype'] . '/' . $product['gpnvalue'] . '/' . $product['language'], array('limit' => 5));
+  }
+
+  public function set_username($username) {
+    if ($username != null) {
+      self::$username = $username;
     }
+  }
 
-    protected function delete($url, $vars = array()) {
-        return $this->request('DELETE', $url, $vars);
+  public function set_serverapikey($serverapikey) {
+    if ($serverapikey != null) {
+      self::$serverapikey = $serverapikey;
     }
+  }
 
-    protected function post($url, $vars = array()) {
-        return $this->request('POST', $url, $vars);
+  public function set_apikey($apikey) {
+    if ($apikey != null) {
+      self::$apikey = $apikey;
     }
+  }
 
-    protected function put($url, $vars = array()) {
-        return $this->request('PUT', $url, $vars);
+  protected static function build_request(array $params, array $request_params) {
+    $request = array();
+    foreach ($params as $key => $value) {
+      if (array_key_exists($key, $request_params)) {
+        $request[$value] = $request_params[$key];
+      }
     }
+    return $request;
+  }
 
-    protected static function process_response($response) {
-      if ($response != NULL) {
-        try {
-          $response = json_decode($response, true);
-        } catch (Exception $e) {
+  protected static function clean_array(array $array){
+
+    foreach( $array as $key => $value ) {
+      if( is_array( $value ) ) {
+        foreach( $value as $key2 => $value2 ) {
+          if( empty( $value2 ) )
+            unset( $array[ $key ][ $key2 ] );
         }
       }
-          return $response;
+      if( empty( $array[ $key ] ) )
+        unset( $array[ $key ] );
     }
-
-
-    public function getReviews($product) {
-        return $this->get('/feedback/' . $product['gpntype'] . '/' . $product['gpnvalue'] . '/' . $product['language'], array('limit' => 5));
-    }
-
-    public function set_username($username) {
-        if ($username != null) {
-            self::$username = $username;
-        }
-    }
-
-    public function set_serverapikey($serverapikey) {
-        if ($serverapikey != null) {
-            self::$serverapikey = $serverapikey;
-        }
-    }
-
-    public function set_apikey($apikey) {
-        if ($apikey != null) {
-            self::$apikey = $apikey;
-        }
-    }
-
-    protected static function build_request(array $params, array $request_params) {
-        $request = array();
-        foreach ($params as $key => $value) {
-            if (array_key_exists($key, $request_params)) {
-                $request[$value] = $request_params[$key];
-            }
-        }
-        return $request;
-    }
-
-    protected static function clean_array(array $array){
-
-        foreach( $array as $key => $value ) {
-            if( is_array( $value ) ) {
-                foreach( $value as $key2 => $value2 ) {
-                    if( empty( $value2 ) )
-                        unset( $array[ $key ][ $key2 ] );
-                }
-            }
-            if( empty( $array[ $key ] ) )
-                unset( $array[ $key ] );
-        }
-        return $array;
-    }
+    return $array;
+  }
 
 }

rateitcool/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 3.5.1
 Tested up to: 4.1
-Stable tag: 1.0.1
+Stable tag: 1.0.2
 License: GPLv2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -19 +19 @@
 
 Use it everywhere. Integrate the rateit.cool service at your homepage, your shop or app. Show the product reviews everywhere you want.
+
+= What is rateit.cool really all about? =
+
+Watch this video on [youtube](https://www.youtube.com/watch?v=5k9tJmm3u08).
 
 = The main features of rateit.cool =
@@ -76 +80 @@
 2. Productlist element with reviews counts and average review value.
 3. Reviews counts and average review value at the product detail page.
-4. Product reviews on a example tab.
-5. Product review form at order history.
-5. Shop review form at order history.
+4. Show Detail Reviews counts and average review value at the product detail page.
+5. Product reviews on a example tab.
+6. Product review form on a example tab.
+7. Product review form at order history.
+8. Shop review form at order history.
 
 == Changelog ==
@@ -87 +93 @@
 = 1.0.1 - 09/24/2015 =
 * Replace EAN with GTIN
+
+= 1.0.2 - 12/02/2015 =
+* Product detail review
+* Public product review form

rateitcool/trunk/templates/wc-rateitcool-settings.php

@@ -32 +32 @@
     $apikey = $rateitcool_settings['apikey'];
     $serverapikey = $rateitcool_settings['serverapikey'];
+    $securitytext = $rateitcool_settings['securitytext'];
 
     $language_code = $rateitcool_settings['language_code'];
@@ -64 +65 @@
                                  <td><input id='serverapikey' type='text'  name='rateitcool_serverapikey' value='$serverapikey'  /></td>
                              </tr>
+                             <tr valign='top'>
+                                 <th scope='row'><div>Securitytext:</div></th>
+                                 <td><input id='serverapikey' type='text'  name='rateitcool_securitytext' value='$securitytext'  /></td>
+                             </tr>
                              </fieldset>
                              <fieldset>
@@ -132 +137 @@
                      </tr>
                              <tr valign='top'>
+                       <th scope='row'><div>Title of Overview table:</div></th>
+                       <td><input type='text' name='review_overview_title' value='" . $rateitcool_settings['review_overview_title'] . "' /></td>
+                     </tr>
+                             <tr valign='top'>
+                       <th scope='row'><div>Title of Detail table:</div></th>
+                       <td><input type='text' name='review_detail_title' value='" . $rateitcool_settings['review_detail_title'] . "' /></td>
+                     </tr>
+
+                             <tr valign='top'>
+                                <th scope='row'><div>Label for 'verified customer':</div></th>
+                                <td><input type='text' name='verified' value='" . $rateitcool_settings['verified'] . "' /></td>
+                             </tr>
+                             <tr valign='top'>
+                       <th scope='row'><div>Label for 'public review':</div></th>
+                       <td><input type='text' name='public' value='" . $rateitcool_settings['public'] . "' /></td>
+                     </tr>
+                             <tr valign='top'>
+                       <th scope='row'><div>Label for 'mobile app review':</div></th>
+                       <td><input type='text' name='mobile' value='" . $rateitcool_settings['mobile'] . "' /></td>
+                     </tr>
+                             <tr valign='top'>
                        <th scope='row'><div>Show only five stars:</div></th>
                        <td><input type='text' name='show_only_five_stars' value='" . $rateitcool_settings['show_only_five_stars'] . "' /></td>
@@ -199 +225 @@
                                 <td><input type='text' name='report_this_review' value='" . $rateitcool_settings['report_this_review'] . "' /></td>
                              </tr>
+                             <tr valign='top'>
+                             <th scope='row'><div>Write product review title (public view):</div></th>
+                             <td><input type='text' name='write_a_product_review' value='" . $rateitcool_settings['write_a_product_review'] . "' /></td>
+                            </tr>
                             <tr valign='top'>
                              <th scope='row'><div>Write product review title:</div></th>
@@ -232 +262 @@
                              </tr>
                              <tr valign='top'>
+                              <th scope='row'><div>Review title global:</div></th>
+                              <td><input type='text' name='review_global' value='" . $rateitcool_settings['review_global'] . "' /></td>
+                             </tr>
+                             <tr valign='top'>
                                 <th scope='row'><div>Placeholder review title:</div></th>
                                 <td><input type='text' name='placeholder_review_title' value='" . $rateitcool_settings['placeholder_review_title'] . "' /></td>
@@ -266 +300 @@
                               <th scope='row'><div>Write shop review hint:</div></th>
                               <td><input type='text' name='write_shop_review_hint' value='" . $rateitcool_settings['write_shop_review_hint'] . "' /></td>
+                             </tr>
+
+                             <tr valign='top'>
+                              <th scope='row'><div>Please fill in the fellowing text:</div></th>
+                              <td><input type='text' name='please_fill_in_the_fellowing_text' value='" . $rateitcool_settings['please_fill_in_the_fellowing_text'] . "' /></td>
                              </tr>
                              </fieldset>
@@ -294 +333 @@
         'widget_location' => $_POST['rateitcool_widget_location'],
         'language_code' => $_POST['rateitcool_widget_language_code'],
+        'securitytext' => $_POST['rateitcool_securitytext'],
         'widget_tab_name' => $_POST['rateitcool_widget_tab_name'],
         'bottom_line_enabled_product' => isset($_POST['rateitcool_bottom_line_enabled_product']) ? true : false,
@@ -303 +343 @@
 
         'translation_review_template_title' => isset($_POST['translation_review_template_title']) ? $_POST['translation_review_template_title'] : $current_settings['translation_review_template_title'],
+        'review_overview_title' => isset($_POST['review_overview_title']) ? $_POST['review_overview_title'] : $current_settings['review_overview_title'],
+        'review_detail_title' => isset($_POST['review_detail_title']) ? $_POST['review_detail_title'] : $current_settings['review_detail_title'],
+        'verified' => isset($_POST['verified']) ? $_POST['verified'] : $current_settings['verified'],
+        'public' => isset($_POST['public']) ? $_POST['public'] : $current_settings['public'],
+        'mobile' => isset($_POST['mobile']) ? $_POST['mobile'] : $current_settings['remobileview_detail_title'],
         'show_only_five_stars' => isset($_POST['show_only_five_stars']) ? $_POST['show_only_five_stars'] : $current_settings['show_only_five_stars'],
         'show_only_four_stars' => isset($_POST['show_only_four_stars']) ? $_POST['show_only_four_stars'] : $current_settings['show_only_four_stars'],
@@ -320 +365 @@
         'no_helpful_text' => isset($_POST['no_helpful_text']) ? $_POST['no_helpful_text'] : $current_settings['no_helpful_text'],
         'report_this_review' => isset($_POST['report_this_review']) ? $_POST['report_this_review'] : $current_settings['report_this_review'],
-
+        'write_a_product_review' => isset($_POST['write_a_product_review']) ? $_POST['write_a_product_review'] : $current_settings['write_a_product_review'],
         'write_product_review_title' => isset($_POST['write_product_review_title']) ? $_POST['write_product_review_title'] : $current_settings['write_product_review_title'],
         'write_product_review_link' => isset($_POST['write_product_review_link']) ? $_POST['write_product_review_link'] : $current_settings['write_product_review_link'],
@@ -329 +374 @@
         '4_stars_cool' => isset($_POST['4_stars_cool']) ? $_POST['4_stars_cool'] : $current_settings['4_stars_cool'],
         '5_stars_coolest' => isset($_POST['5_stars_coolest']) ? $_POST['5_stars_coolest'] : $current_settings['5_stars_coolest'],
+        'review_global' => isset($_POST['review_global']) ? $_POST['review_global'] : $current_settings['review_global'],
         'placeholder_review_title' => isset($_POST['placeholder_review_title']) ? $_POST['placeholder_review_title'] : $current_settings['placeholder_review_title'],
         'placeholder_review_content' => isset($_POST['placeholder_review_content']) ? $_POST['placeholder_review_content'] : $current_settings['placeholder_review_content'],
@@ -338 +384 @@
         'write_shop_review_title' => isset($_POST['write_shop_review_title']) ? $_POST['write_shop_review_title'] : $current_settings['write_shop_review_title'],
         'write_shop_review_hint' => isset($_POST['write_shop_review_hint']) ? $_POST['write_shop_review_hint'] : $current_settings['write_shop_review_hint'],
-
+        'please_fill_in_the_fellowing_text' => isset($_POST['please_fill_in_the_fellowing_text']) ? $_POST['please_fill_in_the_fellowing_text'] : $current_settings['please_fill_in_the_fellowing_text'],
     );
     update_option( 'rateitcool_settings', $new_settings );

rateitcool/trunk/wc_rateitcool.php

@@ -82 +82 @@
                '<input type="hidden" name="stars" value="0"/> ' .
         '<div class="ratings">' .
-         '<div class="star-rating oneStars" style="width: 17px;float:left;" title="' . $settings['1_stars_not_really_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating twoStars" style="width: 17px;float:left;" title="' . $settings['2_stars_hm_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating threeStars" style="width: 17px;float:left;" title="' . $settings['3_stars_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating fourStars" style="width: 17px;float:left;" title="' . $settings['4_stars_cool'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating fiveStars" style="width: 17px;float:left;" title="' . $settings['5_stars_coolest'] . '">' .
+         '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">' .
            '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
          '</div>' .
@@ -143 +143 @@
                '<input type="hidden" name="stars" value="0"/> ' .
         '<div class="ratings">' .
-         '<div class="star-rating oneStars" style="width: 17px;float:left;" title="' . $settings['1_stars_not_really_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating twoStars" style="width: 17px;float:left;" title="' . $settings['2_stars_hm_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating threeStars" style="width: 17px;float:left;" title="' . $settings['3_stars_ok'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating fourStars" style="width: 17px;float:left;" title="' . $settings['4_stars_cool'] . '">' .
-           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
-         '</div>' .
-         '<div class="star-rating fiveStars" style="width: 17px;float:left;" title="' . $settings['5_stars_coolest'] . '">' .
+         '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">' .
+           '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
+         '</div>' .
+         '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">' .
            '<span class="rate-it-cool-review-summary" style="width: 0;"></span>' .
          '</div>' .
@@ -161 +161 @@
        '<span class="rate-it-cool-star-text"></span>' .
        '<div class="feedback-title">' .
-         '<input type="text" style="padding: 10px 0 10px 5px; width: 99%" name="feedbackTitle" placeholder="' . $settings['placeholder_review_title'] . '" />' .
+         '<input type="text" style="padding: 10px 0 10px 5px; width: 99%;" name="feedbackTitle" placeholder="' . $settings['placeholder_review_title'] . '" />' .
        '</div>' .
        '<div class="feedback-content">' .
@@ -234 +234 @@
 
 function wc_rateitcool_show_widget() {
+
     $product = get_product();
-    if($product->post->comment_status == 'open') {
+    if($product->post->post_status == 'publish') {
         $product_data = wc_rateitcool_get_product_data($product);
         $postData = $product->get_post_data();
@@ -242 +243 @@
         $rateitcool_api = new RateItCool($settings);
         $rateitcool_reviews = $rateitcool_api->getReviews($product_data);
+
         $rateitcool_div = "<div class='rate-it-cool-product-feedbacks'
                     data-gpntype='".$product_data['gpntype']."'
@@ -251 +253 @@
                 $rateitcool_div .= '<div itemscope itemtype="http://schema.org/Review">';
                 $timeObj = new DateTime($review['time']);
-                $rateitcool_div .= '<meta itemprop="datePublished" content="' . date_i18n( 'Y-m-d', strtotime( '11/15-1976' ) ) . '">' . date_i18n( get_option( 'date_format' ), strtotime( '11/15-1976' ) );
+                $rateitcool_div .= '<meta itemprop="datePublished" content="' . date_i18n( 'Y-m-d', $timeObj->getTimestamp() ) . '">' . date_i18n( get_option( 'date_format' ), $timeObj->getTimestamp() );
                 $rateitcool_div .= '<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Product">';
                 $rateitcool_div .= '<span itemprop="name">' . $postData->post_title . '</span>';
@@ -272 +274 @@
         $rateitcool_div .= "</div>";
         echo $rateitcool_div;
-        echo wc_rateitcool_get_feedback_template();
+        echo wc_rateitcool_get_feedback_template($product);
+
     }
 }
@@ -278 +281 @@
 function wc_rateitcool_show_qa_bottomline() {
     $product_data = wc_rateitcool_get_product_data(get_product());
-    echo "QA BLA <div class='yotpo QABottomLine'
+    echo "<div class='yotpo QABottomLine'
          data-appkey='".$product_data['app_key']."'
          data-product-id='".$product_data['id']."'></div>";
@@ -297 +300 @@
             echo ' data-gpntype="' . $settings['username'] . '"';
             echo ' data-gpnvalue="' . get_post_meta( $product->id, '_sku', true ) . '"';
+      echo ' data-language="'. implode('_', explode('-', get_bloginfo('language'))) .'"';
         } else {
             echo ' data-gpntype="' . $settings['rateitcool_gpntype'] . '"';
             echo ' data-gpnvalue="' . $gpn .'"';
+      echo ' data-language="'. implode('_', explode('-', get_bloginfo('language'))) .'"';
         }
         echo '><span class="star-rating"><span class="rate-it-cool-review-summary" style="width:0%"></span></span> (<span class="rate-it-cool-review-counts">0</span>)</div>';
@@ -320 +325 @@
             echo ' data-gpntype="' . $settings['username'] . '"';
             echo ' data-gpnvalue="' . get_post_meta( $product->id, '_sku', true ) . '"';
+      echo ' data-language="'. implode('_', explode('-', get_bloginfo('language'))) .'"';
         } else {
             echo ' data-gpntype="' . $settings['rateitcool_gpntype'] . '"';
             echo ' data-gpnvalue="' . $gpn .'"';
-        }
-        echo '><span class="star-rating"><span class="rate-it-cool-review-summary" style="width:0%"></span></span> (<span class="rate-it-cool-review-counts">0</span>)</div>';
+      echo ' data-language="'. implode('_', explode('-', get_bloginfo('language'))) .'"';
+        }
+        echo '><span class="star-rating"><span class="rate-it-cool-review-summary" style="width:0%"></span></span> (<span class="rate-it-cool-review-counts">0</span>)';
+    echo '<span class="rate-it-cool-show-stars" style="display:none;">+</span>';
+    echo '</div>';
+    echo '<div class="ratings rate-it-cool-stars-detail-table" style="display: none;">' .
+          '<table style="width:100%;">' .
+    '<tbody>' .
+      '<tr>' .
+        '<th colspan="2">' . $settings['review_overview_title'] . '</th>' .
+      '</tr>' .
+    '</tbody>' .
+    '<tr>' .
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<span class="rating" style="width: 100%;"></span>'.
+        '</div>'.
+      '</td>'.
+      '<td>$review.star5</td>'.
+    '</tr>'.
+    '<tr>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<span class="rating" style="width: 75%;"></span>'.
+        '</div>'.
+      '</td>'.
+      '<td>$review.star4</td>'.
+    '</tr>'.
+    '<tr>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<span class="rating" style="width: 55%;"></span>'.
+        '</div>'.
+      '</td>'.
+      '<td>$review.star3</td>'.
+    '</tr>'.
+    '<tr>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<span class="rating" style="width: 35%;"></span>'.
+        '</div>'.
+      '</td>'.
+      '<td>$review.star2</td>'.
+    '</tr>'.
+    '<tr>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<span class="rating" style="width: 20%;"></span>'.
+        '</div>'.
+      '</td>'.
+      '<td>$review.star1</td>'.
+    '</tr>'.
+  '</table>'.
+  '<table style="width:100%;$details.display">'.
+    '<tbody>'.
+      '<tr>'.
+        '<th colspan="2">' . $settings['review_detail_title'] . ' ($details.total/$review.total)</th>'.
+      '</tr>'.
+    '</tbody>'.
+    '<tr style="$details.detail1.display">'.
+      '<td>$details.detail1.title</td>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<div class="rating" style="width: $review.details.detail1%;"></div>'.
+        '</div>'.
+      '</td>'.
+    '</tr>'.
+    '<tr style="$details.detail2.display">'.
+      '<td>$details.detail2.title</td>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<div class="rating" style="width: $review.details.detail2%;"></div>'.
+        '</div>'.
+      '</td>'.
+    '</tr>'.
+    '<tr style="$details.detail3.display">'.
+      '<td>$details.detail3.title</td>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<div class="rating" style="width: $review.details.detail3%;"></div>'.
+        '</div>'.
+      '</td>'.
+    '</tr>'.
+    '<tr style="$details.detail4.display">'.
+      '<td>$details.detail4.title</td>'.
+      '<td class="stars">'.
+        '<div class="star-rating">'.
+          '<div class="rating" style="width: $review.details.detail4%;"></div>'.
+        '</div>'.
+      '</td>'.
+    '</tr>'.
+  '</table>'.
+'</div>';
     }
 
@@ -372 +469 @@
         $product_data['gpnvalue'] = $gpn;
     }
-    $product_data['language'] = $settings['language_code'];
+    $product_data['language'] = implode('_', explode('-', get_bloginfo('language')));
     if($settings['rateitcool_language_as_site'] == true) {
         $product_data['language'] = implode('_', explode('-', get_bloginfo('language')));
@@ -390 +487 @@
       'apikey' => '',
         'serverapikey' => '',
+    'securitytext' => '',
       'widget_location' => 'tab',
       'language_code' => implode('_', explode('-', get_bloginfo('language'))),
@@ -399 +497 @@
       'disable_native_review_system' => true,
       'native_star_ratings_enabled' => 'no',
-
+    'write_a_product_review' => 'Write a product review',
         'translation_review_template_title' => 'Reviews',
+    'review_overview_title' => 'Overview',
+    'review_detail_title' => 'Detail',
         'show_only_five_stars' => 'Show only reviews with 5 stars',
         'show_only_four_stars' => 'Show only reviews with 4 stars',
@@ -418 +518 @@
         'no_helpful_text' => 'No',
         'report_this_review' => 'Report this review.',
-
+    'verified' => 'Verified Customer',
+    'public' => 'Public Review',
+    'mobile' => 'Mobile App Review',
         'write_product_review_title' => 'Product Review for',
         'write_product_review_link' => 'Write Product reviews',
         'write_product_review_hint' => 'A product review contains the voting about the product itself. It contains not the voting about the shop, shipping and other things.',
-        '1_stars_not_really_ok' => 'not really ok',
-        '2_stars_hm_ok' => 'hm ok',
-        '3_stars_ok' => 'ok',
-        '4_stars_cool' => 'cool',
-        '5_stars_coolest' => 'coolest',
+        '1_stars_not_really_ok' => '1_stars_not_really_ok',
+        '2_stars_hm_ok' => '2_stars_hm_ok',
+        '3_stars_ok' => '3_stars_ok',
+        '4_stars_cool' => '4_stars_cool',
+        '5_stars_coolest' => '5_stars_coolest',
+    'review_global' => 'Global',
         'placeholder_review_title' => 'Title of the review',
         'placeholder_review_content' => 'Content of the review',
@@ -436 +539 @@
         'write_shop_review_title' => 'Review for this shop',
         'write_shop_review_hint' => 'A shop review contains the voting about the shop itself, shipping and other things.',
-
+    'please_fill_in_the_fellowing_text' => 'Please fill in the fellowing text',
     );
 }
@@ -464 +567 @@
 }
 
-function wc_rateitcool_get_feedback_template() {
+function wc_rateitcool_get_feedback_template($product) {
     $settings = get_option('rateitcool_settings',wc_rateitcool_get_default_settings());
     $template = '<div id="rate-it-cool-product-feedbacks-template" style="display:none;">' .
       '<div class="feedbackElements">' .
         '<div class="overview">' .
-          $settings['translation_review_template_title'] .
+          '<h3>' . $settings['translation_review_template_title'] . '</h3>'.
           '<table class="feedbackOverview">' .
             '<tr>' .
@@ -532 +635 @@
             '</tr>' .
           '</table>' .
-        '</div>' .
+        '<table class="rate-it-cool-detail-stars" style="$detail.show">' .
+        '<thead>' .
+          '<tr>' .
+            '<th colspan="2">' . $settings['review_detail_title'] . ' ($details.total / $overview.total)</th>' .
+          '</tr>' .
+        '</thead>' .
+        '<tr style="$details.detail1.display">' .
+          '<td>$details.detail1.title</td>' .
+          '<td class="ratings">' .
+            '<div class="star-rating">' .
+              '<span class="rating" style="width:$detail.detail1%;"></span>' .
+            '</div>'.
+          '</td>'.
+        '</tr>'.
+        '<tr style="$details.detail2.display">'.
+          '<td>$details.detail2.title</td>'.
+          '<td class="ratings">'.
+            '<div class="star-rating">'.
+              '<span class="rating" style="width:$detail.detail2%;"></span>'.
+            '</div>'.
+          '</td>'.
+        '</tr>'.
+        '<tr style="$details.detail3.display">'.
+          '<td>$details.detail3.title</td>'.
+          '<td class="ratings">'.
+            '<div class="star-rating">'.
+              '<span class="rating" style="width:$detail.detail3%;"></span>'.
+            '</div>'.
+          '</td>'.
+        '</tr>'.
+        '<tr style="$details.detail4.display">'.
+          '<td>$details.detail4.title</td>'.
+          '<td class="ratings">'.
+            '<div class="star-rating">'.
+              '<span class="rating" style="width:$detail.detail4%;"></span>'.
+            '</div>'.
+          '</td>'.
+        '</tr>'.
+      '</table>'.
+      '<div class="clearfix"></div>'.
+        '</div><hr/>' .
+      '<div class="rate-it-cool-product-public-feedbackform">'.
+      '<div class="rate-it-cool-product-feedbackform">'.
+        '<a href="#" '.
+        'class="rateit-cool-show-feedbackform-link" '.
+        'title="'. $settings['write_a_product_review'] . '">'. $settings['write_a_product_review'] . '</a>'.
+      '</div><hr/>'.
+      '<div id="feedbackform" class="rate-it-cool-feedback-form" style="display:none;">'.
+        '<h3>'. $settings['write_product_review_title'] . ' ' . $product->post->post_title . '</h3>' .
+          '<form name="productDetailFeedbackform$gpnvalue">'.
+            '<input type="hidden" name="gpntype" value="$gpntype"/>'.
+            '<input type="hidden" name="gpnvalue" value="$gpnvalue"/>'.
+            '<input type="hidden" name="source" value="public"/>'.
+            '<input type="hidden" name="language" value="' . implode('_', explode('-', get_bloginfo('language'))). '"/>'.
+            '<table>'.
+              '<tr>'.
+                '<td class="label second">' . $settings['review_global'] . '</td>'.
+                '<td class="ratings">'.
+                  '<span class="reviewStars">'.
+                    '<input type="hidden" class="stars" name="stars" value="0"/>'.
+                    '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                  '</div>'.
+                  '</span>'.
+                '</td>'.
+              '</tr>'.
+              '<tr class="reviewDetail1" style="display:none;">'.
+                '<td class="label"></td>'.
+                '<td class="ratings">'.
+                  '<span class="reviewStars">'.
+                    '<input type="hidden" class="stars" name="detail1" value="0"/>'.
+                    '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                  '</div>'.
+                  '</span>'.
+                '</td>'.
+              '</tr>'.
+              '<tr class="reviewDetail2" style="display:none;">'.
+                '<td class="label second"></td>'.
+                '<td class="ratings">'.
+                  '<span class="reviewStars">'.
+                    '<input type="hidden" class="stars" name="detail2" value="0"/>'.
+                    '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                  '</div>'.
+                  '</span>'.
+                '</td>'.
+              '</tr>'.
+              '<tr class="reviewDetail3" style="display:none;">'.
+                '<td class="label"></td>'.
+                '<td class="ratings">'.
+                  '<span class="reviewStars">'.
+                    '<input type="hidden" class="stars" name="detail3" value="0"/>'.
+                    '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                  '</div>'.
+                  '</span>'.
+                '</td>'.
+              '</tr>'.
+              '<tr class="reviewDetail4" style="display:none;">'.
+                '<td class="label second"></td>'.
+                '<td class="ratings">'.
+                  '<span class="reviewStars">'.
+                    '<input type="hidden" class="stars" name="detail4" value="0"/>'.
+                    '<div class="star-rating oneStars" title="' . $settings['1_stars_not_really_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating twoStars" title="' . $settings['2_stars_hm_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating threeStars" title="' . $settings['3_stars_ok'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fourStars" title="' . $settings['4_stars_cool'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                    '<div class="star-rating fiveStars" title="' . $settings['5_stars_coolest'] . '">'.
+                      '<span class="rating rate-it-cool-review-summary-empty rate-it-cool-review-summary"></span>'.
+                    '</div>'.
+                  '</div>'.
+                  '</span>'.
+                '</td>'.
+              '</tr>'.
+            '</table>'.
+            '<br/>'.
+            '<div class="feedback-title">'.
+              '<input type="text" name="feedbackTitle" placeholder="' . $settings['placeholder_review_title'] . '" />'.
+            '</div>'.
+            '<div class="feedback-content">'.
+              '<textarea name="feedbackContent" placeholder="' . $settings['placeholder_review_content'] . '"></textarea>'.
+            '</div>'.
+            '<div class="feedback-recommend">'.
+              '<input name="recommend" type="checkbox"> ' . $settings['review_recommend_a_friend'] .
+            '</div>'.
+            '<br/>'.
+            '<div class="feedback-title">'.
+              $settings['please_fill_in_the_fellowing_text'] . ': <b>' . $settings['securitytext'] . '</b>'.
+              '<br/>'.
+              '<input name="securityText" type="text" placeholder="">'.
+            '</div>'.
+            '<br/>'.
+            '<div class="rateit-cool-send-feedback">'.
+              '<a href="#" data-formname="productDetailFeedbackform$gpnvalue" class="button rateit-cool-send-produkt-feedback">' . $settings['review_send_link'] . '</a>'.
+            '</div>'.
+          '</form>'.
+          '<div class="rateit-cool-send-feedback-success" style="display:none">'.
+             $settings['thank_you_for_the_review'] .
+          '</div>'.
+          '<div class="rateit-cool-send-feedback-error" style="display:none">'.
+            $settings['error_send_the_review'] .
+          '</div><hr/>'.
+      '</div>'.
+    '</div>'.
         '<div class="recommend">' .
           $settings['customer_recommend_this'] . ': $recommend%' .
@@ -545 +852 @@
             '</select>' .
           '</span>' .
-        '</div>' .
+        '</div><hr/>' .
         '<dl class="list">$list</dl>' .
         '<div class="showmoreContainer">' .
@@ -558 +865 @@
           '<span style="width:$review.stars%;"></span>' .
           '</div>' .
-          '<span class="date">($review.time)</span>' .
-          '<h3>$review.title</h3>' .
+          '<span class="date">$review.time</span>' .
+        '<br />'.
+        '<span class="rate-it-cool-verified" style="$review.verified_source">' . $settings['verified'] . '</span>'.
+        '<h3>$review.title</h3>' .
+      '<span class="rate-it-cool-public" style="$review.public_source">' . $settings['public'] . '</span>'.
+      '<span class="rate-it-cool-mobile" style="$review.mobile_source">' . $settings['mobile'] . '</span>'.
         '</dt>' .
         '<dd>' .