template.js
3.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
if (typeof (i3GEO) === 'undefined') {
var i3GEO = {};
}
//
//utilizado para armazenar templates HTML
//alguns templates sao carregados sob demanda, por isso sao definidos aqui como false
//nesses casos, o HTML do template sao estruturados de outras formas, como em arquivos
//que sao lidos quando necessario
//
//exemplo de uso:
// var html = Mustache.render(i3GEO.template.janela.aguarde, {id: "1234"});
// var html = Mustache.render("{{#data}}<option value='{{{img}}}'>{{{name}}}</option>{{/data}}", {data: [{name: 'xx',img:'yy'}]})
//
i3GEO.template = {
botoes: {
//lista de botoes na forma de icones
listaDeIcones: '<button title="{{{title}}}" onclick="{{{onclick}}}" class="btn btn-xs" style="margin: 2px; padding: 2px;"><span class="material-icons {{{classe}}}" style="{{{estiloicon}}}">{{{icone}}}</span></button>',
padrao: '<button title="{{{title}}}" onclick="{{{onclick}}}" class="btn btn-primary btn-sm btn-raised" style="{{{style}}}">{{{text}}}</button>'
},
//utilizados nas janelas flutuantes
janela : {
aguarde: "<div id='{{id}}_imagemCabecalho' class='i3GeoAguardeJanela progress' style='visibility:hidden; '><span class='progress-bar progress-bar-striped active' role='progressbar' style='width: 100%'></span></div>",
msg: "<div class='modal fade' data-keyboard='false' tabindex='-1' role='dialog' aria-hidden='true' style='z-index:500000;overflow-y:visible;'><div class='modal-dialog'><div class='modal-content'><div class='modal-header' style='padding-top: 5px;'><button type='button' class='close pull-right' data-dismiss='modal' aria-label='Close'><i class='material-icons'>highlight_off</i></button></div><div class='modal-body' style='padding-top: 0px;'><div id='i3GEOMensagemTempoModal' > {{{texto}}} </div></div></div></div></div>",
closemsg: "<div class='modal fade' data-keyboard='false' tabindex='-1' role='dialog' aria-hidden='true' style='z-index:500000;overflow-y:visible;'><div class='modal-dialog'><div class='modal-content'><div class='modal-header' style='padding-top: 5px;'><button type='button' class='close pull-right' data-dismiss='modal' aria-label='Close'><i class='material-icons'>highlight_off</i></button></div><div class='modal-body' style='padding-top: 0px;'><div id='i3GEOMensagemCloseModal' > {{{texto}}} </div></div></div></div></div>"
},
//formatacao da lista de camadas
camada: false,
//formatacao da lista de camadas de fundo
camadaFundo: false,
//formatacao da lista de camadas graficas
camadaGr: false,
//tooltip utilizado quando o LAYER for do tipo utfGrid
utfGridInfo: '<div><div id="i3GEOoverlayInfo"></div></div>',
//resultado da busca feita em um tema
buscaEmTemas: false,
//resultado da busca feita em um servico externo
buscaEmServico: false,
//formatacao de itens de listagens que sao folders
ferramentasFolder: false,
//formatacao de itens de listagens que sao links
ferramentasLinks: false,
//formatacao de listas do tipo migalha mostrada na lista de ferramentas
ferramentasMigalha: false,
//formatacao geral utilizada para folders
dir: false,
//formatacao geral utilizada para uma camada
tema: false,
//formatacao utilizada em listas do tipo migalha mostradas no catalogo
catalogoMigalha: false,
//formatacao da legenda (guia principal do mapa)
legenda: false,
//formatacao da lista de marcadores salvos pelo usuario
marcador: false,
//campo do tipo input para a busca usando typeahead
searchInput: false,
//balao de informacoes da ferramenta identifica
infotooltip: false
};