Waze Editor Profile Enhancements

Pulls the correct forum post count - changed to red to signify the value as pulled from the forum by the script
目前為 2018-07-03 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         Waze Editor Profile Enhancements
// @namespace    http://tampermonkey.net/
// @version      2018.07.03.01
// @description  Pulls the correct forum post count - changed to red to signify the value as pulled from the forum by the script
// @author       JustinS83
// @include      https://www.waze.com/*user/editor*
// @include      https://beta.waze.com/*user/editor*
// @grant        GM_xmlhttpRequest
// ==/UserScript==
 
(function() {
    'use strict';
 
    var wkts = [];
    let combinedWKT = "";
 
    function bootstrap(tries) {
        tries = tries || 1;
 
        if (W &&
            W.EditorProfile &&
            $) {
            init();
        } else if (tries < 1000) {
            console.log(tries);
            setTimeout(function () {bootstrap(tries++);}, 200);
        }
    }
 
    bootstrap();
 
    async function init(){
        $.get('https://www.waze.com/forum/memberlist.php?username=' + W.EditorProfile.data.username, function(forumResult){
            var re = 0;
            var matches = forumResult.match(/<a.*?"Search user’s posts">(\d+)<\/a>/);
            if(matches && matches.length > 0)
                re = matches[1];
            var WazeVal = $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3) > div.user-stats-value')[0].innerHTML.trim();
            var userForumID = forumResult.match(/<a href="\.\/memberlist\.php\?mode=viewprofile&amp;u=(\d+)"/)[1];
 
            $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3) > div.highlight-title').css('position', 'relative');
 
            if(WazeVal !== re.toString()){
                $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3) > div.user-stats-value')[0].innerHTML = re;
                $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3) > div.user-stats-value').css('color','red');
                $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3) > div.user-stats-value').prop('title', 'Waze reported value: ' + WazeVal);
            }
 
            $('#header > div > div.user-info > div > div.user-highlights > div > div:nth-child(3)').wrap('<a href="https://www.waze.com/forum/search.php?author_id=' + userForumID + '&sr=posts" targ="_blank"></a>');
 
            $('#header > div > div.user-info > div > div.user-highlights > a').prepend('<a href="https://www.waze.com/forum/memberlist.php?mode=viewprofile&u=' + userForumID +'" target="_blank" style="margin-right:5px;"><button class="message s-modern-button s-modern"><i class="fa fa-user"></i><span>Forum Profile</span></button></a>');
        });
 
        var count = 0;
        W.EditorProfile.data.editingActivity.forEach(function(x) { if(x !== 0) count++; });
        $('#editing-activity > div > h3').append(" (" + count + " of last 91 days)");
 
        let areas = await getManagedAreas();
 
        if(areas.managedAreas.length > 0){
            $('#header > div > div.user-info > div > div.user-highlights > a').append('<a href="#" title="View editor\'s managed areas in WKT format"><button class="message s-modern-button s-modern" id="userMA"><i class="fa fa-map-o" aria-hidden="true"></i></button></a>');
 
            $('#userMA').click(function(){
                if($('#wpeWKT').css('visibility') === 'visible')
                    $('#wpeWKT').css({'visibility': 'hidden'});
                else
                    $('#wpeWKT').css({'visibility': 'visible'});
            });
 
            let wkt = "";
            for(let i=0; i<areas.managedAreas.length; i++){
                if(i>0)
                    combinedWKT += ",";
                wkt = "";
                combinedWKT += "(";
                for(let j=0; j<areas.managedAreas[i].coordinates.length; j++){
                    if(j>0){
                        wkt += ",";
                        combinedWKT += ",";
                    }
                    combinedWKT += "(";
                    wkt +="(";
                    for(let k=0; k<areas.managedAreas[i].coordinates[j].length; k++){
                        if(k > 0){
                            wkt+=", ";
                            combinedWKT += ",";
                        }
                        wkt += round(parseFloat(areas.managedAreas[i].coordinates[j][k][0])).toString() + " " + round(parseFloat(areas.managedAreas[i].coordinates[j][k][1])).toString();
                        combinedWKT += round(parseFloat(areas.managedAreas[i].coordinates[j][k][0])).toString() + " " + round(parseFloat(areas.managedAreas[i].coordinates[j][k][1])).toString();
                    }
                    combinedWKT += ")";
                    wkt += ")";
                }
                combinedWKT += ")";
                wkt = `POLYGON${wkt}`;
                wkts.push(wkt);
            }
            if(areas.managedAreas.length > 1)
                combinedWKT = `MULTIPOLYGON(${combinedWKT})` ;
            else
                combinedWKT = `POLYGON${combinedWKT}`;
            debugger;
            var $section = $("<div>", {style:"padding:8px 16px"});
            $section.html([
                '<div id="wpeWKT" style="padding:8px 16px; position:fixed; border-radius:10px; box-shadow:5px 5px 10px 4px Silver; top:25%; left:40%; background-color:white; visibility:hidden;">', //Main div
                '<div id="wpeAreas" style="float:left;"><h3 style="float:left; left:50%;">Editor Areas</h3><br>' + buildAreaList() + '</div>',
                '<div id="wpePolygons" style="float:left; padding-left:15px;"><h3 style="position:relative; float:left; left:40%;">Area WKT</h3><br><textarea rows="7" cols="55" id="wpeAreaWKT" style="height:auto;"></textarea></div>',
                '<div id="wpeFooter" style="clear:both; margin-top:10px;">Display the WKT areas on <a href="http://map.wazedev.com" target="_blank">http://map.wazedev.com</a></div>',
                '</div>' //end main div
            ].join(' '));
 
            $('body').append($section.html());
 
            $('[id^="wpeAreaButton"]').click(function(){
                let index = parseInt($(this)[0].id.replace("wpeAreaButton", ""));
                $('#wpeAreaWKT').text(wkts[index]);
                $('#wpePolygons > h3').text(`Area ${index+1} WKT`);
            });
 
            $('#wpeCombinedAreaButton').click(function(){
                $('#wpeAreaWKT').text(combinedWKT);
                $('#wpePolygons > h3').text(`Combined Area WKT`);
            });
        }
    }
 
    function buildAreaList(){
        let html = "";
        for(let i=0; i<wkts.length; i++){
            html +=`<button id="wpeAreaButton${i}" class="btn btn-outline-primary" style="margin-bottom:5px;">Area ${i+1}</button><br>`;
        }
        if(wkts.length > 1)
            html +=`<button id="wpeCombinedAreaButton" class="btn btn-outline-primary" style="margin-bottom:5px;">Combined</button><br>`;
        return html;
    }
 
    function round(val){
        return Math.round(val*1000000)/1000000;
    }
 
    async function getManagedAreas(){
        return await new W.EditorProfile.Models.ManagedAreas([],{
                lastEditEnv: 'na',
                userId: W.EditorProfile.data.userID
            }).fetch();
    }
})();