BTS2 - Tooltipy (Internal+Tippy.js)

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

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, Greasemonkey alebo Violentmonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey, % alebo Violentmonkey.

Na nainštalovanie skriptu si budete musieť nainštalovať rozšírenie, ako napríklad Tampermonkey alebo Userscripts.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie, ako napríklad Tampermonkey.

Na inštaláciu tohto skriptu je potrebné nainštalovať rozšírenie správcu používateľských skriptov.

(Už mám správcu používateľských skriptov, nechajte ma ho nainštalovať!)

Advertisement:

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie, ako napríklad Stylus.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

Na inštaláciu tohto štýlu je potrebné nainštalovať rozšírenie správcu používateľských štýlov.

(Už mám správcu používateľských štýlov, nechajte ma ho nainštalovať!)

Advertisement:

// ==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/[email protected]/build/browser/io-barcode.min.js', findLinks);\n"+
        "loadJS('https://unpkg.com/[email protected]/dist/tippy.all.min.js', activateTippy);\n"+
        "});";

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