After a discussion about moderators about spending an extended amount of time on the screen, I decided it’ll be best to remind staff members(and non-staff!) to frequently take a break from the forums after looking at it for a long time. New update: It also works on non-staff and can be toggled on and off via theme settings.
What does it do?
This theme component shows an alert message after the member is on the forums for x amount of seconds. So 30 minutes would be 1800 seconds until the message is shown. This component has 4 main settings that let you customize your message and change the time until the message is shown.
It’s PROVEN to help you if you take a break from the screen. This is especially for moderators and admins who sometimes spend the night doing staff work! This component is a great reminder to take a break if you’re moderating or looking at the forums for too long. This component also helps for those who can’t stop replying, posting, etc. It’s always good to take a break!
Here’s a quick preview video(Sorry the webpage took so long to load)
Impressive! I never knew it could be changed for different uses myself! It’s awesome to hear that it’s helping. Answering unanswered threads is definitely something that’s always encouraged anywhere regardless of what the forum is used for. Thanks for sharing!
I haven’t set it to prevent it from popping up when a user is typing (Though it will not close the editor). You can definitely use this component for ads, but I recommend this solution as it is more optimized for advertising:
Sorry for the bump but I have some suggestions, possibly make it configurable by the user in settings, be able to change the colour and instead of like the X have two buttons, one with a social media platform like YouTube that the user can change and one with it saying I’m fine or something that’s changeable by the admin
@Pravi, if you want, you can fork the repository and take a look at the head-tag.htmlfile in the component(This is where the popups and everything is done) and customize it to fit your preferences. The showModal is called here. You’d probably want to play around with the code