Inclusão de botão, que abre a tela de configuração da ferramenta linha do tempo,…

… no editor gráfico de mapfiles.

Inclusão de botão, que abre a tela de configuração da ferramenta linha do tempo,…
… no editor gráfico de mapfiles.
Edmar Moretti
1 parent b3abb629
Showing 12 changed files with 371 additions and 37 deletions Show diff stats
admin1/catalogo/mapfile/conexao/ogc/exec.php
classesjs/classe_analise.js
ferramentas/atalhosedicao/index.js
ferramentas/atalhosedicao/template_mst.html
ferramentas/linhadotempo/dependencias.php
ferramentas/linhadotempo/dicionario.js
ferramentas/linhadotempo/exec.php
ferramentas/linhadotempo/index.js
ferramentas/linhadotempo/index.php
ferramentas/linhadotempo/template_mst.html
ferramentas/safe.php
js/analise.js
@@ -58,18 +58,6 @@ switch ($funcao) {
 		break;
 }
 /*
- linha do tempo
-
- $dados["ltempoformatodata"] = $layer->getmetadata("ltempoformatodata");
- $dados["ltempoiteminicio"] = $layer->getmetadata("ltempoiteminicio");
- $dados["ltempoitemfim"] = $layer->getmetadata("ltempoitemfim");
- $dados["ltempoitemtitulo"] = $layer->getmetadata("ltempoitemtitulo");
- $dados["ltempoitemdescricao"] = $layer->getmetadata("ltempoitemdescricao");
- $dados["ltempoconvencode"] = $layer->getmetadata("ltempoconvencode");
- $dados["ltempoitemtip"] = $layer->getmetadata("ltempoitemtip");
- $dados["ltempoitemimagem"] = $layer->getmetadata("ltempoitemimagem");
- $dados["ltempoitemicone"] = $layer->getmetadata("ltempoitemicone");
- $dados["ltempoitemlink"] = $layer->getmetadata("ltempoitemlink");
  
  outros
  
@@ -145,8 +145,8 @@ i3GEO.analise =
 			 */
 			linhaDoTempo : function() {
 				i3GEO.janela.cria(
+					"650px",
 					"450px",
-					"350px",
 					i3GEO.configura.locaplic + "/ferramentas/linhadotempo/index.php",
 					"",
 					"",
@@ -143,6 +143,16 @@ i3GEOF.atalhosedicao =
 		});
 		$i("i3GEOFatalhosedicaoStorymap-button").style.width = "200px";
  
