FriendsOfFlarum Discussion Views

IanM

FoF Discussion Views

A lightweight discussion view tracker, with minimal settings and options.

Features

Tracks how many times a discussion has been viewed and displays it per discussion on the discussionlist. Note: does not track unique views, rather every view, both as guest and registered member
Adds 2 sorting options: popular and unpopular
Adds 1 event which developers can listen for: DiscussionWasViewed - includes accessor IP and UserAgent strings
Adds 1 new permission where people can (re)set the viewcount of a discussion (default to admins)
Uses view_count column created on the discussions table, so should not impact load performance
Identify known crawlers with an option to not increase the view count for their visit. Uses jaybizzle/crawler-detect for identification

Installation

composer require fof/discussion-views:"*"

anoedo

![
Hello! Thank you so much for developing this plugin. It's very useful for my community. However, I've encountered an issue: I'm using the "OXO" theme plugin, and this view-count plugin doesn't seem to be compatible with the OXO theme. The eye icon ends up floating outside the post. I tried modifying the CSS, but it didn't work (I apologize as I'm not very proficient with CSS…). The icon still doesn't align properly with the reply icon. What should I do in this situation?

Tutrix

anoedo
Without a link to your forum, no one will be able to give you the correct CSS code.

Tutrix

@anoedo
Your forum is top secret... 😉
I found a forum with the same problem.
You can test this CSS code.

.item-discussion-views {
  right: 80px !important;
}

novoros24ru

Good afternoon. I have a problem. In the mobile version, the number of messages icon is not displayed. Is it possible to make the icon appear in the same way as the views?

Tutrix

novoros24ru Is it possible to make the icon appear in the same way as the views?

The icon is hidden in the mobile view. If you need it, you can use this CSS code.
Customize Font Awesome to the version you are using !

 .DiscussionListItem-count:before {
     -moz-osx-font-smoothing:grayscale;
     -webkit-font-smoothing:antialiased;
     display:var(--fa-display, inline-block);
     font-style:normal;
     font-variant:normal;
     text-rendering:auto;
     line-height:1;
     font-family:'Font Awesome 6 Free';
     font-weight:400;
     content:"\f075";
     float:left;
     margin-left:-21px;
     margin-top:3px
  }

However, there will be an overlap with long discussion titles.