Flarum Discussion Views

MichaelBelgium

Flarum discussion views

First and foremost, a huge thanks to @Toby and @luceos for helping me when I was stuck at moments with this extension on discord.

Anyway, my first extension - H Y P E.
I'm very proud to say I wanted this sort of extension for some time now. Since nobody made this yet .. Well I made it myself 😁

Features

Obviously tracks how much a discussion has been viewed and displays it per discussion on the discussionlist
Adds 2 sorting options: popular and unpopular
Adds 1 event which developers can listen for: DiscussionWasViewed
Adds 1 new permission where people can (re)set the viewcount of a discussion (default to admins)

Installation

composer require michaelbelgium/flarum-discussion-views

Screenshots

Normal:

Smaller screens:
Imgur

Reset the view count

Imgur

Extension settings

Imgur

Viewlist

Imgur

Footer viewlist

Imgur
imgur

Links

0E800

MichaelBelgium

May you please allow for options to disable (hide) the replied count or number viewed on both mobile or desktop view?

It looks great on desktop but on mobile I would like to hide the replied count and only show number viewed. I'm using a Pixel XL and can provide a screenshot if needed.

Thank you.

gurjyot

MichaelBelgium I would suggest to use IP and cookies to check for unique view only. The way it's implemented now, anyone would keep opening and closing his own discussion to make more views and admins won't be able to use those views for any purpose.

Secondly, can you also extend this extension for user profile views? Every user participates in a community to get exposure and profile views can actually help in telling him that how good the community is ?

tolgaaaltas

Turkish Extensions Experience Pack for Flarum

English

Always up-to-date, always improving Flarum language experience!

We are now delivering free language updates through the this package. This means we can continuously improve your local language and automatically send these updates to your site. By installing the Extensions Experience Pack extension, the Flarum text in your language will always be up-to-date.

Interested in helping make Flarum text in your local language better? You can easily provide suggestions on text improvements using the GitHub. Just visit "Issues" page on our extension page.

Türkçe

Her zaman güncel ve her zaman gelişen Flarum dil deneyimi!

Şimdi bu paket aracılığıyla ücretsiz dil güncellemeleri sunuyoruz. Bu, yerel dilinizi sürekli olarak iyileştirebileceğimiz ve bu güncelleştirmeleri otomatik olarak sitenize gönderebileceğimiz anlamına geliyor. Uzantılar Deneyim Paketi uzantısı yüklendikten sonra dilinizdeki Flarum metni her zaman güncel kalır.

Flarum metninin yerel dilinizde daha iyi olmasına yardımcı olmak ister misiniz? GitHub’ı kullanarak metin geliştirmeleri hakkında kolayca önerilerde bulunabilirsiniz. Uzantı sayfamızdaki “Sorunlar” sayfasını ziyaret etmeniz yeterlidir.

Most used extensions translated by me and @melih to Turkish.

Here's the list:
Click to view supported extensions and translation percentages

Upload by FriendsOfFlarum
Formatting by FriendsOfFlarum
User Directory by FriendsOfFlarum
Links by FriendsOfFlarum
User Bio by FriendsOfFlarum
Polls by FriendsOfFlarum
Night Mode by FriendsOfFlarum
Follow Tags by FriendsOfFlarum
Best Answer by FriendsOfFlarum
Analytics by FriendsOfFlarum
Split by FriendsOfFlarum
Pages by FriendsOfFlarum
Reactions by FriendsOfFlarum
OAuth by FriendsOfFlarum
Moderator Notes by FriendsOfFlarum
Merge Discussions by FriendsOfFlarum
Impersonate by FriendsOfFlarum
Sitemap by FriendsOfFlarum
Flarum SEO by JasperVriends
Byobu by FriendsOfFlarum
Ban IPs by FriendsOfFlarum
Pretty Mail by FriendsOfFlarum
Ignore Users by FriendsOfFlarum
Discussions Views by MichaelBelgium
reCAPTCHA by FriendsOfFlarum
Spamblock by FriendsOfFlarum
Terms by FriendsOfFlarum
StopForumSpam by FriendsOfFlarum
Gamification by FriendsOfFlarum

Install

composer require tolgaaaltas/flarum-ext-turkish:*

Please be sure the update language pack.
composer update tolgaaaltas/flarum-ext-turkish

This is only extensions pack, not included core.

You may also be interested in this extension: 🇹🇷 Turkish Core Experience Pack

Find us on GitHub
Also on Packagist
Flagrow (Bazaar extension)

FAQ

Q1: Does this extension completely translate my Flarum to Turkish?
A1: No, as i wrote this extensions it only translates third party extensions. You need an another translate package for core. Check out these translation packages;
for beta 10: 🇹🇷 Turkish Core Experience Pack

