You are viewing page #2
Show original post
Endless is a plugin which replaces normal pagination with an infinite scrolling approach. It is heavily inspired by Flarum's, except it is packed with some modifications which make it completely compatible with the latest MyBB versions and aim to improve its stability and usability.
![[Image: 0kGO7wR.gif]](https://i.imgur.com/0kGO7wR.gif)
PHP 5.4
MyBB 1.8.0
Endless is designed to replace MyBB pagination of both threads and forums with an infinite scrolling pagination, but it is capable of transforming whatever custom paginated list into an endless scrolling experience. For example, MyBBoost's newsfeed homepage has Endless support with just a few lines of server-side code.
Endless automatically parses lists of valid data in the DOM and sends AJAX requests with a range of items to get from the backend, and it displays a temporary placeholder while the data is being fetched. All you need to do is write down a function which accepts and handles Endless-generated data, gets the requested items and returns them in a standardized fashion. A step-by-step tutorial will be written down after the beta period.
The workaround comes directly from Flarum's inspiration. Endless includes a scrubber, a small draggable item added automatically by the plugin which you can use to quickly jump between posts and threads in the currently viewed discussion/forum. The scrubber position is updated automatically as you scroll, so you always know what's left to read; and you can both drag and drop the scrubber or click a specific point within it to be launched directly to the range of posts you wish to see.
At the current stages, you can choose to hide or display the scrubber and set threads/posts breakpoints after which, if a forum/thread exceed the breakpoint in size, the scrubber is displayed. You can also choose to hide the scrubber if a forum/thread has a single-page amount of data.
You can tell Endless to automatically detect user's scrolling and show items, or you can set up manual buttons users will need to push in order to load further posts/threads, in both upwards and downwards direction. This feature is currently hardcoded. It will be integrated into MyBB's settings system in beta 2.
Upload the files maintaining the same folder structure they are compiled to and clicking the button Install & activate within your board's plugin list.
Endless requires 2 CSS classes to work properly:
Ensure you have those classes in your theme’s templates, otherwise it will not work.
The scrubber can detect the currently-visible item's dateline and display a formatted "month year" date as you scroll, so you know an approximate timeline of what you are currently reading. Endless needs a timestamp to process it though; you must add it manually to your templates.
Endless adds 4 settings to tune the scrubber as explained above.
Endless adds a CSS file named endless.css to every theme of your board. You can customize the scrubber's and placeholders' appearance by editing the stylesheet's CSS rules and the 3 templates added by Endless called endless_placeholder_post, endless_placeholder_thread and endless_scrubber. {totalCount} and {colspan} are replaced by Endless with the respective values (total count of items and colspan to match the variability of MyBB's default theme within forumdisplay, due to mods having an extra column with a checkbox).
If you encounter an issue or you want to request a new feature for Endless, feel free to open a new thread in this forum with detailed instructions on how to reproduce your issue if you want to report one.
Endless is available for free.
Support is discontinued due to my departure from programming. Read more why here.
Commercial use
Modification
Distribution
Private use
Warranty
Liability
License notice
Copyright notice
Minimum requirements
PHP 5.4
MyBB 1.8.0
Main features
Extensibility
Endless is designed to replace MyBB pagination of both threads and forums with an infinite scrolling pagination, but it is capable of transforming whatever custom paginated list into an endless scrolling experience. For example, MyBBoost's newsfeed homepage has Endless support with just a few lines of server-side code.
Endless automatically parses lists of valid data in the DOM and sends AJAX requests with a range of items to get from the backend, and it displays a temporary placeholder while the data is being fetched. All you need to do is write down a function which accepts and handles Endless-generated data, gets the requested items and returns them in a standardized fashion. A step-by-step tutorial will be written down after the beta period.
Scrubber-based
QuoteWhat's good about regular pagination is being able to quickly jump through the pages, with infinite scroll I'd have to keep scrolling to get to the last reply. Infinite scrolling looks a lot better than regular pagination but I think its functionality will get tedious, that's unless you've made a workaround for this.
The workaround comes directly from Flarum's inspiration. Endless includes a scrubber, a small draggable item added automatically by the plugin which you can use to quickly jump between posts and threads in the currently viewed discussion/forum. The scrubber position is updated automatically as you scroll, so you always know what's left to read; and you can both drag and drop the scrubber or click a specific point within it to be launched directly to the range of posts you wish to see.
At the current stages, you can choose to hide or display the scrubber and set threads/posts breakpoints after which, if a forum/thread exceed the breakpoint in size, the scrubber is displayed. You can also choose to hide the scrubber if a forum/thread has a single-page amount of data.
Automatic detection or manual triggering
You can tell Endless to automatically detect user's scrolling and show items, or you can set up manual buttons users will need to push in order to load further posts/threads, in both upwards and downwards direction. This feature is currently hardcoded. It will be integrated into MyBB's settings system in beta 2.
Installation
Upload the files maintaining the same folder structure they are compiled to and clicking the button Install & activate within your board's plugin list.
Endless requires 2 CSS classes to work properly:
- thread to every thread (forumdisplay_thread);
- post to every post (postbit/postbit_classic).
Ensure you have those classes in your theme’s templates, otherwise it will not work.
Display month and year in the scrubber
The scrubber can detect the currently-visible item's dateline and display a formatted "month year" date as you scroll, so you know an approximate timeline of what you are currently reading. Endless needs a timestamp to process it though; you must add it manually to your templates.
- forumdisplay_thread: add data-time="{$thread['dateline']}" to the tr.thread element;
- postbit or postbit_classic: add data-time="{$post['dateline']}" to the div.post element.
Settings
Endless adds 4 settings to tune the scrubber as explained above.
Templates and stylesheets
Endless adds a CSS file named endless.css to every theme of your board. You can customize the scrubber's and placeholders' appearance by editing the stylesheet's CSS rules and the 3 templates added by Endless called endless_placeholder_post, endless_placeholder_thread and endless_scrubber. {totalCount} and {colspan} are replaced by Endless with the respective values (total count of items and colspan to match the variability of MyBB's default theme within forumdisplay, due to mods having an extra column with a checkbox).
Reporting issues and requesting new features
If you encounter an issue or you want to request a new feature for Endless, feel free to open a new thread in this forum with detailed instructions on how to reproduce your issue if you want to report one.
Availability
Endless is available for free.
Support is discontinued due to my departure from programming. Read more why here.Permissions
Commercial use
Modification
Distribution
Private use
Limitations
Warranty
Liability
Conditions
License notice
Copyright notice
| Filename | Size | Downloads |
|---|---|---|
| 28.21 KB | 206 |
Unfortunately that's not feasible at the moment. I will consider adding it as a separate entity in future betas.
Endless is well tested and proven to work just fine; there might be some issues still, I haven’t received much feedbacks apart from the ones you can publicly see. I’d suggest you to install it on a test board first, then switch to production if satisfied about the result.
I can’t understand the quick reply box anchor thing. Can you elaborate more? Thank you.
I can’t understand the quick reply box anchor thing. Can you elaborate more? Thank you.
Endless is well tested and proven to work just fine; there might be some issues still, I haven’t received much feedbacks apart from the ones you can publicly see. I’d suggest you to install it on a test board first, then switch to production if satisfied about the result.I want to have a “Quick Reply” button that takes you down to the quick reply box. I can’t read PHP code well but I saw in the plugin file that there is a quick_reply function so I’m wondering if it’s possible. Right now if I try to scroll down to the Quick Reply box it’ll just keep loading posts.
I can’t understand the quick reply box anchor thing. Can you elaborate more? Thank you.
Thanks, that's not feasible at the moment, but I will include that in a future beta.I kind of figured a temporary solution. Since I have separate variables for {$posts} and {$firstpost} I moved the quickreply box under the {$firstpost} variable. One issue is when I post a reply, the reply goes through but I'm not taken to the reply I made. It just stays at the quick reply box. Is there something I can add to the showthread_quickreply form template so that when I click submit I get scrolled down to the post I just made?
A set of dedicated functions need to be written down, so your only chance is to wait beta 2 I guess, I'm sorry.
