From 6d49f419fc7cc3ef566c27b0f9bb4ba80fda084b Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Wed, 11 May 2016 20:43:54 -0300
Subject: [PATCH] Pagina de exmplos em bootstrap

---
 exemplos/index.js  | 492 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 exemplos/index.php |  55 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 init/index.js      |   2 +-
 3 files changed, 548 insertions(+), 1 deletion(-)
 create mode 100755 exemplos/index.js
 create mode 100755 exemplos/index.php

diff --git a/exemplos/index.js b/exemplos/index.js
new file mode 100755
index 0000000..7673771
--- /dev/null
+++ b/exemplos/index.js
@@ -0,0 +1,492 @@
+botoesIni = [
+{
+	"corpo":"Para ver os par&acirc;metros de inicializa&ccedil;&atilde;o com ms_configura",
+	"link": "http://localhost/i3geo/ms_criamapa.php?ajuda",
+	"tag": "Inicializa&ccedil;&atilde;o"
+},{
+	"link":"vinde.htm",
+	"corpo":"Navegador de WMS cadastrados na INDE Brasileira",
+	"tag":"IDE"
+},{
+	"link":"vindegm.phtml",
+	"corpo":"Navegador de WMS cadastrados na INDE Brasileira com Google Maps",
+	"tag":"IDE"
+},{
+	"link":"guiamovel1.htm",
+	"corpo":"&Iacute;cones inseridos no puxador lateral da guia m&oacute;vel",
+	"tag":"Guias"
+},{
+	"link":"guiamovel2.htm",
+	"corpo":"Puxador lateral da guia m&oacute;vel sem &iacute;cones",
+	"tag":"Guias"
+},{
+	"link":"guiaesquerda.htm",
+	"corpo":"Guias laterais posicionados &agrave; esquerda do mapa",
+	"tag":"Guias"
+},{
+	"link":"../ms_criamapa.php?mapext=&perfil=&temasa=&layers=&restauramapa=8&interface=exemplos/painel1.htm",
+	"corpo":"Painel que abre um mapa e gr&aacute;ficos. O mapa &eacute; restaurado de um mapa salvo anteriormente e que cont&eacute;m dois gr&aacute;ficos",
+	"tag":"Painel"
+},{
+	"link":"infodiv.htm",
+	"corpo":"Ao clicar no mapa (tip) as informa&ccedil;&otilde;es s&atilde;o mostradas em uma posi&ccedil;&atilde;o fixa no mapa",
+	"tag":"Identifica"
+},{
+	"link":"dobra.htm",
+	"corpo":"Bot&atilde;o de troca de interface localizado no canto inferior direito",
+	"tag":"Dobra"
+},{
+	"link":"semdobra.htm",
+	"corpo":"Bot&atilde;o de troca de interface localizado na guia m&oacute;vel",
+	"tag":"Dobra"
+},{
+	"link":"mashupol1.htm",
+	"corpo":"Openlayers em um iframe",
+	"tag":"Mashup"
+},{
+	"link":"../mashups",
+	"corpo":"Mais sobre mashups",
+	"tag":"Mashup"
+},
+{
+	"corpo":"Carregamento do codigo",
+	"link":"codemirror.php?&pagina=cursodsv1.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Cria",
+	"link":"codemirror.php?&pagina=cursodsv2.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Cria e inicia o mapa",
+	"link":"codemirror.php?&pagina=cursodsv3.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Mostra o mapa",
+	"link":"codemirror.php?&pagina=cursodsv4.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Tamanho definido no estilo",
+	"link":"codemirror.php?&pagina=cursodsv5.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Posicionamento definido no estilo",
+	"link":"codemirror.php?&pagina=cursodsv6.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Inclusao da escala numerica",
+	"link":"codemirror.php?&pagina=cursodsv7.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Inclusao da arvore de camadas",
+	"link":"codemirror.php?&pagina=cursodsv8.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Controle da arvore com YUI",
+	"link":"codemirror.php?&pagina=cursodsv9.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Ajuste da arvore via parametros",
+	"link":"codemirror.php?&pagina=cursodsv10.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Mostra apenas a opcao de legenda na arvore",
+	"link":"codemirror.php?&pagina=cursodsv11.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Legenda aberta na arvore",
+	"link":"codemirror.php?&pagina=cursodsv12.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Exemplo de uso de templates na legenda",
+	"link":"codemirror.php?&pagina=cursodsv13.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Alteracao da arvore via JS ",
+	"link":"codemirror.php?&pagina=cursodsv14.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Arvore do catalogo",
+	"link":"codemirror.php?&pagina=cursodsv15.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Menu suspenso",
+	"link":"codemirror.php?&pagina=cursodsv16.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Alteracao no menu",
+	"link":"codemirror.php?&pagina=cursodsv17.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Componentes OpenLayers",
+	"link":"codemirror.php?&pagina=cursodsv18.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Barra de botoes",
+	"link":"codemirror.php?&pagina=cursodsv19.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Inclusao de um novo botao",
+	"link":"codemirror.php?&pagina=cursodsv20.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Barra de botoes em linha",
+	"link":"codemirror.php?&pagina=cursodsv21.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Botao com funcao Ajax",
+	"link":"codemirror.php?&pagina=cursodsv22.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Barra de botoes fora do mapa",
+	"link":"codemirror.php?&pagina=cursodsv23.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Legenda fora do mapa",
+	"link":"codemirror.php?&pagina=cursodsv24.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Altera a funcao de atualizacao da legenda",
+	"link":"codemirror.php?&pagina=cursodsv25.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Legenda sem alteracao da funcao de atualizacao",
+	"link":"codemirror.php?&pagina=cursodsv26.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Desenho de poligono",
+	"link":"codemirror.php?&pagina=cursodsv27.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Catalogo customizado",
+	"link":"codemirror.php?&pagina=cursodsv28.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"corpo":"Coordenadas no rodape do mapa e dobra de troca de API",
+	"link":"codemirror.php?&pagina=cursodsv29.htm",
+	"tag":"Sequ&ecirc;ncia"
+},
+{
+	"link":"openlayers3.htm",
+	"corpo":"Modo TILE com uma &aacute;rea de entorno maior i3GEO.Interface.openlayers.BUFFER = 1",
+	"tag":"Tile"
+},
+{
+	"link":"openlayers4.htm",
+	"corpo":"Sem nenhum layer de fundo. A lista de layers de fundo e o controle sobre qual ser&aacute; mostrado no in&iacute;cio do mapa &eacute; feito simplesmente modificando-se os par&acirc;metros desses layers no HTML utilizado no mapa",
+	"tag":"Fundo"
+},
+{
+	"link":"openlayers5.htm",
+	"corpo":"Modifica a extens&atilde;o geogr&aacute;fica m&aacute;xima de apresenta&ccedil;&atilde;o i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698]",
+	"tag":"Extens&atilde;o"
+},
+{
+	"link":"controleol.htm",
+	"corpo":"Controle com a posi&ccedil;&atilde;o do mouse",
+	"tag":"Controles"
+},
+{
+	"link":"menus1.htm",
+	"corpo":"Modifica o menu suspenso",
+	"tag":"Menus"
+},
+{
+	"link":"menus2.htm",
+	"corpo":"N&atilde;o mostra o menu de administra&ccedil;&atilde;o",
+	"tag":"Menus"
+},
+{
+	"link":"guias3.htm",
+	"corpo":"Modifica&ccedil;&atilde;o na guia que mostra o cat&aacute;logo de dados. Uso de combo ao inv&eacute;s de &aacute;rvore",
+	"tag":"Guias"
+},
+{
+	"link":"guias2.htm",
+	"corpo":"Guias do tipo sanfona",
+	"tag":"Guias"
+},
+{
+	"link":"guias4.htm",
+	"corpo":"Inicia com uma guia espec&iacute;fica",
+	"tag":"Guias"
+},
+{
+	"link":"fotos1.htm",
+	"corpo":"Guias do tipo sanfona com fotos",
+	"tag":"Guias"
+},
+{
+	"link":"guias1.htm",
+	"corpo":"Retorna &agrave; guia padr&atilde;o ap&oacute;s adicionar um tema",
+	"tag":"Guias"
+},
+{
+	"link":"barraemlinha.htm",
+	"corpo":"Barra de bot&otilde;es em linha, com formata&ccedil;&atilde;o livre",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"barraemlinha1.htm",
+	"corpo":"Barra de bot&otilde;es em linha, posicionada dentro do corpo do mapa",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"barraemlinha2.htm",
+	"corpo":"Barra de bot&otilde;es em linha, posicionada dentro do corpo do mapa e com aplica&ccedil;&atilde;o de estilo transparente",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"botoestop.htm",
+	"corpo":"Barra do tipo 'olho de peixe' posicionada na parte superior do mapa",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"botoes6.htm",
+	"corpo":"Apenas alguns &iacute;cones s&atilde;o mostrados e com uma fun&ccedil;&atilde;o alterada (bin&oacute;culo)",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"botoes1.htm",
+	"corpo":"Barra apenas com os &iacute;cones",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"botoes5.htm",
+	"corpo":"Como inserir bot&otilde;es na barra de bot&otilde;es",
+	"tag":"Bot&otilde;es"
+},
+{
+	"link":"legenda1.htm",
+	"corpo":"Legenda com grupos",
+	"tag":"Legenda"
+},
+{
+	"link":"aplic2.htm",
+	"corpo":"Adiciona uma camada extra via javascript",
+	"tag":"Camadas"
+},
+{
+	"link":"camadas5.htm",
+	"corpo":"Vincula temas na &aacute;rvore de camadas para ligar/desligar em bloco",
+	"tag":"Camadas"
+},
+{
+	"link":"mashup1.htm",
+	"corpo":"Exemplo 1 - Bot&otilde;es com destaque laranja, em dois grupos na parte superior e mapa com zoom",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup2.htm",
+	"corpo":"Exemplo 2 - Bot&otilde;es com destaque laranja, em um &uacute;nico grupo na parte superior e mapa sem zoom",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup3.htm",
+	"corpo":"Exemplo 3 - Sem as guias, com os bot&otilde;es na parte superior e a legenda em um outro local da p&aacute;gina",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup9.htm",
+	"corpo":"Exemplo 3a - O mesmo que o 3 mas usando o Open Street Map",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup4.htm",
+	"corpo":"Exemplo 4 - Sem as guias, com os bot&otilde;es na parte superior e a legenda em uma janela flutuante",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup5.htm",
+	"corpo":"Exemplo 5 - Sem as guias e apenas com os bot&otilde;es de nave&ccedil;&atilde;o em uma janela flutuante",
+	"tag":"Mashup"
+},
+{
+	"link":"mashup6.htm",
+	"corpo":"Exemplo 6 - Mapa posicionado no canto superior esquerdo, sem as guias e apenas com os bot&otilde;es de nave&ccedil;&atilde;o em uma janela flutuante",
+	"tag":"Mashup"
+},
+{
+	"link":"iframe1.htm",
+	"corpo":"Iframe Exemplo 1 - Sem controle de tamanho",
+	"tag":"IFRAME"
+},
+{
+	"link":"iframe2.htm",
+	"corpo":"Iframe Exemplo 2 - Com tamanho controlado",
+	"tag":"IFRAME"
+},
+{
+	"link":"../interface/googlemaps_noite.phtml",
+	"corpo":"Aplica&ccedil;&atilde;o de estilo diferente",
+	"tag":"Google Maps"
+},
+{
+	"link":"gm1.php?&temasa=_lbiomashp,_llocali&layers=_lbiomashp&mapext=-76,-39,-29,9",
+	"corpo":"Sem nenhum componente adicional, apenas um bot&atilde;o 'legenda' com a &aacute;rvore de camadas",
+	"tag":"Google Maps"
+},
+{
+	"link":"googlemapssanfona.phtml",
+	"corpo":"Guias do tipo sanfona",
+	"tag":"Google Maps"
+},
+{
+	"link":"googlemapscomogc.php",
+	"corpo":"Como adicionar uma camada WMS do i3Geo em um mapa normal do Google Maps",
+	"tag":"Google Maps"
+},
+{
+	"link":"adicionatema.htm",
+	"corpo":"Como definir as camadas que ser&atilde;o inclu&iacute;das no mapa na inicializa&ccedil;&atilde;o por meio da configura&ccedil;&atilde;o de propriedades via Javascript",
+	"tag":"Camadas"
+},
+{
+	"link":"janelas.htm",
+	"corpo":"Op&ccedil;&otilde;es de cria&ccedil;&atilde;o de janelas flutuantes",
+	"tag":"Janelas"
+},
+{
+	"link":"arvoredetemas.htm",
+	"corpo":"Construtor de op&ccedil;&otilde;es da &aacute;rvore de adi&ccedil;&atilde;o de temas",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"arvoredecamadas.htm",
+	"corpo":"Construtor de op&ccedil;&otilde;es da &aacute;rvore de camadas",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"combos.htm",
+	"corpo":"Cria&ccedil;&atilde;o de combos baseados na &aacute;rvore de camadas e lista de colunas de um tema",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"camadas1.htm",
+	"corpo":"&Aacute;rvore expandida",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"camadas2.htm",
+	"corpo":"Legenda expandida",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"camadas3.htm",
+	"corpo":"&Aacute;rvore simplificada",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"camadas4.htm",
+	"corpo":"Op&ccedil;&atilde;o 'mais temas' na guia de camadas",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"legenda2.htm",
+	"corpo":"&Aacute;rvore com grupos",
+	"tag":"&Aacute;rvore"
+},
+{
+	"link":"calculo1.htm",
+	"corpo":"Dist&acirc;ncias",
+	"tag":"C&aacute;lculos"
+},
+{
+	"link":"login.htm",
+	"corpo":"Login simples Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. Nesse exemplo n&atilde;o &eacute; considerado se o login j&aacute; foi feito antes ou n&atilde;o. Essa t&eacute;cnica n&atilde;o oferece muita seguran&ccedil;a pois o c&oacute;digo javascript fica exposto e um usu&aacute;rio mais experiente pode burlar o login.",
+	"tag":"Login"
+},
+{
+	"link":"login1.htm",
+	"corpo":"Login simples com verifica&ccedil;&atilde;o Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. Ao contr&aacute;rio do anterior nesse exemplo &eacute; considerado se o login j&aacute; foi feito antes ou n&atilde;o. Essa t&eacute;cnica n&atilde;o oferece muita seguran&ccedil;a pois o c&oacute;digo javascript fica exposto e um usu&aacute;rio mais experiente pode burlar o login.",
+	"tag":"Login"
+},
+{
+	"link":"login2.htm",
+	"corpo":"Login com p&aacute;gina de verifica&ccedil;&atilde;o anterior Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. O c&oacute;digo javascript s&oacute; fica exposto ap&oacute;s o login.",
+	"tag":"Login"
+},
+{
+	"link":"login3.php",
+	"corpo":"Exig&ecirc;ncia de login A p&aacute;gina s&oacute; &eacute; aberta se o usu&aacute;rio estiver logado.",
+	"tag":"Login"
+},
+{
+	"link":"login4.htm",
+	"corpo":"Exige login e verifica acesso &agrave; p&aacute;gina O mapa s&oacute; &eacute; aberto se o usu&aacute;rio estiver cadastrado em um dos pap&eacute;is que pode acessar essa opera&ccedil;&atilde;o.",
+	"tag":"Login"
+}
+];
+
+function mostraBotoesBT(){
+	//
+	//essa funcao obtem a lista unica de tags para montar o indice
+	//
+	var m = "",html = "", novalista = [], n, nc, i, j, chaves = [], nchaves = [];
+
+	n = botoesIni.length;
+	for(i=0; i<n; i++){
+		chaves.push(botoesIni[i].tag);
+	}
+	chaves = chaves.getUnique();
+	chaves.sort();
+	nc = chaves.length;
+	for(j=0;j<nc;j++){
+		m = "";
+		for(i=0; i<n; i++){
+			if(botoesIni[i].tag == chaves[j]){
+				if(m == ""){
+					botoesIni[i]["id"] = "a"+j;
+				}
+				else{
+					botoesIni[i]["id"] = "";
+				}
+				novalista.push(botoesIni[i]);
+				m = "ok";
+			}
+		}
+	}
+	html = Mustache.to_html(
+			"{{#d}}" + $("#botoesTpl").html() + "{{/d}}",
+			{"d":novalista}
+	);
+	$("#botoesTpl").html(html);
+
+	for(j=0;j<nc;j++){
+		nchaves.push({"tag":chaves[j],"id":"a"+j});
+	}
+	html = Mustache.to_html(
+			"{{#d}}" + $("#tplLista").html() + "{{/d}}",
+			{"d":nchaves}
+	);
+	var r = new RegExp("&amp;","g");
+	$("#tplLista").html(html.replace(r,"&"));
+
+}
diff --git a/exemplos/index.php b/exemplos/index.php
new file mode 100755
index 0000000..01e0616
--- /dev/null
+++ b/exemplos/index.php
@@ -0,0 +1,55 @@
+<?php
+define ( ONDEI3GEO, ".." );
+include (dirname ( __FILE__ ) . "/../ms_configura.php");
+error_reporting ( 0 );
+include "../init/head.php";
+?>
+
+<body style="background-color: #eeeeee; padding-top: 90px;">
+	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
+					class="fa fa-home fa-1x"></i></a>
+			</div>
+		</div>
+	</nav>
+	<div class="container-fluid">
+		<div class="row center-block">
+			<div class="col-sm-10">
+				<!-- Template para criacao dos quadros ver index.js -->
+				<div id="botoesTpl" class="hidden">
+					<div id="{{id}}" class="col-xs-12 center-block"
+						style="width: 260px; min-width: 260px; max-width: 260px;">
+						<div class="panel panel-default">
+							<div class="panel-body" style="height: 100px; overflow: auto;">
+								<h4>{{{corpo}}}</h4>
+							</div>
+							<div class="panel-footer">
+								<span class="label label-info">{{{tag}}}</span> <a
+									class="pull-right" href="{{{link}}}" target="_blank"
+									role="button">Link</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<nav class="col-sm-2" id="listaTags">
+				<ul id="tplLista" class="nav nav-pills nav-stacked hidden">
+					<li><a href="#{{id}}">{{tag}}</a></li>
+				</ul>
+			</nav>
+		</div>
+	</div>
+	<script src='../classesjs/compactados/mustache.js'></script>
+	<script src='../classesjs/compactados/classe_util_compacto.js'></script>
+	<script src='index.js'></script>
+	<script>
+	$(document).ready(function(){
+		mostraBotoesBT();
+		$('.hidden').removeClass('hidden');
+		$.material.init();
+	});
+	</script>
+</body>
+</html>
diff --git a/init/index.js b/init/index.js
index db104bd..5602974 100755
--- a/init/index.js
+++ b/init/index.js
@@ -113,7 +113,7 @@ botoesIni = [
 	"target": "_self"
 },{
 	"img":"folder-image.png",
-	"href":"../exemplos",
+	"href":"../exemplos/index.php",
 	"titulo":$trad(14,g_traducao_init),
 	"subtitulo": $trad("14a",g_traducao_init),
 	"fa": "cogs",
--
libgit2 0.21.2