danielunited

Congrats on your first extension 🙂

MichaelBelgium Adds 2 sorting options: popular and unpopular

I wanted to ask how do these work? Is "popular" like the most viewed discussions in the past week or so?

ThomasLewis

Does this track unique views or every time the discussion is viewed by anyone?

FebriTriHarmoko

ThomasLewis yes we need now for that

MichaelBelgium

ThomasLewis Right now litteraly anyone, any time when the discussion page gets loaded. I could look for unique views but not sure what it should be based on at first thought

superskyyy

Wow really needed this. Thanks a lot！

ThomasLewis

MichaelBelgium You could possibly track it by session ID in the database, but that could get messy fairly quickly without cross-checking session IDs with user numbers (to delete the session ID from the db entry if the user has a new one).
Another possibility is using an array or list to store user IDs and session IDs. You would have to check the array/list every time the discussion was opened to see if it already had been logged.
One issue with either of these is: do you delete the session IDs after a reply because there is new information?

arajdon

I wouldn't make this to complex. Its a view counter, not a analysis tool. Its good as it is.

I've played few minutes with the css, this came out: https://forum.paradox.network

MichaelBelgium

arajdon Only think im surely planning is to be able to sort by views, just like u can sort by "top", "latest" and "newest". Also thats a nice css edit!

You should do a pull request if you like, it would be much better design than current

cabbagetimil

I think that's more appropriate MichaelBelgium
extension.less

.item-discussion-views {
font-size: 14px;
float:right;
width: 10px;
margin-top: 10px;
margin-right: -45px;
}
@media (min-width: 768px)
{
.item-discussion-views:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f26c";
float: left;
margin-left: -21px;
margin-top: 3px;
}
}
@media (max-width: 767px) {
.item-discussion-views
{
display: none !important;
}
}

FebriTriHarmoko

MichaelBelgium can't wait for this ?

Arkinn

A great extension, I like it.

One question: is it meant to drop the number of comments for each discussion when you enter 'tablet view'?

On full view, I have the number of comments and the number of views from H Y P E
For me, drop it into tablet view, and it drops the number of comments, and only keeps the number of views.

MichaelBelgium

cabbagetimil Neat ! This one doesnt interfere with the triple dots. thanks

FebriTriHarmoko

seramat

cabbagetimil where to insert the code?
Thanks

0E800

Niice job. Looks great on on my dark themed forum.

Way to go on your first extension. ?

MichaelBelgium

0E800 Euh mhm ? If i figure it out how, I might implement that

jordanjay29

MichaelBelgium Check out the @media css code for small screens. This one might be useful.

MichaelBelgium

jordanjay29 I guess it needs to be a toggle or something on the admin page so u can choose to display the comment count or not etc

ericm9 I don't think that's the fault of the extension, I assume you're installing it on a VPS or some kind, and the webserver doesn't have permission to write/edit files

0E800

ericm9
Try:
sudo composer require michaelbelgium/flarum-discussion-views

MichaelBelgium jordanjay29
Possibly its my own custom CSS that is interfering?

Does anyone else notice the following formatting issues on their mobile site?
Imgur

ericm9

I get an error.

Installation failed, reverting ./composer.json to its original content.

[ErrorException]
file_put_contents(/home/website/public_html/forums/vendor/composer/installed.
json): failed to open stream: Permission denied

jordanjay29

MichaelBelgium You'd probably need a check on the JS that adds your CSS class to the frontend.

gurjyot

0E800 I just checked and yes the formatting issue is definitely there. It's happening the same on my side.

MichaelBelgium

gurjyot anyone would keep opening and closing his own discussion to make more views and admins won't be able to use those views for any purpose.

Well normal users don't know that. But yeah I will look sooner or later how to do unique views nonetheless.

Also about profile views, thats a great idea, however I think it's better to make a seperate extension or that imo, else i need to edit the package name and I don't think thats a great idea

0E800 I know it might overlap with the discussions but that first one is rly weird, it didn't look like that when i tested the new css

nitaaikumar

0E800 @MichaelBelgium @Alshain @BMoney Ok, I fixed this mobile issue with the below custom css so that the view counts can be still seen on mobiles right above the author profile avatar in the discussion list:

@media (max-width: 767px) {
.item-discussion-views {
    font-size: 10px !important;
    position: absolute !important;
    left: 25px  !important;
    top: 0em !important;
}
}

Had to use important because it not taking it without it. This way the view count is in the top left corner and the comment count is in the top right corner so it looks least messy than other options. For me it was not possible by css to keep the views count on the right corner below the comment count on mobiles like on desktops. On the bottom left corner below the avatar, it was messing up in smaller screen phones.