Software Público Brasileiro

<!-- Guias -->
<div class='yui-navset' style='height: 38px; top: 0px; cursor: pointer; margin-left: 2px;'>
    <ul class='yui-nav' style='border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;'>
        <li>
            <div id='i3GEOlegendaguia6' style='text-align: center; left: 0px;'>
                <a title='{{{propriedades}}}'>
                    <em><span class="material-icons">settings</span></em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia1' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{legenda}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia2' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{classes}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia3' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{editor}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia4' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{graficos}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia5' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{importaExportaSLD}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia7' style='text-align: center; left: 0px;'>
                <a>
                    <em>{{{cluster}}}</em>
                </a>
            </div>
        </li>
        <li>
            <div id='i3GEOlegendaguia8' style='text-align: center; left: 0px;'>
                <a>
                    <em>Auto</em>
                </a>
            </div>
        </li>
    </ul>
</div>
<!--- Propriedades -->
<div id='i3GEOlegendaguia6obj' class='container-fluid customScrollBarXY'>
    <button onclick="i3GEOF.legenda.adicionaConta()" class='btn btn-primary btn-sm btn-block btn-raised'>{{{incluiNumeroOcorrencia}}}</button>
    <button onclick="i3GEOF.legenda.adicionaOpacidade()" title='{{{aplicaOpacidade}}}' class='btn btn-primary btn-sm btn-block btn-raised'>{{{aplicaOpacidadeVariavel}}}</button>
    <button onclick="i3GEOF.legenda.janelaCorRamp()" title='{{{variaCoresExtremos}}}' class='btn btn-primary btn-sm btn-block btn-raised'>{{{escolhePaletaCores}}}</button>
    <div class="checkbox text-left">
        <label> <input checked type="checkbox" id="i3GEOFlegendamostra" onclick="i3GEO.tema.invertestatuslegenda(i3GEOF.legenda.tema);"> <span class="checkbox-material noprint">
                <span class="check"></span>
            </span> {{{mostraClassesLegenda}}}
        </label>
    </div>
    <div class="form-group label-fixed">
        <label class="control-label" for="i3GEOlegendaImg">{{{legendaImg}}}</label>
        <div class="input-group">
            <input id="i3GEOlegendaImg" class="form-control" type="text" value="">
            <span class="input-group-btn">
                <a onclick="i3GEOF.legenda.aplicarLegendaImg();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                    <span class="material-icons ">send</span>
                </a>
            </span>
        </div>
    </div>

    <div class="form-group label-fixed">
        <label class="control-label" for="i3GEOlegendaImg">{{{offsite}}}</label>
        <div class="input-group">
            <input id="i3GEOoffsite" class="form-control i3geoFormIconeAquarela" type="text" value="-1,-1,-1">
            <span class="input-group-btn">
                <a onclick="i3GEOF.legenda.aplicarOffsite();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                    <span class="material-icons ">send</span>
                </a>
            </span>
        </div>
    </div>

    <div class="form-group label-fixed">
        <label class="control-label" for="i3GEOlegendaImg">{{{geraCores}}}</label> <br> {{{de}}} &nbsp; <input class="form-control i3geoFormIconeAquarela" style="display: inline; width: 150px;"
            id="i3GEOlegendaacori" size="10" value="0,0,0" type="text"> &nbsp; {{{ate}}} &nbsp; <input class="form-control i3geoFormIconeAquarela" style="display: inline; width: 150px;"
            id="i3GEOlegendaacorf" size="10" value="255,255,255" type="text"> &nbsp;
        <span class="input-group-btn" style="display: inline;">
            <a title='{{{aplicaVariaCores}}}' onclick="i3GEOF.legenda.paleta();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
</div>
<!-- listagem das classes ver templateLista_mst.html -->
<div id='i3GEOlegendaguia1obj' class='container-fluid customScrollBarXY'>
    <div id='i3GEOFlegendaComboCabeca' class='form-group condensed' style='width: 100%'></div>
    <div id="i3GEOlegendaguia1objLegenda"></div>
</div>

