Add new option to hide voting when not allowed

extend.php

@@ -73,6 +73,7 @@
             'customRankingImages',
             'useAlternateLayout',
             'upVotesOnly',
+            'hideIfNoPermissions',
             'iconNameAlt',
             'altPostVotingUi',
         ]),

js/src/admin/components/SettingsPage.js

@@ -33,6 +33,7 @@ export default class SettingsPage extends ExtensionPage {
       'useAlternateLayout',
       'altPostVotingUi',
       'upVotesOnly',
+      'hideIfNoPermissions',
       'firstPostOnly',
       'allowSelfVotes',
     ];
@@ -380,6 +381,14 @@ export default class SettingsPage extends ExtensionPage {
       30
     );
 
+    items.add(
+      'hideIfNoPermissions',
+      <Switch state={this.values.hideIfNoPermissions() || false} onchange={this.values.hideIfNoPermissions} className="votes-switch">
+        {app.translator.trans('fof-gamification.admin.page.votes.hide_if_no_permissions')}
+      </Switch>,
+      30
+    );
+
     items.add(
       'firstPostOnly',
       <Switch state={this.values.firstPostOnly() || false} onchange={this.values.firstPostOnly} className="votes-switch">

js/src/forum/addAlternateLayout.js

@@ -47,6 +47,10 @@ export default function addAlternateLayout() {
     // We set canVote to true for guest users so that they can access the login by clicking the button
     const canVote = !app.session.user || get(discussion, 'canVote');
 
+    if (setting('hideIfNoPermissions', true) && !post.canVote() && !post.canSeeVotes()) {
+      return;
+    }
+
     const upvotesOnly = setting('upVotesOnly', true);
     const altIcon = setting('iconNameAlt') || 'arrow';
 

js/src/forum/addVoteButtons.js

@@ -43,6 +43,10 @@ export default function () {
     // We set canVote to true for guest users so that they can access the login by clicking the button
     const canVote = !app.session.user || post.canVote();
 
+    if (setting('hideIfNoPermissions', true) && !post.canVote() && !post.canSeeVotes()) {
+      return;
+    }
+
     const onclick = (upvoted, downvoted) => saveVote(post, upvoted, downvoted, (val) => (this.voteLoading = val));
 
     items.add(

resources/locale/en.yml

@@ -72,6 +72,7 @@ fof-gamification:
         icon_name: Upvote/downvote icon
         icon_help: "Input any Font-Awesome icon that is suffixed with -up and -down. Examples: arrow, thumbs, chevron"
         upvotes_only: Only allow upvoting
+        hide_if_no_permissions: Only show voting options when user has permission to vote on this post
         first_post_only: Only allow up/down votes in the first post in a discussion
         allow_self_votes: Users may vote on their own posts
       save_settings: Save settings