IMDB Copy Buttons V2

Buttons
当前为 2018-12-02 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         IMDB Copy Buttons V2
// @namespace    http://kmcgurty.com/
// @version      1.2
// @description  Buttons
// @author       Kmcgurty
// @match        https://www.imdb.com/title/*
// @match        https://www.imdb.com/name/*
// @connect      omdbapi.com
// @grant        GM_addStyle
// @grant        GM_setClipboard
// @grant        GM_xmlhttpRequest
// ==/UserScript==
 
//~README~
//
//to use the "Reveal original titles" feature, you need to get an API key from OMDB.
//you can get that from here: http://www.omdbapi.com/apikey.aspx
//select "FREE! (1,000 daily limit)"
//use is "For a personal IMDB.com userscript"
//input your email and follow the instructions given.
//insert the key you receive inbetween the quotations below (ex. var API_KEY = "ab123c4d";)
 
var API_KEY = "";
 
//- You can ignore everything below here -
 
var cssTransitionTime = 750;
var OMDB_ERROR = false;
 
GM_addStyle(`.copybutton:active,.revealoriginalnamesbutton:active{background-color:#ccc3ac}.copybutton{font-size:13px;padding:0;margin:0 0 0 2px;width:50px;height:18px;position:relative;overflow:hidden}.copybutton::before{content:"Copy";position:absolute;left:7px}.copybutton::after{content:"Copied";position:absolute;left:2px;top:15px;pointer-events:none}.copybutton::after,.copybutton::before{transition:all ${cssTransitionTime*.35}ms}.copybutton.clicked::after{top:-1px}.copybutton.unclicked::after{top:18px}.copybutton.clicked::before{top:-18px}.copybutton.unclicked::before{top:-1px}.copybutton:focus{outline:0}#yearbutton::before{content:"+Year";left:4px}#idbutton::before{content:"ID";left:15px}.itemprop .copybutton{margin-left:5px}.revealoriginalnamesbutton{font-size:13px;padding:0;margin:0 0 0 5px;height:18px}.revealoriginalnamesbutton::before{content:"Reveal Original Titles"}.countwrapper{font-size:16px;padding-top:10px}`);
 
(function main(){
    addTitleButtons();
    addOtherButtons();
    
    if(window.location.href.match("/name/")) {
        relocateAltNames();
    }
})();
 
function revealOriginalName(element, id){
    GM_xmlhttpRequest({
        method: "GET",
        url: `https://www.omdbapi.com/?i=${id}&apikey=${API_KEY}`,
        onload: function(res) {
            var response = JSON.parse(res.responseText);
 
            if(response.Response != "False"){
                originalTitle = response.Title;
                if(originalTitle != undefined){
                    var span = document.createElement("span");
                    span.setAttribute("class", "originaltitle");
                    var text = document.createTextNode(" - " + originalTitle);
                    span.appendChild(text)
 
                    if(element.textContent != originalTitle && !element.parentNode.querySelector(".originaltitle")){
                        element.parentNode.appendChild(span);
                        updateCounter();
                    }
                }
            } else {
                if(!OMDB_ERROR && response.Error != "Error getting data."){
                    OMDB_ERROR = true;
                    alert(response.Error);
                } else {
                    console.log(response.Error, "Movie ID: " + id, element);
                }
            }
        },
        onerror: function(err, a, b){
            alert("Error in making the request: ", err, a, b);
        }
    });
}
 
function updateCounter(){
    var parent = document.querySelector(".revealoriginalnamesbutton").parentNode;
 
    //init the html if not created already
    if(parent.querySelector(".count") == null){
        var wrapper = document.createElement("span");
        wrapper.setAttribute("class", "countwrapper");
        var text = document.createTextNode("Matches found: ");
        wrapper.appendChild(text);
        var span = document.createElement("span");
        span.setAttribute("class", "count");
        span.appendChild(document.createTextNode("0"));
        wrapper.appendChild(span);
        parent.appendChild(wrapper);
    }
 
    var count = parseInt(parent.querySelector(".count").innerHTML);
    parent.querySelector(".count").innerHTML = count + 1;
}
 
