Upgrade - nodebb-plugin-topic-ratings

[brazzerstop]

@DownPW said in Upgrade - nodebb-plugin-topic-ratings:

Can I do it via an HTML widget?

You can use it via html widget, but need copy code of rating template: https://github.com/NodeBB/nodebb-plugin-topic-ratings/blob/master/templates/partials/ratings.tpl and paste in topic tpl.

[DownPW]

@brazzerstop

here ?

/home/nodebb/nodebb/node_modules/nodebb-theme-harmony

The parameter remains after an upgrade?

I don't like to touch the system file too much. In general, I like that the plugin does it for me

[brazzerstop]

@DownPW I mean topic.tpl in widget /admin/extend/widgets

[DownPW]

OK Thanks @brazzerstop

And If I want it at the same place like baris screenshot and on recent and categories list ?

---

EDIT:

Edit this file to have in recent and categories list

/home/nodebb/nodebb/node_modules/nodebb-theme-harmony/templates/partials/topics_list.tpl

And add code like baris said here :

<!-- IMPORT partials/ratings.tpl -->

And add this css for fix display inline :

span.topic-ratings-stars.text-warning {
    margin-top: -4px !important;
}
span.topic-ratings-stars.text-primary{
    margin-top: -4px !important;
}

@baris :

But I wonder if the parameters remain in the TPL file after an update or if it has to be redone every time?

It would be great to be able to do all of this through the ACP or maybe define some pre-configured places to make this easier to set up

Frankly, it's not easy to understand at first and the readme is brief

[brazzerstop]

@DownPW said in Upgrade - nodebb-plugin-topic-ratings:

recent and categories list

Then you need to do as Baris, add this <!-- IMPORT partials/ratings.tpl --> in topics_list.tpl

@baris said in Upgrade - nodebb-plugin-topic-ratings:

All you need to do is add <!-- IMPORT partials/ratings.tpl --> to the location where you want the ratings to show up.

@DownPW said in Upgrade - nodebb-plugin-topic-ratings:

here ?

/home/nodebb/nodebb/node_modules/nodebb-theme-harmony

Yes, after this line https://github.com/NodeBB/nodebb-theme-harmony/blob/main/templates/partials/topics_list.tpl#L61

[brazzerstop]

I noticed the bug with the value in the average ranking, after 3 voices the average rating shows this value: 3.6666666666666665

[baris]

@brazzerstop please try with 1.0.3

[brazzerstop]

@baris Thank you! This is work!

[brazzerstop]

@baris a new problem in topics with null rating (0 votes), now the rating shows a NaN instead of 0.00...

[baris]

@brazzerstop try with 1.0.4

[brazzerstop]

@baris

[brazzerstop]

@baris

Is it possible to make a filter with a certain rating? I mean like this filter of votes: /recent?filter=most_votes or maybe like category filter for example /recent?rating[]=4.33 to show topics only with 4.33 rating.

[baris]

You could filter the topics in a hook like filter:topics.filterSortedTids and only return ones that have more than a certain rating.

[josef]

@DownPW said in Upgrade - nodebb-plugin-topic-ratings:

But I wonder if the parameters remain in the TPL file after an update or if it has to be redone every time?

try https://github.com/NodeBB/nodebb-plugin-customize

[DownPW]

@josef

Thanks for suggestion.
Working perfectly

[josef]

@DownPW It should be noted that this only keeps the change in the updates so that you don't have to edit manually files after each upgrade, but does not update the rest of the template if it is changed in GitHub for any correction or change.
So you will have to keep track of the files you edited after needed fixes and apply them manually
see https://github.com/NodeBB/nodebb-plugin-customize/issues/10

[DownPW]

This post is deleted!

[brazzerstop]

How I can change code to show userRating, not a average in stars icons (star-o if user was not vote and solid star with userRating after vote) Because my users don't understand what star he was choise after vote...

[baris]

That logic happens here https://github.com/NodeBB/nodebb-plugin-topic-ratings/blob/master/library.js#L46-L63, feel free to modify.

[brazzerstop]

@baris said in Upgrade - nodebb-plugin-topic-ratings:

You could filter the topics in a hook like filter:topics.filterSortedTids and only return ones that have more than a certain rating.

GPT recommend me to do this

1. In plugin.json add new hook

"hooks": [
  {
    "hook": "filter:category.topics.prepare", 
    "method": "sortTopicsByRating"
  }
]

2. In library.js add new methid sortTopicsByRating

plugin.sortTopicsByRating = function (data, callback) {
  if (data.req.query.sort === 'rating') {
    data.req.query.sort = '-rating';
  }

  callback(null, data);
};

3. In templates/categories.tpl add this code for sorted

<li data-sort="rating"><a href="#">[[global:topics_sorted_by_rating]]</a></li>

4. In public/js/topic-ratings.js add this javascript

$(window).on('action:ajaxify.end', function () {
  var $sortDropdown = $('.category-header .dropdown-menu');

  if ($sortDropdown.length) {
    var $ratingSortItem = $('<li data-sort="rating"><a href="#">[[global:topics_sorted_by_rating]]</a></li>');
    $sortDropdown.append($ratingSortItem);

    $ratingSortItem.on('click', function () {
      var url = window.location.href;
      url = url.replace(/(\?|&)sort=\w+/, '');
      url += (url.indexOf('?') >= 0 ? '&' : '?') + 'sort=rating';
      ajaxify.go(url);
    });
  }
});

Bot say after this I can sorted a topics via url ?sort=rating

I'm not tested this code, but it looks not bad...