Infinite scroll

[nephest]

Add an ability to call a js function when the viewport is about to be scrolled down to the end of the target element/page.

• The target element is an element that contains paginated content that can be extended by loading the next page.
• A "Load more/next" control can be used as the target element if it already exists on the page. Such elements are expected to handle pagination logic like navigation, completion, and reset, so you can just observe these elements via the Intersection Observer API.
• Use the Intersection Observer API

Here are some content/functions that can be enhanced by this feature. Notice that these functions expect the evt parameter to be present, so add a null check or pass an empty event object.

sc2-pulse/src/main/webapp/static/script/VODUtil.js

Line 68 in 9ce18d1

static loadNextMatches(evt)

sc2-pulse/src/main/webapp/static/script/VersusUtil.js

Line 140 in 2837ed9

static loadNextMatches(evt)

sc2-pulse/src/main/webapp/static/script/CharacterUtil.js

Line 1042 in 9ce18d1

static loadNextMatches(evt)

You can register the observers here

sc2-pulse/src/main/webapp/static/script/SC2Restful.js

Line 80 in 9ce18d1

case START_MODE.MINIMAL:

Be sure to modify the Selenium test to test endless scrolling instead of button clicks.

sc2-pulse/src/test/java/com/nephest/battlenet/sc2/selenium/GeneralSeleniumIT.java

Line 221 in 9ce18d1

private static void testCharacterMatches(WebDriver driver, WebDriverWait wait)