WME Segment Messages

changes the styling of the segment messages
当前为 2022-08-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         WME Segment Messages
// @namespace    https://fxzfun.com/
// @version      0.5
// @description  changes the styling of the segment messages
// @author       FXZFun
// @match        https://*.waze.com/*/editor*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=waze.com
// @grant        none
// @license      GNU GPL v3
// ==/UserScript==

/* global W */

(function() {
    'use strict';

    function fxzAddLockMessage(maxLock) {
        document.querySelector("#fxzSegmentMessages").innerHTML += `<span class="fxzMessage locked"><img src="https://fxzfun.com/res/images/other/wme-lock.svg" style="width: 24px;"> Locked to L${maxLock}</span>`;
    }

    function fxzAddMixedMessage() {
        document.querySelector("#fxzSegmentMessages").innerHTML += `<span class="fxzMessage mixed"><img src="https://fxzfun.com/res/images/other/wme-mixed.svg" style="width: 24px;"> Mixed A/B</span>`;
    }

    function fxzClearMessages() {
        document.querySelector(".segment-details").outerHTML += "<div id='fxzSegmentMessages'></div>";
        document.querySelector(".segment-details").style.display = "none";
    }

    function fxzCheckSegments() {
        if (W.selectionManager.getSelectedFeatures().length > 0 && W.selectionManager.getSelectedFeatures()[0].model.type === 'segment') {

            // wait for panel to open
            var i2 = setInterval(()=>{
                if (document.querySelector(".inconsistent-direction")) clearInterval(i2);
                fxzClearMessages();

                // locked segments
                var maxLock = Math.max(...Array.from(W.selectionManager.getSelectedFeatures()).map(item => item.model.attributes.lockRank));
                if (W.loginManager.user.rank < maxLock) {
                    fxzAddLockMessage(maxLock + 1);
                }
                // mixed segments
                var incdir = document.querySelector(".inconsistent-direction")
                if (incdir.style.display != "none") {
                    fxzAddMixedMessage();
                    incdir.style.display = "none";
                }
            }, 100);
        }
    }

    // bootstrap
    if (location.href.match(/^https:\/\/(www|beta)\.waze\.com\/(?!user\/)(.{2,6}\/)?editor\/?.*$/) != null) {
        var i = setInterval(() => {
            if (W.selectionManager.events) {
                clearInterval(i);
                W.selectionManager.events.register('selectionchanged', this, fxzCheckSegments);
                // run preselected from url
                if (W.selectionManager.getSelectedFeatures().length > 0) fxzCheckSegments();
                // add styling
                var style = document.createElement("style");
                style.innerHTML = "#fxzSegmentMessages {margin-top: 5px; margin-left: 10px;} .fxzMessage {padding: 7px 10px; border-radius: 10px; width: fit-content; margin-left: 5px;} .locked {background-color: #FE5F5D;} .mixed {background-color: #42A5F5;}";
                document.body.appendChild(style);
            }
        }, 1000);
    }

})();
欢迎访问Greasy Fork镜像