function addTitleButtons(){
    var title = document.querySelector("h3[itemprop='name'], h1 [class='itemprop']");
 
    var titleButton = createButton(title.childNodes[0].textContent.trim());
    title.appendChild(titleButton);
 
    if(window.location.href.match("/title/")){
        var yearButton = createButton(title.textContent.replace(/ +\n +/, " ").trim());
        yearButton.setAttribute("id", "yearbutton");
        title.appendChild(yearButton);
 
        var altTitle = title.nextSibling;
        if(altTitle.textContent.trim()){
            var altButton = createButton(altTitle.textContent.replace(/ +\n +/, " ").trim());
            altTitle.parentNode.insertBefore(altButton, altTitle.nextSibling.nextSibling);
        }
    }
 
    var IDButton = createButton(window.location.pathname.split('/')[2]);
    IDButton.setAttribute("id", "idbutton");
    title.appendChild(IDButton);
}
 
function addOtherButtons(){
    var toAppend = document.querySelectorAll(".itemprop a, .crew_list a, .writers_list a, .filmo-row b");
 
    for(var i = 0; i < toAppend.length; i++){
        var copyButton = createButton(toAppend[i].textContent.trim());
 
        if(window.location.href.match("/title/")){
            var td = document.createElement("td");
            td.appendChild(copyButton);
 
            toAppend[i].parentElement.parentElement.appendChild(td);
        } else if(window.location.href.match("/name/")) {
            toAppend[i].parentElement.querySelector(".year_column").appendChild(copyButton);
        }
    }
 
 
    //reveal original name button + event listener
    //h2 containing "Filmography" doesn't have an id, this is a workaround to get that element
    var h2ToAppend = document.evaluate("//h2[contains(., 'Filmography')]", document, null, XPathResult.ANY_TYPE, null).iterateNext();
 
    if(h2ToAppend){
        var button = document.createElement('button');
        button.setAttribute("class", "revealoriginalnamesbutton linkasbutton-secondary");
        h2ToAppend.appendChild(button);
 
        button.addEventListener("click", function(){
            var elements = document.querySelectorAll(".filmo-category-section b a");
            var ids = [];
 
            for(var i = 0; i < elements.length; i++){
                var href = elements[i].href.split("/");
                ids[i] = href[4];
            }
 
            for(var i = 0; i < ids.length; i++){
                var error = revealOriginalName(elements[i], ids[i]);
            }
        });
    }
}
 
function relocateAltNames(){
    var altNames = document.querySelector("#details-akas");
    if(altNames){
        var names = altNames.textContent.replace(/\n|Alternate Names:\W +/gm, "").trim().split(" | ").join(", ");
 
        var h4 = document.createElement("h4");
        h4.setAttribute("class", "inline");
        var text = document.createTextNode("Alternative names:");
        h4.appendChild(text);
 
        var altNamesDiv = document.createElement("div");
        altNamesDiv.setAttribute("class", "alt-names txt-block");
        altNamesDiv.appendChild(h4)
        text = document.createTextNode(names);
        altNamesDiv.appendChild(text);
 
        var copyButton = createButton(names);
        altNamesDiv.appendChild(copyButton);
 
        document.querySelector("#overview-top").appendChild(altNamesDiv);
    }
}
 
function createButton(copytext){
    var button = document.createElement('button');
    button.setAttribute("class", "copybutton linkasbutton-secondary unclicked");
	button.setAttribute("data-copytext", copytext);
 
    button.addEventListener("click", function(e){
        GM_setClipboard(e.target.getAttribute("data-copytext"));
        e.target.setAttribute("class", "copybutton linkasbutton-secondary clicked");
 
        setTimeout(function(){
            e.target.setAttribute("class", "copybutton linkasbutton-secondary unclicked");
        }, cssTransitionTime);
    });
 
    return button;
}