☰

YouTube Playlist Close

Allow quick closing of playlists

Fra 29.10.2017. Se den seneste versjonen.

// ==UserScript==
// @name         YouTube Playlist Close
// @version      1.8
// @description  Allow quick closing of playlists
// @author       AjaxGb
// @match        http*://www.youtube.com/*
// @run-at       document-start
// @resource     button https://raw.githubusercontent.com/AjaxGb/YouTube-Playlist-Close/master/closeMediumDark.png
// @grant        GM_getResourceURL
// @noframes
// @namespace https://greasyfork.org/users/85711
// ==/UserScript==

(function(){
	'use strict';

	function getQueryArgs(query){
		query = (query || window.location.search).substring(1);
		if(!query) return {};
		return query.split('&').reduce(function(prev, curr){
			const p = curr.split('=');
			prev[decodeURIComponent(p[0])] = p[1] ? decodeURIComponent(p[1]) : p[1];
			return prev;
		}, {});
	}

	function setQueryArgs(query){
		if(!query) return;
		let search = '';
		for(let prop in query){
			if(query[prop] === undefined){
				search += '&'+encodeURIComponent(prop);
			}else{
				search += '&'+encodeURIComponent(prop)+'='+encodeURIComponent(query[prop]);
			}
		}
		return '?' + search.substr(1);
	}

	let q;
	const b = document.createElement('a'), s = b.style;
	s.width  = '44px';
	s.height = '40px';
    s.position = 'absolute';
    s.top = '-8px';
    s.right = '0';
	s.background = 'url("' + GM_getResourceURL('button') + '") center';
    s.backgroundRepeat = 'no-repeat';
	s.cursor = 'pointer';
	s.opacity = 0.5;
	b.title = 'Close playlist';

    function updateURL() {
		b.href = location.toString();
		q = getQueryArgs(b.search);
		delete q.list;
		delete q.index;
		b.search = setQueryArgs(q);
    }

	b.onmouseenter = function(){
        updateURL();
		s.opacity = 0.6;
	};
	b.onmouseleave = function(){
		s.opacity = 0.5;
	};
	b.onmouseup = function(){
        updateURL();
        const t = document.getElementById('movie_player').getCurrentTime()|0;
        if (t > 0) {
            q.time_continue = t;
            b.search = setQueryArgs(q);
            setTimeout(resetQuery);
        }
	};
	function resetQuery(){
		delete q.time_continue;
		b.search = setQueryArgs(q);
	}

	function addButton(p){
        updateURL();
		p.style.position = 'relative';
		p.appendChild(b);
	}

	const observer = new MutationObserver(function(mrs){
		if(document.contains(b)) return;
        const p = document.getElementById('header-contents');
        if(p) addButton(p);
	});
	observer.observe(document.documentElement, {
		childList: true,
		subtree: true
	});
})();