VRAPI Enhancements

Add map links with pushpin above map in VRAPI dashboard.

目前為 2020-02-03 提交的版本,檢視 最新版本

// ==UserScript==
// @name         VRAPI Enhancements
// @version      0.31
// @description  Add map links with pushpin above map in VRAPI dashboard.
// @author       Shoshi
// @include      https://safe.hostcompliance.com/*
// @include      https://safe-ca.hostcompliance.com/*
// @namespace https://greasyfork.org/users/438196
// ==/UserScript==

setTimeout(() => {
    const map = document.querySelector(".map-container");
    const coord = document.querySelector("#circle").getAttribute("center");
    const google = `https://www.google.com/maps/search/?api=1&query=${coord}`;
    const bing = `https://www.bing.com/maps?where1=${coord}&style=h`;
    const style = "font-weight: bold; width: 100%; text-align: center;";
    const title = document.querySelectorAll(".md-headline")[2];
    const searchTerm = encodeURIComponent(title.innerText);
    const list = document.querySelectorAll('[ng-if="vm.listing.duplicate_listings.length"]')[0];
    const dupes = (list === undefined) ? 0 : list.getElementsByTagName('A');


    for(let i = 0; i < dupes.length; i++) {
        if(dupes != 0){
            map.insertAdjacentHTML("beforebegin", `
<a class="md-no-style md-button md-ink-ripple" style="${style} font-size: 12px" href=${dupes[i].innerText} target="_blank">${dupes[i].innerText}</a>

`);
        }

}
    map.insertAdjacentHTML("beforebegin", `

<hr>

<a class="md-no-style md-button md-ink-ripple" style="${style}" href=${google} target="_blank">Google</a><br>
<a class="md-no-style md-button md-ink-ripple" style="${style}" href=${bing} target="_blank">Bing</a>
`);

   title.insertAdjacentHTML("beforeend", `

<a class="md-icon-button md-button md-ink-ripple" target="_blank" href='http://googl.com/#q="${searchTerm}"'>
<md-icon md-font-icon="fa fa-search" class="ng-scope md-font FontAwesome fa fa-search" role="img" aria-label="fa fa-search"></md-icon>

`);

}, 1500);