<!-- Classificacao -->
<div id='i3GEOlegendaguia2obj' class='container-fluid customScrollBarXY'>
    <div class="checkbox text-left">
        <label> <input checked id='i3GEOFlegendaaplicaextent' type="checkbox" onclick=""> <span class="checkbox-material noprint">
                <span class="check"></span>
            </span> {{{consideraElementosVisisveis}}}
        </label>
    </div>
    <div class='form-group label-floating'>
        <label class="control-label" for="{{{idjanela}}}i3GEOtabelaexcestat">{{{ignoraValores}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaignorar' value='' />
    </div>

    <hr />
    <h5>{{{alteraGeom}}}</h5>
    <div style="width: 80%">
        <div class='form-group condensed'>
            <label class="control-label" for="i3GEOlegentaTipoGeo">{{{transformaGeom}}}</label>
            <div style="width: 100%;" class="input-group">
                <select class="form-control" id='i3GEOlegentaTipoGeo'>
                    <option value=''>{{{semTransformacao}}}</option>
                    <option value='centroid'>{{{centroide}}}</option>
                    <option value='bbox'>box</option>
                    <option value='vertices'>{{{vertices}}}</option>
                    <option value='start'>{{{verticeInicial}}}</option>
                    <option value='end'>{{{verticeFinal}}}</option>
                </select> <b class="caret careti"></b>
            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn pull-right">
            <a style="left: 80px;" onclick="i3GEOF.legenda.alteraGeometriaTema();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{alteraTipo}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <div class="input-group">
                <label class="control-label">{{{alteraTipoGeom}}}</label>
            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.representacao();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{simboloUnico}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <div class="input-group">
                <label class="control-label">{{{todosElementosUnicoSimbolo}}}</label>
            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.simbU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{valorUnico}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <label class="control-label">{{{cadaOcorrenciaUnicoSimbolo}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensValorUnico'></div>
            </div>
        </div>
        <div class='form-group condensed'>
            <label class="control-label">{{{nomeClassesUnicoSimbolo}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaClassesValorUnico'></div>

            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.valorU();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{classesFixas}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <label class="control-label">{{{criaClassesItemNumerico}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensValorClass'></div>
            </div>
        </div>
        <div class='form-group label-floating'>
            <label class="control-label" for="i3GEOlegendanclasses">{{{numeroClasses}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendanclasses' value='5' />
        </div>
        <h5>{{{tipoCalculo}}}</h5>
        <button onclick="i3GEOF.legenda.valorC()" class='btn btn-primary btn-sm btn-raised'>{{{intervalosIguais}}}</button>
        <button onclick="i3GEOF.legenda.valorQN()" class='btn btn-primary btn-sm btn-raised'>{{{quebrasNaturais}}}</button>
        <button onclick="i3GEOF.legenda.valorQu()" class='btn btn-primary btn-sm btn-raised'>{{{calcularQuantil}}}</button>
    </div>
    <hr />
    <h5>{{{metade}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <label class="control-label">{{{duasmetades}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensMetade'></div>
            </div>
        </div>
        <div class='form-group condensed'>
            <label class="control-label">{{{iunico}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensMetadeId'></div>
            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.metade();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{media}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <label class="control-label">{{{duasmedias}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensMedia'></div>
            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.media();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <hr />
    <h5>{{{calcularQuartil}}}</h5>
    <div style="width: 80%">

        <div class='form-group condensed'>
            <label class="control-label">{{{criaQuartis}}}</label>
            <div style="width: 100%;" class="input-group">
                <div id='i3GEOlegendaitensValorQuartil'></div>
            </div>
        </div>
        <div class='form-group condensed'>
            <label class="control-label">{{{estiloNomeClasses}}}</label>
            <div style="width: 100%;" class="input-group">
                <select class="form-control" id='estiloClassesQuartis'>
                    <option value='minimo'>{{{soValores}}}</option>
                    <option value='simples'>{{{quartilValores}}}</option>
                    <option value='completo'>{{{expressaoCompleta}}}</option>
                </select> <b class="caret careti"></b>


            </div>
        </div>
        <span style="top: 0px; position: absolute; right: 0px;" class="input-group-btn">
            <a style="left: 80px;" onclick="i3GEOF.legenda.valorQ();return false;" role="button" type="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
                <span class="material-icons ">send</span>
            </a>
        </span>
    </div>
    <br>
</div>
<!-- editor de simbolos -->
<div id='i3GEOlegendaguia3obj' class='container-fluid customScrollBarXY'>
    <h5>{{{etiquetasClasse}}}</h5>
    <div class='form-group condensed'>
        <label class="control-label" for="i3GEOlegendaitensLabel">{{{itemComTexto}}}</label>
        <div style="width: 100%;" class="input-group">
            <div id='i3GEOlegendaitensLabel'></div>
        </div>
    </div>
    <button onclick="i3GEOF.legenda.excluiLabels()" class='btn btn-primary btn-sm btn-raised'>{{{removeLabels}}}</button>
    <button onclick="i3GEOF.legenda.incluirLabels()" class='btn btn-primary btn-sm btn-raised'>{{{aplicar}}}</button>
    <button onclick="i3GEOF.legenda.propriedadesLabels()" class='btn btn-primary btn-sm btn-raised'>{{{propriedades2}}}</button>

    <hr />

    <h5>{{{estilos}}}</h5>

    <div class='form-group condensed'>
        <label class="control-label" for="i3GEOlegendaestilos">{{{estiloEdicao}}}</label>
        <div class="input-group" style="width: 150px;">
            <div id='i3GEOlegendacomboestilos'></div>
        </div>
    </div>
    <button onclick="i3GEOF.legenda.excluiEstilo()" class='btn btn-primary btn-sm btn-raised'>{{{exclui}}}</button>
    <button onclick="i3GEOF.legenda.adicionaEstilo()" class='btn btn-primary btn-sm btn-raised'>{{{adiciona}}}</button>
    <button onclick="i3GEOF.legenda.sobeEstilo()" class='btn btn-primary btn-sm btn-raised'>{{{sobe}}}</button>
    <button onclick="i3GEOF.legenda.desceEstilo()" class='btn btn-primary btn-sm btn-raised'>{{{desce}}}</button>

    <hr />

    <h5>{{{edicaoEstilo}}}</h5>
    <h5>{{{ajudaEstilo}}}</h5>
    <div id='i3GEOlegendaParametrosEstilos'></div>
    <div style='position: relative; top: 0px; left: 0px; text-align: left;' id='i3GEOlegendamostraEstilo'></div>
    <div style='position: relative; top: 0px; left: 0px; text-align: left;' id='i3GEOlegendasimbolos'></div>
</div>

<!-- graficos -->
<div id='i3GEOlegendaguia4obj' class='container-fluid customScrollBarXY'></div>

<!-- SLD -->
<div id='i3GEOlegendaguia5obj' class='container-fluid customScrollBarXY'>
    <h5>
        {{{geraSLD}}}
        <a href='http://mapserver.org/ogc/sld.html#sld' target='_blank'> Mapserver SLD </a>
        {{{ajudaSLD}}}
    </h5>
    <button onclick="i3GEOF.legenda.slde()" class='btn btn-primary btn-sm btn-raised'>{{{exportaSLD}}}</button>
    <h5>{{{msgAplicaSLD}}}</h5>
    <button onclick="i3GEOF.legenda.sldi()" class='btn btn-primary btn-sm btn-raised'>{{{aplicaSLD}}}</button>
</div>

<!-- cluster -->
<div id='i3GEOlegendaguia7obj' class='container-fluid customScrollBarXY'>
    <h5>{{{clusterAjuda}}}</h5>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterMaxdistance">{{{ClusterMaxdistance}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaClusterMaxdistance'
            value='5' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterBuffer">{{{ClusterBuffer}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaClusterBuffer' value='0' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterFilter">{{{ClusterFilter}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaClusterFilter' value='' />
    </div>
    <div style="width: 100%;" class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterRegion">{{{ClusterRegion}}}</label> <select class="form-control" id='i3GEOlegendaClusterRegion'>
            <option value='rectangle'>rectangle</option>
            <option value='ellipse'>ellipse</option>
        </select> <b class="caret careti"></b>

    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterRegion">{{{ClusterGroup}}}</label>
        <div id='i3GEOlegendaitensCluster'></div>
    </div>
    <button onclick="i3GEOF.legenda.aplicarCluster()" class='btn btn-primary btn-sm btn-raised'>{{{aplicar}}}</button>
    <button onclick="i3GEOF.legenda.removerCluster()" class='btn btn-primary btn-sm btn-raised'>{{{remover}}}</button>

</div>
<!--autoclasses-->
<div id='i3GEOlegendaguia8obj' class='container-fluid customScrollBarXY'>
    <h5>{{{autoClasses}}}</h5>

    <h5>{{{colunasTxt}}}</h5>
    <div id="i3GEOlegendaAutocolunas"></div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaClusterFilter">{{{classesitem}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassesitem' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutoclassesnome">{{{classesnome}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassesnome' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutoclassescor">{{{classescor}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassescor' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutoclassessimbolo">{{{classessimbolo}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassessimbolo' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutoclassestamanho">{{{classestamanho}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutoclassestamanho' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutopalletefile">{{{palletefile}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutopalletefile' value='' />
    </div>
    <div class='form-group label-fixed'>
        <label class="control-label" for="i3GEOlegendaAutopalletestep">{{{palletestep}}}</label> <input class="form-control input-lg" type='text' id='i3GEOlegendaAutopalletestep' value='' />
    </div>
    <button onclick="i3GEOF.legenda.salvaParametrosAuto()" class='btn btn-primary btn-sm btn-raised'>{{{aplicar}}}</button>
</div>
<input type='hidden' value='' id='listaColourRamp' onchange='javascript:i3GEOF.legenda.aplicaColourRamp()' />