WME Simple Permalink (from WME KeepMyLayers)

Shortens WME permalinks by removing any layer and filter specifications
当前为 2016-03-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name            WME Simple Permalink (from WME KeepMyLayers)
// @namespace       https://gf.qytechs.cn/users/11629-TheLastTaterTot
// @version         0.1
// @description     Shortens WME permalinks by removing any layer and filter specifications
// @author          TheLastTaterTot
// @include         https://editor-beta.waze.com/*editor/*
// @include         https://www.waze.com/*editor/*
// @exclude         https://www.waze.com/*user/editor/*
// @grant           none
// @run-at          document-end
// ==/UserScript==
/* jshint -W097 */

var initRegPermalink = function() {
    if (!document.getElementById('kmlPLPlaceholder')) {
        var kmlKeyPresses = Array(2);

        var getKMLPermalink = function(currPl) {
            var kmlShortPL = currPl.substr(currPl.lastIndexOf('editor')).replace(/&[a-zA-Z_]+Filter=(true|false|0|1)|&layers=(\d+)/g, '');
            return location.origin + '/' + kmlShortPL;
        };

        var copyToClipboard = function(str) {
            var $temp = $('<input>')
            $('body').append($temp);
            $temp.val(str).select();
            document.execCommand('copy');
            $temp.remove();
        };

        var copyPlToClipboard = function(e) {
            if (e.shiftKey) {
                var changeThisPl = document.getElementById('wazePermalink').getAttribute('href').replace(/&[a-zA-Z_]+Filter=(true|false|0|1)|&layers=(\d+)/g, '');
                    changedPl = getKMLPermalink(changeThisPl);

                document.getElementById('tooltipKMLPermalink').innerHTML = changedPl;
                document.getElementById('aKMLPermalink').setAttribute('href', changedPl);
            }
            if (e.metaKey || e.ctrlKey) kmlKeyPresses[0] = true;
            if (e.which === 67) kmlKeyPresses[1] = true;
            if (kmlKeyPresses[0] && kmlKeyPresses[1]) {
                copyToClipboard(document.getElementById('aKMLPermalink').getAttribute('href'));

                document.getElementById('kmlPLTooltip').style.display = 'none';
                document.getElementById('kmlPLTooltipCopied').style.display = 'block';
                setTimeout(function() {
                    document.getElementById('kmlPLTooltipCopied').style.display = 'none';
                }, 2000);
            }
        };

        var kmlStyle = document.createElement("style");

        // Create CSS container element
        kmlStyle.type = "text/css";
        kmlStyle.id = "kml-css-container";

        kmlStyle.innerHTML = `
        .kml-pl-container { height: 25px; width: 48px; position: absolute; bottom: 0; right: 0; line-height: 24px; margin-right: 15px; margin-left: -24px; padding-left: 2px; visibility: visible; pointer-events: auto; }
        .kml-pl-container>.fa-stack { height: 25px; width: 23px; margin-left: -2px; line-height: inherit; }
        .kml-pl-container>.fa-stack .fa-circle { font-size: 26px; line-height: 25px; bottom: 0px; }
        .kml-pl-container>.fa-stack .fa-link { font-size: 16px; line-height: 25px; bottom: 0px; }
        .kml-pl-tooltipbox { max-width: 99%; right: 0; white-space: normal; word-wrap: break-word; bottom: 25px; visibility: visible; margin-right: 15px; color: white; font-size: 8pt; background-color: transparent; pointer-events: none; position: absolute; }
        .kml-pl-tooltipbox>div { padding: 5px; border-radius: 5px; background-color: black; }
        .street-view-mode .kml-pl-container, .street-view-mode .kml-pl-tooltipbox { right: 50% !important; max-width: }`;

        document.head.appendChild(kmlStyle);

        document.querySelector('.WazeControlPermalink>a.icon-link, .WazeControlPermalink>a.fa-link').id = 'wazePermalink';

        var wazePermalinkEl = document.getElementById('wazePermalink'),
            wazeCopyPlNote = wazePermalinkEl.getAttribute('data-original-title'),
            wazeCurrentPl = wazePermalinkEl.getAttribute('href').replace(/&[a-zA-Z_]+Filter=(true|false|0|1)|&layers=(\d+)/g, ''),
            wazeControlPermalinkEl = document.getElementsByClassName('WazeControlPermalink')[0],
            kmlMapPLContainer = document.createElement('div'),
            kmlPLPlaceholder = document.createElement('div'),
            kmlCurrentPl, kmlPLColor;

        kmlMapPLContainer.id = 'kmlPL';
        kmlMapPLContainer.style.position = 'absolute';
        kmlMapPLContainer.style.width = '100%';
        kmlMapPLContainer.style.bottom = '0px';
        kmlMapPLContainer.style.right = '0px';
        kmlMapPLContainer.style.visibility = 'hidden';
        kmlMapPLContainer.style.pointerEvents = 'none';
        kmlMapPLContainer.style.zIndex = 4;
        kmlMapPLContainer.innerHTML = `
<div id="kmlTooltipContainer" class="kml-pl-tooltipbox">
  <div id="kmlPLTooltip" style="display: none;"></div>
  <div id="kmlPLTooltipCopied" style="display: none;"></div>
</div>
<div id="kmlPLContainer" class="kml-pl-container" style="overflow: hidden; width: 23px;">
  <div id="kmlPermalink" class="fa-stack"></div>
</div>`;
        document.getElementById('map').appendChild(kmlMapPLContainer);

        kmlPLPlaceholder.id = 'kmlPLPlaceholder';
        kmlPLPlaceholder.style.float = 'right';
        kmlPLPlaceholder.style.position = 'relative';
        kmlPLPlaceholder.style.bottom = '0px';
        kmlPLPlaceholder.style.right = '0px';
        kmlPLPlaceholder.style.height = '25px';
        kmlPLPlaceholder.style.width = '25px';
        kmlPLPlaceholder.style.marginRight = '-4px';
        kmlPLPlaceholder.style.marginLeft = '-24px';
        kmlPLPlaceholder.style.backgroundColor = '#E9E9E9';
        wazeControlPermalinkEl.appendChild(kmlPLPlaceholder);

        kmlPLColor = '#59899E';
        //---------------
        kmlCurrentPl = getKMLPermalink(wazeCurrentPl);
        document.getElementById('kmlPermalink').innerHTML = '<a id="aKMLPermalink" href="' + kmlCurrentPl + '"><span class="fa fa-circle fa-stack-1x" style="color: ' + kmlPLColor + ';"></span><span class="fa fa-link fa-stack-1x fa-inverse"></span></a>';

        //------------------------------------------------------------------
        // PL address popup
        document.getElementById('kmlPLTooltip').innerHTML = '<span id="tooltipKMLPermalink">' + kmlCurrentPl + '</span><p></p><b>' + wazeCopyPlNote + '</b>';
        // "Copied" popup
        document.getElementById('kmlPLTooltipCopied').innerHTML = '<b>' + I18n.translations[I18n.locale].footer.link_copied + '</b>';

        //------------------------------------------------------------------
        document.getElementById('kmlPermalink').addEventListener('mouseenter', function(e) {
            var thisPl = document.getElementById('wazePermalink').getAttribute('href').replace(/&[a-zA-Z_]+Filter=(true|false|0|1)|&layers=(\d+)/g, ''),
                changeThisPl = getKMLPermalink(thisPl);

            document.getElementById('tooltipKMLPermalink').innerHTML = changeThisPl;
            document.getElementById('aKMLPermalink').setAttribute('href', changeThisPl);
            document.getElementById('kmlPLTooltip').style.display = 'block';
            window.addEventListener('keydown', copyPlToClipboard, false);
        }, false);

        document.getElementById('kmlPermalink').addEventListener('mouseleave', function() {
            kmlKeyPresses = Array(2);
            document.getElementById('kmlPLTooltip').style.display = 'none';
            document.getElementById('kmlPLTooltipCopied').style.display = 'none';
            window.removeEventListener('keydown', copyPlToClipboard);
        }, false);

        try {
            // Hide WME permalink, but allow TB to overrule with display: none;
            document.getElementById('wazePermalink').style.visibility = 'hidden';
        } catch (err) {};
    }
};


function waitForWazeElement() {
    var waitCount = 0,
        maxWait = 50; //30++ seconds

    var tryInit_kmlPL = function() {
        try {
            if (waitCount < maxWait &&
                document.getElementsByClassName('WazeControlPermalink')) {
                initRegPermalink();
                waitCount++; //for catching returns due to an undetected error
            } else if (waitCount++ < maxWait) {
                setTimeout(tryInit_kmlPL, 25 * waitCount);
            } else {
                console.error('WMEKmLPL:',
                    'Could not find necessary WME permalink element');
            }
        } catch (err) {
            try { //try again once more in case it failed due to another script or WME hiccup... >:]
                setTimeout(tryInit_kmlPL, 500);
            } catch (err) {
                console.error(
                    'WMEKmLPL:',
                    'WME KmL Short Permalinks failed to load',
                    'due to some kind of technical script error. :(');
                console.error(err);
            };
        };
    };
    tryInit_kmlPL();
};


setTimeout(waitForWazeElement,2000)
欢迎访问Greasy Fork镜像
