Greasy Fork

Greasy Fork is available in English.

New Filtered Netflix

A replacement for the filtered Netflix of the past. I got around the now lack of Netflix API by checking the boxes that popup and looking for a rating, and then saving the info into localStorage. Thus, it will not filter things until you've hovered over them once.

当前为 2014-09-04 提交的版本，查看 最新版本。

// ==UserScript==
// @name       		New Filtered Netflix
// @namespace  		http://www.netflix.com/
// @author     		Nigel Fish | http://nigelfish.com/
// @license 		  Creative Commons BY-NC-SA
// @version    		0.4
// @description  	A replacement for the filtered Netflix of the past. I got around the now lack of Netflix API by checking the boxes that popup and looking for a rating, and then saving the info into localStorage. Thus, it will not filter things until you've hovered over them once.
// @homepage      https://github.com/dphrag/new-filtered-netflix
// @encoding 		  utf-8
// @match      		http://*.netflix.com/*
// @require    		http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
// @run-at 			  document-end
// ==/UserScript==

$(document).ready(function() {
    
    function hideThatTitleYo(title) {
        var selector = 'img[alt="' + title + '"]';
        $(selector).css({
            '-webkit-filter' : 'grayscale(100%)',
            '-moz-filter' : 'grayscale(100%)',
            '-o-filter' : 'grayscale(100%)',
            '-ms-filter': 'grayscale(100%)',
            'filter': 'grayscale(100%)',
            'opacity': '0.4'
        });
    }
    
    var titles = JSON.parse(localStorage.getItem("filteredTitlesYo"));
    if (titles === null) {
        titles = {};
    } else {
        //loop and hide
        for (var key in titles) {            
            hideThatTitleYo(key);
        }
    }   
    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
    
    // create an observer instance
    var observerBobMovie = new MutationObserver(function(mutations) {
        var bobContent = $('.bobContent');
        var bobTitle = bobContent.find('.bobMovieHeader .title').html();
        if (bobTitle != undefined) bobTitle = bobTitle.trim();
        //check if movie watched
        if (bobContent.find('.sbmfrt').length != 0) {
            //store locally that it was watched and shade image
            titles[bobTitle] = true;
            localStorage.setItem("filteredTitlesYo", JSON.stringify(titles));
            hideThatTitleYo(bobTitle);
        }
    });
    
    var observerBobContainer = new MutationObserver(function(mutations) {
        var bobContent = $('#bob');
        var bobTitle = bobContent.find('.bob-header .title').html();
        if (bobTitle != undefined) bobTitle = bobTitle.trim();
        //check if movie watched
        if (bobContent.find('.starbar').data('your-rating') != "") {
            //store locally that it was watched and shade image
            titles[bobTitle] = true;
            localStorage.setItem("filteredTitlesYo", JSON.stringify(titles));
            hideThatTitleYo(bobTitle);
        }
    });
    
    var observerGallery = new MutationObserver(function(mutations) {
        for (var key in titles) {            
            hideThatTitleYo(key);
        }
    });
    
    // pass in the target node, as well as the observer options
    if ($('#BobMovie').length) observerBobMovie.observe(document.querySelector('#BobMovie'), { attributes: true });
    if ($('#bob-container').length) observerBobContainer.observe(document.querySelector('#bob-container'), { attributes: true, childList:true });
    
    //Also check for when new images appear and hide
    if ($('.gallery').length) observerGallery.observe(document.querySelector('.gallery'), { childList:true });
    
});