Raw Source Toggle Dropdown

• Minified Source

RASG / CABERGS_credenciados

// ==UserScript==
// @name            CABERGS_credenciados
// @namespace       http://stackoverflow.com/users/982924/rasg
// @author          RASG
// @version         2012.10.10
// @description     Mostra o endereço do credenciado em um mapa no site da CABERGS, sem precisar ir no Google Maps :)
// @require         http://code.jquery.com/jquery.min.js
// @require         http://maps.google.com/maps/api/js?sensor=false&region=BR&callback=initialize
// @require         https://greasyfork.org/scripts/2199-waitforkeyelements/code/waitForKeyElements.js?version=5802
// @include         http*://*cabergs.org.br/rede_credenciada.aspx*
// ==/UserScript==

/*
    ----------------------------------------------------------------------------
    METODO DE CARREGAMENTO DO JQUERY (metodo_JQ):
    
    1 = usar o @require do greasemonkey
    2 = carregar o script de jquery.com e inserir na pagina
    
    Tente usar primeiro o metodo padrao (1) que e mais rapido
    Caso o script nao funcione, altere para (2)
    Se ainda assim nao funcionar, informe na pagina do script em userscripts.org
    ----------------------------------------------------------------------------
*/

metodo_JQ(1);
metodo_Gmaps(2);

//if (!GM_getValue("valstart")) {GM_setValue("valstart","Av Ipiranga 1000 Porto Alegre")}

$(window).load(function(){

    var DIVmapa = document.createElement('div');
        DIVmapa.id = 'DIVmapa';
        DIVmapa.style.border = '2px coral solid';
        DIVmapa.style.cursor = 'pointer';
        DIVmapa.style.display = '';
        DIVmapa.style.height = '80%';
        DIVmapa.style.margin = '1';
        DIVmapa.style.overflow = 'hidden';
        DIVmapa.style.position = 'fixed';
        DIVmapa.style.padding = '1';
        DIVmapa.style.right = '1%';
        DIVmapa.style.top = '1%';
        DIVmapa.style.width = '35%';
        DIVmapa.style.zIndex = '998';

    var DIVinterna = document.createElement('div');
        DIVinterna.id = 'DIVinterna';
        DIVinterna.style.height = '100%';
        DIVinterna.style.width = '100%';
        DIVinterna.style.zIndex = '999';

    var DIVendereco = document.createElement('div');
        DIVendereco.id = 'DIVendereco';
        DIVendereco.style.border = '1px pink solid';
        DIVendereco.style.zIndex = '997';

    $(DIVmapa).append(DIVendereco)
    $(DIVmapa).append(DIVinterna)
    $(DIVmapa).appendTo('body')
    
    $(DIVendereco)
        .append("<input type='text' id='txtstart' name='txtstart' placeholder='Digite aqui o endereço inicial (ponto A) da rota'></input>")
        .append("<select id='seltravelMode' name='seltravelMode'><option value='WALKING'>A pé</option><option value='DRIVING'>De carro</option></select>")
    
    $('#txtstart')
        .val( GM_getValue("valstart") )
        .css({'width':'77%','color':'#C3BEBE','display':'inline-block'})
        .on('focusout', function() { GM_setValue("valstart", $(this).val()) })
    
    $('#seltravelMode')
        .val( GM_getValue("valtravelMode") )
        .css({'width':'17%','color':'#C8C8C8','display':'inline-block'})
        .on('focusout', function() { GM_setValue("valtravelMode", $(this).val()) })
    
    waitForKeyElements("#ctl00_MainContent_ctRede_Credenciada_pnlResult", function() {
        $('#ctl00_MainContent_ctRede_Credenciada_pnlResult dd')
            .each(function() {
                $(this).append("<div class='divvalconsulta'><input type='text' class='inputvalconsulta' placeholder='Valor da consulta'></input></div>")
            })

        $('.inputvalconsulta')
            .each(function() {
                var idbaseadaemspan = $(this).closest('dl').find("span[id$='_lblConselho']").text()
                var id_dinamica = $.trim( idbaseadaemspan.replace(/\s/g, '') );
                $(this)
                    .attr('id', id_dinamica)
                    .val( GM_getValue("valconsulta" + id_dinamica) )
                    .on('focusout', function() { GM_setValue("valconsulta" + id_dinamica, $(this).val()) })
            })
    })

});

initialize = setTimeout(function () {
    
    $("body").on("click", "span[id^='ctl00_MainContent_ctRede_Credenciada']", function() {
        var rua = $.trim( $(this).text().replace(/\s{2,}/g, ' ') );
        end = rua.replace('\u25AA', '').replace(/\./, '').replace(/(?!\d)(\s?)Fone.*/gi, '');
        //GM_log('rua : ' + rua)
        GM_log('end : ' + end)
        calcRoute();
    })

    google = unsafeWindow.google;
    directionsService = new google.maps.DirectionsService();
    directionsDisplay = new google.maps.DirectionsRenderer();

    var PortoAlegre = new google.maps.LatLng(-30.034176,-51.229212);
    var myOptions = {
        zoom: 14,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: PortoAlegre
    }
    
    map = new google.maps.Map(document.getElementById("DIVinterna"), myOptions);
    directionsDisplay.setMap(map);

    function calcRoute() {
        var start = GM_getValue("valstart");
        if (!start) {alert('Defina o ponto de partida \n'+'na caixa texto acima do mapa')}
        var waypts = [];
        var travel_Mode = $('#seltravelMode').val();
        var request = {
            origin: start,
            destination: end,
            waypoints: waypts,
            optimizeWaypoints: false,
            travelMode: google.maps.DirectionsTravelMode[travel_Mode]
        };
        
        directionsService.route(request, function(response, status) {
            if (status == google.maps.DirectionsStatus.OK) {directionsDisplay.setDirections(response)}
            else { alert('Google Maps API DirectionsStatus : ' + status) }
            GM_log('Google Maps API DirectionsStatus : ' + status);
        });
        
        GM_log('start : ' + start)
    }
    
}, 1000);

function metodo_JQ(metodo){
    JQ    = "http://code.jquery.com/jquery.js";
    JQmin = "http://code.jquery.com/jquery.min.js";

    if (metodo == 2) {
        var script = document.createElement('script');
            script.src = JQmin;
        var head = document.getElementsByTagName("head")[0];
            (head || document.body).appendChild(script);
    };
};

function metodo_Gmaps(metodo){
    API_js_callback = "http://maps.google.com.br/maps/api/js?sensor=false&region=BR&callback=initialize";

    if (metodo == 2) {
        var script = document.createElement('script');
            script.src = API_js_callback;
        var head = document.getElementsByTagName("head")[0];
            (head || document.body).appendChild(script);
    };
};