MODX - Звёздный рейтинг для статей сайта

Сниппет getComments ничего не знает о звездах. Тут нужно использовать вместо getComments сниппет pdoResources и самому написать join соответствующих таблиц.

$(document).on('mouseenter', rating_star_class, function () {
        $(this).closest('.rating__best').addClass('rating__best_hover');
        $(this).closest('.rating__best').find('.rating__star').not(this).addClass('rating__star_opacity');
        $(this).addClass('rating__star_hover');
    });

$(document).on('mouseenter', rating_star_class, function () {
        var current = Number( $(this).attr('data-title') );
        $(this).closest('.rating__best').addClass('rating__best_hover');
        $(this).closest('.rating__best').find('.rating__star').each( function( index, star ) {
            var value = Number( $(star).attr('data-title') );
            if( current >= value )
                $(star).addClass('rating__star_hover');
            else
                $(star).addClass('rating__star_opacity');
        } );
    });

[[!SimpleRating?
                   &id = `[[~[[+id]]]]`
                ]]

<?php
$modx->regClientCSS(MODX_ASSETS_URL . 'components/simplerating/css/web/default.css');
$modx->regClientScript(MODX_ASSETS_URL . 'components/simplerating/js/web/default.js');
...

<link rel="stylesheet" href="/assets/components/simplerating/css/web/default.css">
<script src="/assets/components/simplerating/js/web/default.js"></script>

var width = 130 * ratingValue / 5;

var width = 260 * ratingValue / 10;

.rating__star_6 {
    left: 130px;
}
.rating__star_7 {
    left: 156px;
}
.rating__star_8 {
    left: 182px;
}
.rating__star_9 {
    left: 208px;
}
.rating__star_10 {
    left: 234px;
}

<div class="rating[[+rating_active]]">
    <div class="rating__best">
        <div class="rating__current" data-id="[[+id]]" style="display: block; width: [[+rating_width]]px;"></div>
        <div class="rating__star rating__star_10" data-title="10"></div>
        <div class="rating__star rating__star_9" data-title="9"></div>
        <div class="rating__star rating__star_8" data-title="8"></div>
        <div class="rating__star rating__star_7" data-title="7"></div>
        <div class="rating__star rating__star_6" data-title="6"></div>
        <div class="rating__star rating__star_5" data-title="5"></div>
        <div class="rating__star rating__star_4" data-title="4"></div>
        <div class="rating__star rating__star_3" data-title="3"></div>
        <div class="rating__star rating__star_2" data-title="2"></div>
        <div class="rating__star rating__star_1" data-title="1"></div>
    </div>
</div>
<div style="font-size:10px; color: #999; padding-top: 3px; padding-bottom: 3px;">
    Рейтинг: <span class="rating-value">[[+rating_value]]</span>/10 - <span class="rating-count">[[+rating_count]]</span>
    голосов
</div>

$width = 130 * $rating_value / 5;

$width = 260 * $rating_value / 10;

'rating_best' => 5,

'rating_best' => 10,

<field key="rating_value" dbtype="decimal" precision="3,1" phptype="float" null="false" index="index" />

$package_name = 'simplerating';

.rating {
  height: 25px;
}
.rating__best {
  height: 25px;
}
.rating__current {
  height: 25px;
}
.rating__star {
  height: 25px;
}

[[!SimpleRating?
  &tpl = `mytplSimpleRating`
]]

[[!pdoResources?
  &loadModels = `simplerating`
  &parents = `0`
  &leftJoin = `{
    "SimpleRating": {
      "class":"SimpleRating",
      "on": "modResource.id = SimpleRating.resource"
    }
  }`
  &sortby = `{"SimpleRating.rating_value":"DESC"}`
    &select = `{
      "modResource":"id,pagetitle,uri",
      "SimpleRating":"rating_value"
    }`
  &tpl= `@INLINE <li><a href="[[+uri]]">[[+id]]. [[+pagetitle]] - [[+rating_value]]</a></li>`
  &tplWrapper = `@INLINE <ul>[[+output]]</ul>`
]]

.rating {
  display: none;
}
.rating_show {
  display: block;
}

// этот код:
var removeRatingActive = function () {
  if (output) {
    $('.rating_active [data-id]').each(function () {
      var id = $(this).attr('data-id');
      if (output.indexOf(id) >= 0) {
        $(this).closest('.rating').removeClass('rating_active');
      }
    });
  }
};
// на этот:
var removeRatingActive = function () {
  if (output) {
    $('.rating_active [data-id]').each(function () {
      var id = $(this).attr('data-id');
      if (output.indexOf(id) >= 0) {
        $(this).closest('.rating').removeClass('rating_active');
      } else {
        $(this).closest('.rating').addClass('rating_show'); 
      }
    });
  }
};

// этот фрагмент:
if (!$.isEmptyObject(data)) {
  current.removeClass('rating_active');
// на этот:
if (!$.isEmptyObject(data)) {
  current.removeClass('rating_active rating_show');

https://.../assets/components/simplerating/js/web/default.js

$.post('/assets/components/simplerating/action.php', {'action': 'setRating', 'id': id, 'title': title})

https://.../action.php

&select=`{
    "modResource":"id,pagetitle,alias",

[[!SimpleRating?
    &id=`[[+id]]`
]]

[[+rating_value]] <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="16"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg> 

{'!pdoPage' | snippet: [
'leftJoin' => '{
	"SimpleRating":{
	"class":"SimpleRating",
	"on":"Ticket.id = SimpleRating.resource"
}
}',
'select' => '{
	"Ticket":"id,pagetitle",
	"SimpleRating":"rating_value",
}',
'sortby' => [
	"org_sticky_top" => "desc",
	"SimpleRating.rating_value" => "desc",
	"id" => "desc"
],
'loadModels'=>'simplerating',
'element'=>'getTickets',
'hideContainers' => 1,
'parents '=> $_modx->resource.id,
'limit' => 10,
'depth' => 1,
'ajaxMode' => 'default',
'prepareTVs' =>  'img',
'tpl' => 'oneOrgTpl',
'where' => ['class_key' => 'Ticket'],
'includeTVs' => 'img,org-work-time,addresses,org_sticky_top',
]}

'sortbyTV' => 'org_sticky_top',
'sortbyTVType' => 'integer',
'sortby' => '{
  "SimpleRating.rating_value": "desc"
}',

<?php
$pdo = $modx->getService('pdoTools');
...

$output = $pdo->getChunk($tpl_option, array(
    'id' => $id,
    'rating_best' => 5,
    'rating_value' => $rating_value,
    'rating_count' => $rating_count,
    'rating_active' => $rating_active_class,
    'rating_width' => str_replace(',', '.', $width)
));

$.post('/assets/components/simplerating/action.php', {'action': 'setRating', 'id': id, 'title': title})

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" ></script>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

&sortby = `{"SimpleRating.rating_value":"DESC","SimpleRating.rating_count":"DESC"}`
&select=`{
    "modResource":"*",
    "SimpleRating":"rating_value, rating_count"
}`

[[!pdoResources? 
  &loadModels=`simplerating`
  &leftJoin=`{
    "SimpleRating": {
      "class":"SimpleRating",
      "on": "modResource.id = SimpleRating.resource"}
  }`
  &select=`{
    "SimpleRating":"rating_value"
  }`
  &sortby' = `{
    "HitsPage":"DESC",
    "SimpleRating.rating_value":"DESC",
    "publishedon":"DESC"
  }
  ...