Member - Add "logged-in" class to body tag

luceos

010101 or removing ads for members 😉

hrvoje_hr

luceos would it be possible to add group class to body?

askvortsov

luceos Can't we merge this into core?

This particular implementation is a bit more complex than needed (all that's really needed is a check in the mount method for whether app.session.user is defined that adds the needed class to the html by modifying existing DOM.

I would be happy to see a PR.

010101

askvortsov Yes, I wanted to practice making an extension with a components folder and file. There are much simpler ways to get this done in core.

There’s already something in core which adds the “touch” and “no-touch” classes to the body tag. I wonder how that is being done? If no one immediately knows I may search through core later. Edit: Found where touch/no-touch is. Not as helpful as I had hoped. https://github.com/flarum/core/blob/98393707013647d4e6c4400fab41f5f3e67b0a04/js/src/common/Application.js#L220

On that note, in case it’s not obvious, however this is added to core we need the touch/no-touch classes to stay. So the JavaScript needs to add to the class list like this extension does and not completely replace the body class.

010101

This extension is ready for the 1.0 stable release of Flarum.

010101

Updated! Now includes two BBCodes: [members] and [guests] to manually hide post content based on logged in status.

[members]This is only shown if logged in.[/members]

[guests]This is only shown if logged out.[/guests]

huuduy216

010101 will these member only content be read/crawl-able by search engines?

Ata

010101 Hello, how can i do that to hide welcome hero banner to logged in members ? Do you have any special css code ?

hrvoje_hr

Ata it shoud be:

.logged-in header.Hero.WelcomeHero { display: none; }

Ata

hrvoje_hr actually it worked wonderfully 🙂 thank you.

010101

v1.2

@IanM was very gracious to clean this up a bit. Updates are:

Bump JS deps (webpack-config especially, was on beta.10)
Use Webpack 5 (Hence requiring flarum/core ^ 1.2)
Add/update a couple of imports
Format JS using Flarum's prettier config
Use TS
Build production JS

010101

huuduy216 I think so. Because it’s just using CSS if you want to hide something. It’s not doing anything super secure or fancy.

Main purpose is to do something like:

Make a sign up button show only for logged out users
Make a special message (but nothing super private) show for only logged-in members
Make your site pink for logged out folks, and yellow for logged in folks. 🙃 (As a silly example of what one could do.)

taravasya

010101
Hello! Thanks for this great extension. Its work great!
Can this apply not only as CSS rule, but completely remove hiden text from html, if user not a member, like this work in Login 2 See Plus? Can be optional, in case someone needs to leave hiden content available to search engines...

I dont want to hide all links or even all images as it work in Login 2 See Plus, but I need to hide some custom text (sometimes its links and sometimes its just usual text) like it work in your extension, but I need to remove hiden text completely from html, like it work in Login 2 See Plus... 🙂

Ahh... there is no perfection in this world 🙁

ART994

Make it possible to display only for certain groups only

usmmshelby

could you help me with some things through whatsapp? I'm new and I'm not having success

tolgaaaltas

Did somebody forked this plugin?