anilyr.js ➔ observeScreenshotTooltip - Code Metrics - Inspection of "Merge pull request #101 from Serraniel/feature/#94..." - Serraniel/AniwatchPlus - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Push — develop ( 7839ac...7da9dd )

by Daniel

created 2020-10-28 18:25 UTC

anilyr.js ➔ observeScreenshotTooltip A

↳ Parent: src/javascript/enhancements/anilyr.js

Complexity

Conditions

Size

Total Lines	19
Code Lines	11

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	11
dl	0
loc	19
rs	9.3333
c	0
b	0
f	0
cc	5

import * as core from '../utils/aniwatchCore';
import * as helper from '../utils/helpers';

const SCREENSHOT_TOOLTIP_ID = 'anilyr-screenshots-tooltip';
const PLAYER_ID = 'player';

export function init() {
    core.registerScript(node => {
        if (helper.isHtmlElement(node) && node.id === SCREENSHOT_TOOLTIP_ID) {
            observeScreenshotTooltip(node);
        }
    }, "^/anime/[0-9]*/[0-9]*$");
}

function observeScreenshotTooltip(tooltip) {
    let observer = new MutationObserver(mutations => {

        mutations.forEach(mutation => {
            // Switched to invisible
            if (!mutation.oldValue.includes('display: none') && mutation.target.style.display == 'none') {
                let player = findPlayer();
                if(typeof player !== 'undefined'){
                    resumePlayer(player);
                }
            }
        });
    });

    observer.observe(tooltip, {
        attributes: true,
        attributeOldValue: true,
        attributeFilter: ['style'],
    });
}

function findPlayer() {
    const PLAYER_TAG_NAME = 'VIDEO'; // tagName gives UpperCase

    let playerCandidate = document.getElementById(PLAYER_ID);
    if (playerCandidate.tagName === PLAYER_TAG_NAME) {
        return playerCandidate;
    }

    return undefined;
}

function resumePlayer(player) {
    player.play();
}

1			import * as core from '../utils/aniwatchCore';
2			import * as helper from '../utils/helpers';
3
4			const SCREENSHOT_TOOLTIP_ID = 'anilyr-screenshots-tooltip';
5			const PLAYER_ID = 'player';
6
7			export function init() {
8			core.registerScript(node => {
9			if (helper.isHtmlElement(node) && node.id === SCREENSHOT_TOOLTIP_ID) {
10			observeScreenshotTooltip(node);
11			}
12			}, "^/anime/[0-9]/[0-9]$");
13			}
14
15			function observeScreenshotTooltip(tooltip) {
16			let observer = new MutationObserver(mutations => {
			0 ignored issues – show Bug introduced 2020-10-26 19:55 UTC by Report Bug Copy Issue Report The variable `MutationObserver` seems to be never declared. If this is a global, consider adding a `/** global: MutationObserver */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
17			mutations.forEach(mutation => {
18			// Switched to invisible
19			if (!mutation.oldValue.includes('display: none') && mutation.target.style.display == 'none') {
20			let player = findPlayer();
21			if(typeof player !== 'undefined'){
22			resumePlayer(player);
23			}
24			}
25			});
26			});
27
28			observer.observe(tooltip, {
29			attributes: true,
30			attributeOldValue: true,
31			attributeFilter: ['style'],
32			});
33			}
34
35			function findPlayer() {
36			const PLAYER_TAG_NAME = 'VIDEO'; // tagName gives UpperCase
37
38			let playerCandidate = document.getElementById(PLAYER_ID);
39			if (playerCandidate.tagName === PLAYER_TAG_NAME) {
40			return playerCandidate;
41			}
42
43			return undefined;
44			}
45
46			function resumePlayer(player) {
47			player.play();
48			}

Serraniel / AniwatchPlus

Push — develop ( 7839ac...7da9dd )

anilyr.js ➔ observeScreenshotTooltip A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like