diff --git a/src/html/settings.html b/src/html/settings.html index ff1ea70..bd7f0b0 100644 --- a/src/html/settings.html +++ b/src/html/settings.html @@ -47,6 +47,8 @@

Watch2gether


+ +


diff --git a/src/javascript/app.ts b/src/javascript/app.ts index 0e714aa..6b5f329 100644 --- a/src/javascript/app.ts +++ b/src/javascript/app.ts @@ -11,6 +11,7 @@ import { init as notifications } from './enhancements/notifications'; import { init as quickSearch } from './enhancements/quickSearch'; import { init as timeConversion } from './enhancements/timeConversion'; import { init as watch2getherChat } from './enhancements/watch2getherChat'; +import { init as watch2getherAutoscroll } from './enhancements/watch2getherAutoscroll'; // css import { init as cssEnhancements } from './enhancements/cssEnhancements'; @@ -29,6 +30,7 @@ notifications(); quickSearch(); timeConversion(); watch2getherChat(); +watch2getherAutoscroll(); // css cssEnhancements(); \ No newline at end of file diff --git a/src/javascript/configuration/configuration.ts b/src/javascript/configuration/configuration.ts index 64207c6..a589ba1 100644 --- a/src/javascript/configuration/configuration.ts +++ b/src/javascript/configuration/configuration.ts @@ -16,6 +16,7 @@ export const SETTINGS_requestBeautifyPage = 'requestBeautifyPage'; export const SETTINGS_playerAutoplayAfterScreenshot = 'playerAutoplayAfterScreenshot'; // w2g export const SETTINGS_w2gDisplayCharacterCounter = 'w2gDisplayCharacterCounter'; +export const SETTINGS_w2gAutoscrollToUnseen = 'w2gAutoscrollToUnseen'; class Configuration { settingsCache: Map; diff --git a/src/javascript/enhancements/watch2getherAutoscroll.ts b/src/javascript/enhancements/watch2getherAutoscroll.ts new file mode 100644 index 0000000..e0e44f6 --- /dev/null +++ b/src/javascript/enhancements/watch2getherAutoscroll.ts @@ -0,0 +1,43 @@ +import { getGlobalConfiguration, SETTINGS_w2gAutoscrollToUnseen } from '../configuration/configuration'; +import * as core from '../utils/aniwatchCore'; +import { assigned } from '../utils/helpers'; + +export function init(): void { + getGlobalConfiguration().getProperty(SETTINGS_w2gAutoscrollToUnseen, value => { + if (value) { + core.runAfterLocationChange(() => { + let element = findSearchResults(); + if (assigned(element)) { + observeSearchResults(element); + } + }, "^/watch2gether/.*$"); + } + }); +} + +function observeSearchResults(searchRes: Element): void { + let observer = new MutationObserver(mutations => { + mutations.forEach(mutation => { + let num = searchRes.getElementsByClassName('md-2-line border _md-button-wrap _md md-clickable animelist-completed').length; + scrollTo(searchRes, num); + }); + }); + + observer.observe(searchRes, { + childList: true, + subtree: true, + }); +} + +function scrollTo(el: Element, pos: number): void { + let offset: number = 24; + el.scrollTo(0, pos * 72 + offset) +} + +function findSearchResults(): Element { + let searchResults = document.getElementsByClassName('search-results'); + if (searchResults[0] instanceof Element) { + return searchResults[0]; + } + return undefined; +}