+		new YAHOO.widget.Button("i3GEOFatalhosedicaoLinhadotempo", {
+			onclick : {
+				fn : function() {
+					i3GEO.temaAtivo = i3GEOF.atalhosedicao.tema;
+					i3GEO.analise.dialogo.linhaDoTempo()
+				}
+			}
+		});
+		$i("i3GEOFatalhosedicaoLinhadotempo-button").style.width = "200px";
+
 		new YAHOO.widget.Button("i3GEOFatalhosedicaoAnimagif", {
 			onclick : {
 				fn : function() {
@@ -86,6 +86,9 @@
 	<p class='paragrafo'>
 		<input id='i3GEOFatalhosedicaoAnimagif' type='button' value='Animagif' />
 	</p>
+	<p class='paragrafo'>
+		<input id='i3GEOFatalhosedicaoLinhadotempo' type='button' value='Time line' />
+	</p>
 	<br>
 	<p class='paragrafo'>{{{plugins}}}</p>
 	<p class='paragrafo'>
@@ -0,0 +1,34 @@
+<?php
+include(dirname(__FILE__)."/../blacklist.php");
+verificaBlFerramentas(basename(dirname(__FILE__)));
+
+
+/**
+ * Carrega os programas javascript necessarios para a ferramenta
+ * Esse programa e usado na tag <script> ou com a funcao scripttag do i3Geo
+ * Alem de carregar os scripts, carrega tambem o template no formato MUSTACHE, definindo a variavel
+ * javascript i3GEOF.opcoesTamanho.MUSTACHE
+ * O template e substituido pelos valores definidos em index.js no momento da inicializacao da ferramenta
+ */
+if(extension_loaded('zlib')){
+	ob_start('ob_gzhandler');
+}
+header("Content-type: text/javascript");
+include("index.js");
+include("dicionario.js");
+echo "\n";
+/**
+ * Inclui o template mustache do HTML usado para criar o conteudo da janela
+ */
+echo 'i3GEOF.linhadotempo.MUSTACHE = "';
+$texto = file_get_contents("template_mst.html");
+$texto = str_replace("\n", "", $texto);
+$texto = str_replace("\r", "", $texto);
+$texto = str_replace("\t", "", $texto);
+$texto = str_replace('"', "'", $texto);
+echo $texto;
+echo '";';
+if(extension_loaded('zlib')){
+	ob_end_flush();
+}
+?>
 \ No newline at end of file
 //+$trad(1,i3GEOF.linhadotempo.dicionario)+
 i3GEOF.linhadotempo.dicionario = {
-	1 : [ {
-		pt : "",
+	"msg" : [ {
+		pt : "Obtendo par&acirc;metros",
 		en : "",
 		es : ""
 	} ],
-	2 : [ {
-		pt : "",
+	"opt" : [ {
+		pt : "Op&ccedil;&otilde;es linha do tempo",
 		en : "",
 		es : ""
 	} ],
-	3 : [ {
-		pt : "",
+	"ltempoformatodata" : [ {
+		pt : "Formato das datas existentes na tabela de atributos p.e. iso8601",
 		en : "",
 		es : ""
 	} ],
-	4 : [ {
-		pt : "",
+    'ltempoiteminicio' : [ {
+		pt : "Item que indica a data de in&iacute;cio de um evento",
 		en : "",
 		es : ""
 	} ],
-	5 : [ {
-		pt : "",
+    'ltempoitemfim' : [ {
+		pt : "Item que indica a data final de um evento (opcional)",
 		en : "",
 		es : ""
 	} ],
-	6 : [ {
-		pt : "",
+    'ltempoitemtitulo' : [ {
+		pt : "Item que cont&eacute;m o t&iacute;tulo de cada evento",
 		en : "",
 		es : ""
 	} ],
-	7 : [ {
-		pt : "",
+    'ltempoitemdescricao' : [ {
+		pt : "Item com a descri&ccedil;&atilde;o do evento (opcional)",
 		en : "",
 		es : ""
 	} ],
-	8 : [ {
-		pt : "",
+    'ltempoitemtip' : [ {
+		pt : "Item para etiquetas do t&iacute;tulo (opcional)",
 		en : "",
 		es : ""
 	} ],
-	9 : [ {
-		pt : "",
+    'ltempoitemimagem' : [ {
+		pt : "Item com o endere&ccedil;o de uma imagem que ser&aacute; inclu&iacute;da no menu popup, aberto quando o usu&aacute;rio clica em um evento (opcional)",
 		en : "",
 		es : ""
 	} ],
-	10 : [ {
-		pt : "",
+    'ltempoitemlink' : [ {
+		pt : "Link para uma p&aacute;gina que ser&aacute; inclu&iacute;do no menu popup",
+		en : "",
+		es : ""
+	} ],
+    'ltempoitemicone' : [ {
+		pt : "Endere&ccedil;o da imagem do &iacute;cone que ir&aacute; representar o evento (opcional)",
+		en : "",
+		es : ""
+	} ],
+    'ltempoconvencode' : [ {
+		pt : "Aplica convers&atilde;o do c&oacute;digo de caracteres? Pode ser necess&aacute;rio para corrigir problemas de acentua&ccedil;&atilde;o",
+		en : "",
+		es : ""
+	} ],
+	'aplica' : [ {
+		pt : "Aplicar",
+		en : "",
+		es : ""
+	} ],
+	"colunasTxt" : [ {
+		pt : "Itens dispon&iacute;veis",
 		en : "",
 		es : ""
 	} ]
@@ -0,0 +1,58 @@
+<?php
+include_once(dirname(__FILE__)."/../safe.php");
+verificaBlFerramentas(basename(dirname(__FILE__)),$i3geoBlFerramentas,false);
+//
+//faz a busca da fun&ccedil;&atilde;o que deve ser executada
+//
+$retorno = ""; //string que ser&aacute; retornada ao browser via JSON
+switch (strtoupper($funcao))
+{
+/*
+Valor: MUDATAMANHO
+
+Muda o tamanho da imagem do mapa atual.
+
+<Mapa->mudaQS>
+*/
+	case "PARAMETROS":
+		$map = ms_newMapObj($map_file);
+		$layer = $map->getlayerbyname($tema);
+		$retorno = array();
+		$retorno["ltempoformatodata"] = $layer->getmetadata("ltempoformatodata");
+		$retorno["ltempoiteminicio"] = $layer->getmetadata("ltempoiteminicio");
+		$retorno["ltempoitemfim"] = $layer->getmetadata("ltempoitemfim");
+		$retorno["ltempoitemtitulo"] = $layer->getmetadata("ltempoitemtitulo");
+		$retorno["ltempoitemdescricao"] = $layer->getmetadata("ltempoitemdescricao");
+		$retorno["ltempoconvencode"] = $layer->getmetadata("ltempoconvencode");
+		$retorno["ltempoitemtip"] = $layer->getmetadata("ltempoitemtip");
+		$retorno["ltempoitemimagem"] = $layer->getmetadata("ltempoitemimagem");
+		$retorno["ltempoitemicone"] = $layer->getmetadata("ltempoitemicone");
+		$retorno["ltempoitemlink"] = $layer->getmetadata("ltempoitemlink");
+		$sopen = $layer->open();
+		if($sopen != MS_FAILURE){
+			$items = $layer->getItems();
+		}
+		else{
+			$items = array();
+		}
+		$retorno["colunas"] = implode(",",$items);
+	break;
+	case "SALVA":
+		$map = ms_newMapObj($map_file);
+		$layer = $map->getlayerbyname($tema);
+		$layer->setmetadata("ltempoformatodata",$_GET["ltempoformatodata"]);
+		$layer->setmetadata("ltempoiteminicio",$_GET["ltempoiteminicio"]);
+		$layer->setmetadata("ltempoitemfim",$_GET["ltempoitemfim"]);
+		$layer->setmetadata("ltempoitemtitulo",$_GET["ltempoitemtitulo"]);
+		$layer->setmetadata("ltempoitemdescricao",$_GET["ltempoitemdescricao"]);
+		$layer->setmetadata("ltempoconvencode",$_GET["ltempoconvencode"]);
+		$layer->setmetadata("ltempoitemtip",$_GET["ltempoitemtip"]);
+		$layer->setmetadata("ltempoitemimagem",$_GET["ltempoitemimagem"]);
+		$layer->setmetadata("ltempoitemicone",$_GET["ltempoitemicone"]);
+		$layer->setmetadata("ltempoitemlink",$_GET["ltempoitemlink"]);
+		$map->save($map_file);
+		$retorno = "ok";
+		break;
+}
+cpjson($retorno);
+?>
 \ No newline at end of file
@@ -0,0 +1,160 @@
+
+if(typeof(i3GEOF) === 'undefined'){
+	var i3GEOF = {};
+}
+
+i3GEOF.linhadotempo = {
+	/*
+	Variavel: aguarde
+
+	Estilo do objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela.
+	*/
+	aguarde: "",
+	/**
+	 * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
+	 */
+	MUSTACHE : "",
+	/**
+	 * Susbtitutos para o template
+	 */
+	mustacheHash : function() {
+		var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.linhadotempo.dicionario);
+		return dicionario;
+	},
+	tema : "",
+	iddiv: "",
+	/*
+	Function: inicia
+
+	Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante
+
+	Parametro:
+
+	iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta
+	*/
+	inicia: function(iddiv){
+		var b,box;
+		if(iddiv){
+			i3GEOF.linhadotempo.iddiv = iddiv;
+		}
+		try{
+			$i(iddiv).innerHTML = i3GEOF.linhadotempo.html();
+			b = new YAHOO.widget.Button(
+				"i3GEOlinhadotempobotao1",
+				{onclick:{fn: i3GEOF.linhadotempo.salva}}
+			);
+			b.addClass("rodar150");
+
+			i3GEO.janela.tempoMsg($trad('msg',i3GEOF.linhadotempo.dicionario));
+			i3GEOF.linhadotempo.parametrosAtuais();
+		}
+		catch(erro){i3GEO.janela.tempoMsg(erro);}
+	},
+	/*
+	Function: html
+
+	Gera o c&oacute;digo html para apresenta&ccedil;&atilde;o das op&ccedil;&otilde;es da ferramenta
+
+	Retorno:
+
+	String com o c&oacute;digo html
+	*/
+	html:function() {
+		var ins = Mustache.render(i3GEOF.linhadotempo.MUSTACHE, i3GEOF.linhadotempo.mustacheHash());
+		return ins;
+	},
+	/*
+	Function: iniciaJanelaFlutuante
+
+	Cria a janela flutuante para controle da ferramenta.
+	*/
+	iniciaJanelaFlutuante: function(){
+		var janela,divid,temp,titulo,cabecalho,minimiza;
+		i3GEOF.linhadotempo.tema = i3GEO.temaAtivo;
+		if ($i("i3GEOF.linhadotempo")) {
+			return;
+		}
+		cabecalho = function(){};
+		minimiza = function(){
+			i3GEO.janela.minimiza("i3GEOF.linhadotempo");
+		};
+		//cria a janela flutuante
+		titulo = "<div class='i3GeoTituloJanela'>" + $trad("opt",i3GEOF.linhadotempo.dicionario)+"</div>";
+		janela = i3GEO.janela.cria(
+			"400px",
+			"500px",
+			"",
+			"",
+			"",
+			titulo,
+			"i3GEOF.linhadotempo",
+			false,
+			"hd",
+			cabecalho,
+			minimiza
+		);
+		divid = janela[2].id;
+		$i("i3GEOF.linhadotempo_corpo").style.backgroundColor = "white";
+		$i("i3GEOF.linhadotempo_corpo").style.textAlign = "left";
+		i3GEOF.linhadotempo.aguarde = $i("i3GEOF.linhadotempo_imagemCabecalho").style;
+		i3GEOF.linhadotempo.inicia(divid);
+		YAHOO.util.Event.addListener(janela[0].close, "click", temp);
+	},
+
+	salva: function(){
+		if(i3GEOF.linhadotempo.aguarde.visibility === "visible"){
+			return;
+		}
+		i3GEOF.linhadotempo.aguarde.visibility = "visible";
+		var temp,
+			p,
+			cp;
+		temp = function(){
+			i3GEOF.linhadotempo.aguarde.visibility = "hidden";
+			//refresh iframe
+			$i("i3GEOF.linhaDoTempoi").src = $i("i3GEOF.linhaDoTempoi").src.split("?")[0] + "?_=" + new Date().getTime();
+		};
+		p = i3GEO.configura.locaplic+"/ferramentas/linhadotempo/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=salva&tema=" + i3GEOF.linhadotempo.tema
+			+ "&ltempoformatodata=" + $i("i3GEOlinhadotempoltempoformatodata").value
+			+ "&ltempoiteminicio=" + $i("i3GEOlinhadotempoltempoiteminicio").value
+			+ "&ltempoitemfim=" + $i("i3GEOlinhadotempoltempoitemfim").value
+			+ "&ltempoitemtitulo=" + $i("i3GEOlinhadotempoltempoitemtitulo").value
+			+ "&ltempoitemdescricao=" + $i("i3GEOlinhadotempoltempoitemdescricao").value
+			+ "&ltempoconvencode=" + $i("i3GEOlinhadotempoltempoconvencode").value
+			+ "&ltempoitemtip=" + $i("i3GEOlinhadotempoltempoitemtip").value
+			+ "&ltempoitemimagem=" + $i("i3GEOlinhadotempoltempoitemimagem").value
+			+ "&ltempoitemicone=" + $i("i3GEOlinhadotempoltempoitemicone").value
+			+ "&ltempoitemlink=" + $i("i3GEOlinhadotempoltempoitemlink").value;
+		cp = new cpaint();
+		cp.set_response_type("JSON");
+		cp.call(p,"foo",temp);
+	},
+	parametrosAtuais: function(){
+		i3GEOF.linhadotempo.aguarde.visibility = "visible";
+		var p = i3GEO.configura.locaplic+"/ferramentas/linhadotempo/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=parametros&tema=" + i3GEOF.linhadotempo.tema,
+			cp = new cpaint(),
+			temp = function(retorno){
+				try{
+					if(retorno.data !== ""){
+						$i("i3GEOlinhadotempocolunas").innerHTML = retorno.data.colunas;
+						$i("i3GEOlinhadotempoltempoformatodata").value = retorno.data.ltempoformatodata;
+						$i("i3GEOlinhadotempoltempoiteminicio").value = retorno.data.ltempoiteminicio;
+						$i("i3GEOlinhadotempoltempoitemfim").value = retorno.data.ltempoitemfim;
+						$i("i3GEOlinhadotempoltempoitemtitulo").value = retorno.data.ltempoitemtitulo;
+						$i("i3GEOlinhadotempoltempoitemdescricao").value = retorno.data.ltempoitemdescricao;
+						$i("i3GEOlinhadotempoltempoconvencode").value = retorno.data.ltempoconvencode;
+						$i("i3GEOlinhadotempoltempoitemtip").value = retorno.data.ltempoitemtip;
+						$i("i3GEOlinhadotempoltempoitemimagem").value = retorno.data.ltempoitemimagem;
+						$i("i3GEOlinhadotempoltempoitemicone").value = retorno.data.ltempoitemicone;
+						$i("i3GEOlinhadotempoltempoitemlink").value = retorno.data.ltempoitemlink;
+					}
+					i3GEOF.linhadotempo.aguarde.visibility = "hidden";
+				}catch(e){
+					i3GEO.janela.tempoMsg("Erro. "+e);
+					i3GEOF.linhadotempo.aguarde.visibility = "hidden";
+				}
+			};
+		cp.set_response_type("JSON");
+		cp.call(p,"foo",temp);
+	}
+};
 \ No newline at end of file
@@ -20,9 +20,11 @@ Timeline_parameters=&#39;bundle=true&#39;;
 </style>
 </head>
 <body onload="inicializa()" onresize="onResize()">
-<div class=paragrafo id="combotemas" ></div>
+<img onclick="config()" class='ticPropriedades2' style='cursor: pointer;float: left;width: 20px;height: 20px;top: 5px;position: relative;' title='config' src='../../imagens/branco.gif'>
+<div class="styled-select" style="width:90%;" id="combotemas" ></div>
+
 <div class=paragrafo id="totaleventos" ></div>
-<div class=paragrafo id="tl" style="height: 220px; border: 1px solid #aaa;overflow-x:hidden; overflow-y:scroll"> </div>
+<div class=paragrafo id="tl" style="height: 80%; border: 0px solid #aaa;overflow-x:hidden; overflow-y:scroll"> </div>
  
 <script>
 /*
@@ -274,6 +276,16 @@ function onResize() {
          }, 500);
      }
  }
+function config(){
+	i3GEO.configura.locaplic = window.parent.i3GEO.configura.locaplic;
+	window.parent.i3GEO.mapa.ativaTema($i("tema").value);
+	window.parent.i3GEO.util.dialogoFerramenta(
+		"",
+		"linhadotempo",
+		"linhadotempo",
+		"dependencias.php",
+		"i3GEOF.linhadotempo.iniciaJanelaFlutuante()");
+}
 </script>
 </body>
  
@@ -0,0 +1,50 @@
+<div style='margin-left: 5px'>
+	<p class='paragrafo'>{{{colunasTxt}}}:</p>
+	<div id="i3GEOlinhadotempocolunas">
+	</div>
+	<br>
+	<p class='paragrafo'>{{{ltempoformatodata}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoformatodata' />
+	</div>
+	<p class='paragrafo'>{{{ltempoiteminicio}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoiteminicio' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemfim}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemfim' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemtitulo}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemtitulo' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemdescricao}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemdescricao' />
+	</div>
+	<p class='paragrafo'>{{{ltempoconvencode}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoconvencode' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemtip}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemtip' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemimagem}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemimagem' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemicone}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemicone' />
+	</div>
+	<p class='paragrafo'>{{{ltempoitemlink}}}:</p>
+	<div class='i3geoForm i3geoFormIconeEdita'>
+		<input type='text' value='' id='i3GEOlinhadotempoltempoitemlink' />
+	</div>
+	<br>
+	<p class='paragrafo'>
+		<input id='i3GEOlinhadotempobotao1' size='16' type='button' value='{{{aplica}}}' />
+	</p>
+</div>
 \ No newline at end of file
@@ -15,7 +15,6 @@ if(!empty($_GET[&quot;g_sid&quot;])){
 	$map_file = $_SESSION["map_file"];
 	$mapext = $_SESSION["mapext"];
 	$locaplic = $_SESSION["locaplic"];
-	$mapext = $_SESSION["mapext"];
 	$ler_extensoes = $_SESSION["ler_extensoes"];
 	$perfil = $_SESSION["perfil"];
 	$interface = $_SESSION["interface"];
@@ -145,8 +145,8 @@ i3GEO.analise =
 			 */
 			linhaDoTempo : function() {
 				i3GEO.janela.cria(
+					"650px",
 					"450px",
-					"350px",
 					i3GEO.configura.locaplic + "/ferramentas/linhadotempo/index.php",
 					"",
 					"",
...	...	@@ -58,18 +58,6 @@ switch ($funcao) {
58	58	break;
59	59	}
60	60	/*
61		- linha do tempo
62		-
63		- $dados["ltempoformatodata"] = $layer->getmetadata("ltempoformatodata");
64		- $dados["ltempoiteminicio"] = $layer->getmetadata("ltempoiteminicio");
65		- $dados["ltempoitemfim"] = $layer->getmetadata("ltempoitemfim");
66		- $dados["ltempoitemtitulo"] = $layer->getmetadata("ltempoitemtitulo");
67		- $dados["ltempoitemdescricao"] = $layer->getmetadata("ltempoitemdescricao");
68		- $dados["ltempoconvencode"] = $layer->getmetadata("ltempoconvencode");
69		- $dados["ltempoitemtip"] = $layer->getmetadata("ltempoitemtip");
70		- $dados["ltempoitemimagem"] = $layer->getmetadata("ltempoitemimagem");
71		- $dados["ltempoitemicone"] = $layer->getmetadata("ltempoitemicone");
72		- $dados["ltempoitemlink"] = $layer->getmetadata("ltempoitemlink");
73	61
74	62	outros
75	63
...	...
...	...	@@ -145,8 +145,8 @@ i3GEO.analise =
145	145	*/
146	146	linhaDoTempo : function() {
147	147	i3GEO.janela.cria(
	148	+ "650px",
148	149	"450px",
149		- "350px",
150	150	i3GEO.configura.locaplic + "/ferramentas/linhadotempo/index.php",
151	151	"",
152	152	"",
...	...
...	...	@@ -143,6 +143,16 @@ i3GEOF.atalhosedicao =
143	143	});
144	144	$i("i3GEOFatalhosedicaoStorymap-button").style.width = "200px";
145	145
	146	+ new YAHOO.widget.Button("i3GEOFatalhosedicaoLinhadotempo", {
	147	+ onclick : {
	148	+ fn : function() {
	149	+ i3GEO.temaAtivo = i3GEOF.atalhosedicao.tema;
	150	+ i3GEO.analise.dialogo.linhaDoTempo()
	151	+ }
	152	+ }
	153	+ });
	154	+ $i("i3GEOFatalhosedicaoLinhadotempo-button").style.width = "200px";
	155	+
146	156	new YAHOO.widget.Button("i3GEOFatalhosedicaoAnimagif", {
147	157	onclick : {
148	158	fn : function() {
...	...
...	...	@@ -86,6 +86,9 @@
86	86	<p class='paragrafo'>
87	87	<input id='i3GEOFatalhosedicaoAnimagif' type='button' value='Animagif' />
88	88	</p>
	89	+ <p class='paragrafo'>
	90	+ <input id='i3GEOFatalhosedicaoLinhadotempo' type='button' value='Time line' />
	91	+ </p>
89	92	<br>
90	93	<p class='paragrafo'>{{{plugins}}}</p>
91	94	<p class='paragrafo'>
...	...
...	...	@@ -0,0 +1,34 @@
	1	+<?php
	2	+include(dirname(__FILE__)."/../blacklist.php");
	3	+verificaBlFerramentas(basename(dirname(__FILE__)));
	4	+
	5	+
	6	+/**
	7	+ * Carrega os programas javascript necessarios para a ferramenta
	8	+ * Esse programa e usado na tag <script> ou com a funcao scripttag do i3Geo
	9	+ * Alem de carregar os scripts, carrega tambem o template no formato MUSTACHE, definindo a variavel
	10	+ * javascript i3GEOF.opcoesTamanho.MUSTACHE
	11	+ * O template e substituido pelos valores definidos em index.js no momento da inicializacao da ferramenta
	12	+ */
	13	+if(extension_loaded('zlib')){
	14	+ ob_start('ob_gzhandler');
	15	+}
	16	+header("Content-type: text/javascript");
	17	+include("index.js");
	18	+include("dicionario.js");
	19	+echo "\n";
	20	+/**
	21	+ * Inclui o template mustache do HTML usado para criar o conteudo da janela
	22	+ */
	23	+echo 'i3GEOF.linhadotempo.MUSTACHE = "';
	24	+$texto = file_get_contents("template_mst.html");
	25	+$texto = str_replace("\n", "", $texto);
	26	+$texto = str_replace("\r", "", $texto);
	27	+$texto = str_replace("\t", "", $texto);
	28	+$texto = str_replace('"', "'", $texto);
	29	+echo $texto;
	30	+echo '";';
	31	+if(extension_loaded('zlib')){
	32	+ ob_end_flush();
	33	+}
	34	+?>
0	35	\ No newline at end of file
...	...
1	1	//+$trad(1,i3GEOF.linhadotempo.dicionario)+
2	2	i3GEOF.linhadotempo.dicionario = {
3		- 1 : [ {
4		- pt : "",
	3	+ "msg" : [ {
	4	+ pt : "Obtendo parâmetros",
5	5	en : "",
6	6	es : ""
7	7	} ],
8		- 2 : [ {
9		- pt : "",
	8	+ "opt" : [ {
	9	+ pt : "Opções linha do tempo",
10	10	en : "",
11	11	es : ""
12	12	} ],
13		- 3 : [ {
14		- pt : "",
	13	+ "ltempoformatodata" : [ {
	14	+ pt : "Formato das datas existentes na tabela de atributos p.e. iso8601",
15	15	en : "",
16	16	es : ""
17	17	} ],
18		- 4 : [ {
19		- pt : "",
	18	+ 'ltempoiteminicio' : [ {
	19	+ pt : "Item que indica a data de início de um evento",
20	20	en : "",
21	21	es : ""
22	22	} ],
23		- 5 : [ {
24		- pt : "",
	23	+ 'ltempoitemfim' : [ {
	24	+ pt : "Item que indica a data final de um evento (opcional)",
25	25	en : "",
26	26	es : ""
27	27	} ],
28		- 6 : [ {
29		- pt : "",
	28	+ 'ltempoitemtitulo' : [ {
	29	+ pt : "Item que contém o título de cada evento",
30	30	en : "",
31	31	es : ""
32	32	} ],
33		- 7 : [ {
34		- pt : "",
	33	+ 'ltempoitemdescricao' : [ {
	34	+ pt : "Item com a descrição do evento (opcional)",
35	35	en : "",
36	36	es : ""
37	37	} ],
38		- 8 : [ {
39		- pt : "",
	38	+ 'ltempoitemtip' : [ {
	39	+ pt : "Item para etiquetas do título (opcional)",
40	40	en : "",
41	41	es : ""
42	42	} ],
43		- 9 : [ {
44		- pt : "",
	43	+ 'ltempoitemimagem' : [ {
	44	+ pt : "Item com o endereço de uma imagem que será incluída no menu popup, aberto quando o usuário clica em um evento (opcional)",
45	45	en : "",
46	46	es : ""
47	47	} ],
48		- 10 : [ {
49		- pt : "",
	48	+ 'ltempoitemlink' : [ {
	49	+ pt : "Link para uma página que será incluído no menu popup",
	50	+ en : "",
	51	+ es : ""
	52	+ } ],
	53	+ 'ltempoitemicone' : [ {
	54	+ pt : "Endereço da imagem do ícone que irá representar o evento (opcional)",
	55	+ en : "",
	56	+ es : ""
	57	+ } ],
	58	+ 'ltempoconvencode' : [ {
	59	+ pt : "Aplica conversão do código de caracteres? Pode ser necessário para corrigir problemas de acentuação",
	60	+ en : "",
	61	+ es : ""
	62	+ } ],
	63	+ 'aplica' : [ {
	64	+ pt : "Aplicar",
	65	+ en : "",
	66	+ es : ""
	67	+ } ],
	68	+ "colunasTxt" : [ {
	69	+ pt : "Itens disponíveis",
50	70	en : "",
51	71	es : ""
52	72	} ]
...	...
...	...	@@ -0,0 +1,58 @@
	1	+<?php
	2	+include_once(dirname(__FILE__)."/../safe.php");
	3	+verificaBlFerramentas(basename(dirname(__FILE__)),$i3geoBlFerramentas,false);
	4	+//
	5	+//faz a busca da função que deve ser executada
	6	+//
	7	+$retorno = ""; //string que será retornada ao browser via JSON
	8	+switch (strtoupper($funcao))
	9	+{
	10	+/*
	11	+Valor: MUDATAMANHO
	12	+
	13	+Muda o tamanho da imagem do mapa atual.
	14	+
	15	+<Mapa->mudaQS>
	16	+*/
	17	+ case "PARAMETROS":
	18	+ $map = ms_newMapObj($map_file);
	19	+ $layer = $map->getlayerbyname($tema);
	20	+ $retorno = array();
	21	+ $retorno["ltempoformatodata"] = $layer->getmetadata("ltempoformatodata");
	22	+ $retorno["ltempoiteminicio"] = $layer->getmetadata("ltempoiteminicio");
	23	+ $retorno["ltempoitemfim"] = $layer->getmetadata("ltempoitemfim");
	24	+ $retorno["ltempoitemtitulo"] = $layer->getmetadata("ltempoitemtitulo");
	25	+ $retorno["ltempoitemdescricao"] = $layer->getmetadata("ltempoitemdescricao");
	26	+ $retorno["ltempoconvencode"] = $layer->getmetadata("ltempoconvencode");
	27	+ $retorno["ltempoitemtip"] = $layer->getmetadata("ltempoitemtip");
	28	+ $retorno["ltempoitemimagem"] = $layer->getmetadata("ltempoitemimagem");
	29	+ $retorno["ltempoitemicone"] = $layer->getmetadata("ltempoitemicone");
	30	+ $retorno["ltempoitemlink"] = $layer->getmetadata("ltempoitemlink");
	31	+ $sopen = $layer->open();
	32	+ if($sopen != MS_FAILURE){
	33	+ $items = $layer->getItems();
	34	+ }
	35	+ else{
	36	+ $items = array();
	37	+ }
	38	+ $retorno["colunas"] = implode(",",$items);
	39	+ break;
	40	+ case "SALVA":
	41	+ $map = ms_newMapObj($map_file);
	42	+ $layer = $map->getlayerbyname($tema);
	43	+ $layer->setmetadata("ltempoformatodata",$_GET["ltempoformatodata"]);
	44	+ $layer->setmetadata("ltempoiteminicio",$_GET["ltempoiteminicio"]);
	45	+ $layer->setmetadata("ltempoitemfim",$_GET["ltempoitemfim"]);
	46	+ $layer->setmetadata("ltempoitemtitulo",$_GET["ltempoitemtitulo"]);
	47	+ $layer->setmetadata("ltempoitemdescricao",$_GET["ltempoitemdescricao"]);
	48	+ $layer->setmetadata("ltempoconvencode",$_GET["ltempoconvencode"]);
	49	+ $layer->setmetadata("ltempoitemtip",$_GET["ltempoitemtip"]);
	50	+ $layer->setmetadata("ltempoitemimagem",$_GET["ltempoitemimagem"]);
	51	+ $layer->setmetadata("ltempoitemicone",$_GET["ltempoitemicone"]);
	52	+ $layer->setmetadata("ltempoitemlink",$_GET["ltempoitemlink"]);
	53	+ $map->save($map_file);
	54	+ $retorno = "ok";
	55	+ break;
	56	+}
	57	+cpjson($retorno);
	58	+?>
0	59	\ No newline at end of file
...	...
...	...	@@ -0,0 +1,160 @@
	1	+
	2	+if(typeof(i3GEOF) === 'undefined'){
	3	+ var i3GEOF = {};
	4	+}
	5	+
	6	+i3GEOF.linhadotempo = {
	7	+ /*
	8	+ Variavel: aguarde
	9	+
	10	+ Estilo do objeto DOM com a imagem de aguarde existente no cabeçalho da janela.
	11	+ */
	12	+ aguarde: "",
	13	+ /**
	14	+ * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
	15	+ */
	16	+ MUSTACHE : "",
	17	+ /**
	18	+ * Susbtitutos para o template
	19	+ */
	20	+ mustacheHash : function() {
	21	+ var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.linhadotempo.dicionario);
	22	+ return dicionario;
	23	+ },
	24	+ tema : "",
	25	+ iddiv: "",
	26	+ /*
	27	+ Function: inicia
	28	+
	29	+ Inicia a ferramenta. É chamado por criaJanelaFlutuante
	30	+
	31	+ Parametro:
	32	+
	33	+ iddiv {String} - id do div que receberá o conteudo HTML da ferramenta
	34	+ */
	35	+ inicia: function(iddiv){
	36	+ var b,box;
	37	+ if(iddiv){
	38	+ i3GEOF.linhadotempo.iddiv = iddiv;
	39	+ }
	40	+ try{
	41	+ $i(iddiv).innerHTML = i3GEOF.linhadotempo.html();
	42	+ b = new YAHOO.widget.Button(
	43	+ "i3GEOlinhadotempobotao1",
	44	+ {onclick:{fn: i3GEOF.linhadotempo.salva}}
	45	+ );
	46	+ b.addClass("rodar150");
	47	+
	48	+ i3GEO.janela.tempoMsg($trad('msg',i3GEOF.linhadotempo.dicionario));
	49	+ i3GEOF.linhadotempo.parametrosAtuais();
	50	+ }
	51	+ catch(erro){i3GEO.janela.tempoMsg(erro);}
	52	+ },
	53	+ /*
	54	+ Function: html
	55	+
	56	+ Gera o código html para apresentação das opções da ferramenta
	57	+
	58	+ Retorno:
	59	+
	60	+ String com o código html
	61	+ */
	62	+ html:function() {
	63	+ var ins = Mustache.render(i3GEOF.linhadotempo.MUSTACHE, i3GEOF.linhadotempo.mustacheHash());
	64	+ return ins;
	65	+ },
	66	+ /*
	67	+ Function: iniciaJanelaFlutuante
	68	+
	69	+ Cria a janela flutuante para controle da ferramenta.
	70	+ */
	71	+ iniciaJanelaFlutuante: function(){
	72	+ var janela,divid,temp,titulo,cabecalho,minimiza;
	73	+ i3GEOF.linhadotempo.tema = i3GEO.temaAtivo;
	74	+ if ($i("i3GEOF.linhadotempo")) {
	75	+ return;
	76	+ }
	77	+ cabecalho = function(){};
	78	+ minimiza = function(){
	79	+ i3GEO.janela.minimiza("i3GEOF.linhadotempo");
	80	+ };
	81	+ //cria a janela flutuante
	82	+ titulo = "<div class='i3GeoTituloJanela'>" + $trad("opt",i3GEOF.linhadotempo.dicionario)+"</div>";
	83	+ janela = i3GEO.janela.cria(
	84	+ "400px",
	85	+ "500px",
	86	+ "",
	87	+ "",
	88	+ "",
	89	+ titulo,
	90	+ "i3GEOF.linhadotempo",
	91	+ false,
	92	+ "hd",
	93	+ cabecalho,
	94	+ minimiza
	95	+ );
	96	+ divid = janela[2].id;
	97	+ $i("i3GEOF.linhadotempo_corpo").style.backgroundColor = "white";
	98	+ $i("i3GEOF.linhadotempo_corpo").style.textAlign = "left";
	99	+ i3GEOF.linhadotempo.aguarde = $i("i3GEOF.linhadotempo_imagemCabecalho").style;
	100	+ i3GEOF.linhadotempo.inicia(divid);
	101	+ YAHOO.util.Event.addListener(janela[0].close, "click", temp);
	102	+ },
	103	+
	104	+ salva: function(){
	105	+ if(i3GEOF.linhadotempo.aguarde.visibility === "visible"){
	106	+ return;
	107	+ }
	108	+ i3GEOF.linhadotempo.aguarde.visibility = "visible";
	109	+ var temp,
	110	+ p,
	111	+ cp;
	112	+ temp = function(){
	113	+ i3GEOF.linhadotempo.aguarde.visibility = "hidden";
	114	+ //refresh iframe
	115	+ $i("i3GEOF.linhaDoTempoi").src = $i("i3GEOF.linhaDoTempoi").src.split("?")[0] + "?_=" + new Date().getTime();
	116	+ };
	117	+ p = i3GEO.configura.locaplic+"/ferramentas/linhadotempo/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=salva&tema=" + i3GEOF.linhadotempo.tema
	118	+ + "&ltempoformatodata=" + $i("i3GEOlinhadotempoltempoformatodata").value
	119	+ + "&ltempoiteminicio=" + $i("i3GEOlinhadotempoltempoiteminicio").value
	120	+ + "&ltempoitemfim=" + $i("i3GEOlinhadotempoltempoitemfim").value
	121	+ + "&ltempoitemtitulo=" + $i("i3GEOlinhadotempoltempoitemtitulo").value
	122	+ + "&ltempoitemdescricao=" + $i("i3GEOlinhadotempoltempoitemdescricao").value
	123	+ + "&ltempoconvencode=" + $i("i3GEOlinhadotempoltempoconvencode").value
	124	+ + "&ltempoitemtip=" + $i("i3GEOlinhadotempoltempoitemtip").value
	125	+ + "&ltempoitemimagem=" + $i("i3GEOlinhadotempoltempoitemimagem").value
	126	+ + "&ltempoitemicone=" + $i("i3GEOlinhadotempoltempoitemicone").value
	127	+ + "&ltempoitemlink=" + $i("i3GEOlinhadotempoltempoitemlink").value;
	128	+ cp = new cpaint();
	129	+ cp.set_response_type("JSON");
	130	+ cp.call(p,"foo",temp);
	131	+ },
	132	+ parametrosAtuais: function(){
	133	+ i3GEOF.linhadotempo.aguarde.visibility = "visible";
	134	+ var p = i3GEO.configura.locaplic+"/ferramentas/linhadotempo/exec.php?g_sid="+i3GEO.configura.sid+"&funcao=parametros&tema=" + i3GEOF.linhadotempo.tema,
	135	+ cp = new cpaint(),
	136	+ temp = function(retorno){
	137	+ try{
	138	+ if(retorno.data !== ""){
	139	+ $i("i3GEOlinhadotempocolunas").innerHTML = retorno.data.colunas;
	140	+ $i("i3GEOlinhadotempoltempoformatodata").value = retorno.data.ltempoformatodata;
	141	+ $i("i3GEOlinhadotempoltempoiteminicio").value = retorno.data.ltempoiteminicio;
	142	+ $i("i3GEOlinhadotempoltempoitemfim").value = retorno.data.ltempoitemfim;
	143	+ $i("i3GEOlinhadotempoltempoitemtitulo").value = retorno.data.ltempoitemtitulo;
	144	+ $i("i3GEOlinhadotempoltempoitemdescricao").value = retorno.data.ltempoitemdescricao;
	145	+ $i("i3GEOlinhadotempoltempoconvencode").value = retorno.data.ltempoconvencode;
	146	+ $i("i3GEOlinhadotempoltempoitemtip").value = retorno.data.ltempoitemtip;
	147	+ $i("i3GEOlinhadotempoltempoitemimagem").value = retorno.data.ltempoitemimagem;
	148	+ $i("i3GEOlinhadotempoltempoitemicone").value = retorno.data.ltempoitemicone;
	149	+ $i("i3GEOlinhadotempoltempoitemlink").value = retorno.data.ltempoitemlink;
	150	+ }
	151	+ i3GEOF.linhadotempo.aguarde.visibility = "hidden";
	152	+ }catch(e){
	153	+ i3GEO.janela.tempoMsg("Erro. "+e);
	154	+ i3GEOF.linhadotempo.aguarde.visibility = "hidden";
	155	+ }
	156	+ };
	157	+ cp.set_response_type("JSON");
	158	+ cp.call(p,"foo",temp);
	159	+ }
	160	+};
0	161	\ No newline at end of file
...	...
...	...	@@ -20,9 +20,11 @@ Timeline_parameters='bundle=true';
20	20	</style>
21	21	</head>
22	22	<body onload="inicializa()" onresize="onResize()">
23		-<div class=paragrafo id="combotemas" ></div>
	23	+<img onclick="config()" class='ticPropriedades2' style='cursor: pointer;float: left;width: 20px;height: 20px;top: 5px;position: relative;' title='config' src='../../imagens/branco.gif'>
	24	+<div class="styled-select" style="width:90%;" id="combotemas" ></div>
	25	+
24	26	<div class=paragrafo id="totaleventos" ></div>
25		-<div class=paragrafo id="tl" style="height: 220px; border: 1px solid #aaa;overflow-x:hidden; overflow-y:scroll"> </div>
	27	+<div class=paragrafo id="tl" style="height: 80%; border: 0px solid #aaa;overflow-x:hidden; overflow-y:scroll"> </div>
26	28
27	29	<script>
28	30	/*
...	...	@@ -274,6 +276,16 @@ function onResize() {
274	276	}, 500);
275	277	}
276	278	}
	279	+function config(){
	280	+ i3GEO.configura.locaplic = window.parent.i3GEO.configura.locaplic;
	281	+ window.parent.i3GEO.mapa.ativaTema($i("tema").value);
	282	+ window.parent.i3GEO.util.dialogoFerramenta(
	283	+ "",
	284	+ "linhadotempo",
	285	+ "linhadotempo",
	286	+ "dependencias.php",
	287	+ "i3GEOF.linhadotempo.iniciaJanelaFlutuante()");
	288	+}
277	289	</script>
278	290	</body>
279	291
...	...
...	...	@@ -0,0 +1,50 @@
	1	+<div style='margin-left: 5px'>
	2	+ <p class='paragrafo'>{{{colunasTxt}}}:</p>
	3	+ <div id="i3GEOlinhadotempocolunas">
	4	+ </div>
	5	+ <br>
	6	+ <p class='paragrafo'>{{{ltempoformatodata}}}:</p>
	7	+ <div class='i3geoForm i3geoFormIconeEdita'>
	8	+ <input type='text' value='' id='i3GEOlinhadotempoltempoformatodata' />
	9	+ </div>
	10	+ <p class='paragrafo'>{{{ltempoiteminicio}}}:</p>
	11	+ <div class='i3geoForm i3geoFormIconeEdita'>
	12	+ <input type='text' value='' id='i3GEOlinhadotempoltempoiteminicio' />
	13	+ </div>
	14	+ <p class='paragrafo'>{{{ltempoitemfim}}}:</p>
	15	+ <div class='i3geoForm i3geoFormIconeEdita'>
	16	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemfim' />
	17	+ </div>
	18	+ <p class='paragrafo'>{{{ltempoitemtitulo}}}:</p>
	19	+ <div class='i3geoForm i3geoFormIconeEdita'>
	20	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemtitulo' />
	21	+ </div>
	22	+ <p class='paragrafo'>{{{ltempoitemdescricao}}}:</p>
	23	+ <div class='i3geoForm i3geoFormIconeEdita'>
	24	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemdescricao' />
	25	+ </div>
	26	+ <p class='paragrafo'>{{{ltempoconvencode}}}:</p>
	27	+ <div class='i3geoForm i3geoFormIconeEdita'>
	28	+ <input type='text' value='' id='i3GEOlinhadotempoltempoconvencode' />
	29	+ </div>
	30	+ <p class='paragrafo'>{{{ltempoitemtip}}}:</p>
	31	+ <div class='i3geoForm i3geoFormIconeEdita'>
	32	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemtip' />
	33	+ </div>
	34	+ <p class='paragrafo'>{{{ltempoitemimagem}}}:</p>
	35	+ <div class='i3geoForm i3geoFormIconeEdita'>
	36	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemimagem' />
	37	+ </div>
	38	+ <p class='paragrafo'>{{{ltempoitemicone}}}:</p>
	39	+ <div class='i3geoForm i3geoFormIconeEdita'>
	40	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemicone' />
	41	+ </div>
	42	+ <p class='paragrafo'>{{{ltempoitemlink}}}:</p>
	43	+ <div class='i3geoForm i3geoFormIconeEdita'>
	44	+ <input type='text' value='' id='i3GEOlinhadotempoltempoitemlink' />
	45	+ </div>
	46	+ <br>
	47	+ <p class='paragrafo'>
	48	+ <input id='i3GEOlinhadotempobotao1' size='16' type='button' value='{{{aplica}}}' />
	49	+ </p>
	50	+</div>
0	51	\ No newline at end of file
...	...