BTS2 - Tooltipy (Internal+Tippy.js)

Zobrazuje čiarové kódy v pravom dolnom rohu, ideálne na rýchle naskenovanie bez nutnosti jeho vytlačenia

// ==UserScript==
// @name         BTS2 - Tooltipy (Internal+Tippy.js)
// @namespace    BTS2, amazon, tooltip, barcode, kod
// @version      0.2
// @description  Zobrazuje čiarové kódy v pravom dolnom rohu, ideálne na rýchle naskenovanie bez nutnosti jeho vytlačenia
// @author       AA z BTS2
// @match        http://*/index.html
// @include      http://fcresearch-eu.aka.amazon.com/*/results?*
// @include      https://fcresearch-eu.aka.amazon.com/*/results?*
// @grant        none
// ==/UserScript==

function appendScript(id, fn){
    var newScript = document.createElement('script');
    newScript.setAttribute('type', 'text/javascript');
    newScript.setAttribute('id', id);
    newScript.textContent = fn;
    document.body.appendChild(newScript);
}

function ready(fn) {
    if (document.attachEvent ? document.readyState === 'complete' : document.readyState !== 'loading') fn();
    else document.addEventListener('DOMContentLoaded', fn);
}
// ----------------------------------------------------------

ready(function(){
    var myTooltipJS =
        "var findThese = ['LPN', 'csX', 'ts', 'spl00', 'ZZ', 'P-1-']; // case-sensitive!\n\n"+
        "var style_text =\n"+
        "'.tippy-tooltip.mytooltip-theme {border: 1px solid orange; background: #FDD6AE; padding: 10px 0 5px 0; border-radius: 16px; -webkit-box-shadow: 0px 0px 14px 4px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 14px 4px rgba(0,0,0,0.6); box-shadow: 0px 0px 14px 4px rgba(0,0,0,0.6)}';"+

        "var appendStyle= function(styles){\n"+
        "var css = document.createElement('style'); css.type = 'text/css';\n"+
        "if (css.styleSheet) css.styleSheet.cssText = styles;\n"+
        "else css.appendChild(document.createTextNode(styles)); document.body.appendChild(css);\n"+
        "};\n\n"+

        "var loadJS = function(url, implementationCode){\n"+
        "var scriptTag = document.createElement('script');\n"+
        "scriptTag.src = url;\n"+
        "scriptTag.onload = implementationCode;\n"+
        "scriptTag.onreadystatechange = implementationCode;\n"+
        "document.body.appendChild(scriptTag);\n"+
        "};\n\n"+

        "var ready = function(fn){\n"+
        "if (document.attachEvent ? document.readyState === 'complete' : document.readyState !== 'loading'){fn();}\n"+
        "else {document.addEventListener('DOMContentLoaded', fn);}\n"+
        "};\n\n"+

        "var makeLiveLinks = function(id, column){\n"+
        "var destElm = document.getElementById(id);\n"+
        "if (destElm){\n"+
        "//var base_link = 'http://fcresearch-eu.aka.amazon.com/BTS2/results?s=';\n"+
        "var base_link = window.location.protocol + '//' + window.location.hostname + window.location.pathname + '?s=';\n"+
        "var noLinksArray = [].slice.call(destElm.querySelectorAll('td[data-type=\"' + column + '\"]'));\n"+
        "noLinksArray.forEach(function(elm){\n"+
        "var text = elm.textContent;\n"+
        "elm.innerHTML = '<a href=\"' + base_link + text + '\">' + text + '</a>';\n"+
        "});\n"+
        "}\n"+
        "};\n\n"+

        "var generateCode = function(text){\n"+
        "var canvas, img = new Image(), options = {width: 1, height: 40, quite: 15, displayValue: true, font: 'monospace', fontSize: 16, fontWeight: 'bold', textAlign: 'center'};\n"+
        "canvas = ioBarcode.CODE128B(text, options);\n"+
        "img.src = canvas.toDataURL('image/png'); return '<img src=\"'+img.src+'\">';\n"+
        "};\n\n"+

        "var findLinks = function(){\n"+
        "makeLiveLinks('inventory', 'lpn');\n"+
        "var linksArray = [].slice.call(document.querySelectorAll('a'));\n"+
        "var goodLinksArray = linksArray.filter(function(elm){\n"+
        "var linkText = elm.textContent;\n"+
        "for (var i = 0, length = findThese.length; i < length; i++){\n"+
        "if (linkText.match('^'+findThese[i])) return elm;\n"+
        "}\n"+
        "});\n"+
        "console.log(goodLinksArray);\n"+
        "goodLinksArray.forEach(function(elm){\n"+
        "elm.title = generateCode(elm.textContent);\n"+
        "});\n"+
        "};\n\n"+

        "var activateTippy = function(){tippy('a[title]', {theme: 'mytooltip', animation: 'fade', performance: true, animateFill: false});}\n\n"+

        "ready(function(){\n"+
        "appendStyle(style_text);\n"+
        "loadJS('https://cdn.jsdelivr.net/npm/io-barcode@1.3.0/build/browser/io-barcode.min.js', findLinks);\n"+
        "loadJS('https://unpkg.com/tippy.js@2.3.0/dist/tippy.all.min.js', activateTippy);\n"+
        "});";

    appendScript('barcodeTips', myTooltipJS);
}); // ready