Adaptação da opção de vincular tabelas, da ferramanta Tabela, para Bootstrap

Edmar Moretti
1 parent 51851efa
Showing 57 changed files with 98 additions and 85 deletions Show diff stats
css/i3geo7.css.php
ferramentas/editorgm/editorgm_compacto.js
ferramentas/editorol/editorol_compacto.js
ferramentas/tabela/index.js
ferramentas/tabela/templateVinculo_mst.html
js/compactados/ajuda_compacto.js
js/compactados/analise_compacto.js
js/compactados/arvoredecamadas_compacto.js
js/compactados/arvoredetemas_compacto.js
js/compactados/base64_compacto.js
js/compactados/busca_compacto.js
js/compactados/caixaDeFerramentas_compacto.js
js/compactados/calculo_compacto.js
js/compactados/catalogoDir_compacto.js
js/compactados/catalogoEstrelas_compacto.js
js/compactados/catalogoInde_compacto.js
js/compactados/catalogoMapas_compacto.js
js/compactados/catalogoMenus_compacto.js
js/compactados/catalogoMetaestat_compacto.js
js/compactados/catalogoOgc_compacto.js
@@ -24,6 +24,7 @@ i3GEOF.tabela =
 		 */
 		MUSTACHE : "",
 		MUSTACHELISTA : "",
+		MUSTACHEVINCULO: "",
 		/**
 		 * Susbtitutos para o template
 		 */
@@ -124,11 +125,13 @@ i3GEOF.tabela =
 		inicia : function(iddiv, idjanela) {
 			if(i3GEOF.tabela.MUSTACHE == ""){
 				var t1 = i3GEO.configura.locaplic + "/ferramentas/tabela/template_mst.html",
-					t2 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateLista_mst.html";
+					t2 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateLista_mst.html",
+					t3 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateVinculo_mst.html";
  
-				$.when( $.get(t1),$.get(t2) ).done(function(r1,r2) {
+				$.when( $.get(t1),$.get(t2),$.get(t3) ).done(function(r1,r2,r3) {
 					i3GEOF.tabela.MUSTACHE = r1[0];
 					i3GEOF.tabela.MUSTACHELISTA = r2[0];
+					i3GEOF.tabela.MUSTACHEVINCULO = r3[0];
 					i3GEOF.tabela.inicia(iddiv, idjanela);
 				}).fail(function() {
 				    i3GEO.janela.closeMsg($trad("erroTpl"));
@@ -249,7 +252,10 @@ i3GEOF.tabela =
 					i3GEOF.tabela.iniciaJanelaFlutuante();
 				};
 				// cria a janela flutuante
-				titulo = "<span class='i3GeoTituloJanelaBsNolink' >"+$trad('tabela', i3GEOF.tabela.dicionario)+"</span></div>";
+				titulo = "<span class='i3GeoTituloJanelaBsNolink' >"
+					+ $trad('tabela', i3GEOF.tabela.dicionario)
+					+ " (" + id + " )"
+					+ "</span></div>";
  
 				janela = i3GEO.janela.cria(
 					"570px",
@@ -405,28 +411,43 @@ i3GEOF.tabela =
 		},
 		vinculos : {
 			ligacoes : [],
+			/**
+			 * Susbtitutos para o template
+			 */
+			mustacheHash : function() {
+				var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.tabela.dicionario);
+				dicionario["locaplic"] = i3GEO.configura.locaplic;
+				dicionario["comboJanelas1"] = i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT1", "i3GEOF.tabela.vinculos.comboColunasT1()");
+				dicionario["comboJanelas2"] = i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT2", "i3GEOF.tabela.vinculos.comboColunasT2()");
+				return dicionario;
+			},
 			iniciaJanelaFlutuante : function() {
 				var janela, titulo;
 				// cria a janela flutuante
-				titulo =
-					"<div class='i3GeoTituloJanela'>" + $trad("vinculos", i3GEOF.tabela.dicionario)
-						+ "<a class=ajuda_usuario href='javascript:void(0)' onclick='i3GEO.ajuda.ferramenta(120)' ><b> </b></a></div>";
+				titulo = "<span class='i3GeoTituloJanelaBsNolink' >"
+					+ $trad('vinculos', i3GEOF.tabela.dicionario)
+					+ "</span></div>";
 				janela =
 					i3GEO.janela.cria(
-						"300px",
-						"300px",
+						"400px",
+						"350px",
 						"",
 						"",
 						"",
 						titulo,
 						"i3GEOFtabelaVinculos",
-						true,
+						false,
 						"hd",
 						"",
 						"",
 						"",
 						true,
-						i3GEO.configura.locaplic + "/imagens/oxygen/16x16/edit-table-cell-merge.png");
+						"",
+						"",
+						"",
+						"",
+						"120"
+					);
 				divid = janela[2].id;
 				if (i3GEOF.tabela.janelas.length > 1) {
 					temp = janela[0].cfg.config;
@@ -437,84 +458,58 @@ i3GEOF.tabela =
 				i3GEOF.tabela.vinculos.inicia();
 			},
 			html : function() {
-				var ins =
-					"" + "	<fieldset class=subbloco >"
-						+ "		<p class=paragrafo >"
-						+ $trad('selecionaTabela', i3GEOF.tabela.dicionario)
-						+ "<br>"
-						+ i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT1", "i3GEOF.tabela.vinculos.comboColunasT1()")
-						+ "		<div id=i3GEOFTabelaVinculoT1Colunas style=position:relative;left:10px ></div>"
-						+ "		<p class=paragrafo >"
-						+ $trad('selecionaSegundaTabela', i3GEOF.tabela.dicionario)
-						+ "<br>"
-						+ i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT2", "i3GEOF.tabela.vinculos.comboColunasT2()")
-						+ "		<div id=i3GEOFTabelaVinculoT2Colunas style=position:relative;left:10px ></div>"
-						+ "		<p class=paragrafo ><input id=i3GEOFTabelaVinculoBotaoCriar size=25 type=button value='"
-						+ $trad('criaVinculo', i3GEOF.tabela.dicionario)
-						+ "' /></p>"
-						+ "	</fieldset>"
-						+ "	<fieldset class=subbloco id=i3GEOFtabelaVinculosLista >"
-						+ "	</fieldset>";
+				var ins = Mustache.render(i3GEOF.tabela.MUSTACHEVINCULO, i3GEOF.tabela.vinculos.mustacheHash());
 				return ins;
 			},
-			inicia : function() {
-				$i("i3GEOFtabelaVinculos_corpo").innerHTML = i3GEOF.tabela.vinculos.html();
-				new YAHOO.widget.Button(
-					"i3GEOFTabelaVinculoBotaoCriar",
-					{
-						onclick : {
-							fn : function() {
-								var t1 = $i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, t2 =
-									$i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, c1 =
-									$i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value, c2 =
-									$i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value;
-								if (t1 != "" && t2 != "" && c1 != "" && c2 != "") {
-									i3GEOF.tabela.vinculos.ligacoes.push({
-										"t1" : t1,
-										"t2" : t2,
-										"c1" : c1,
-										"c2" : c2
-									});
-								}
-								i3GEOF.tabela.vinculos.lista();
-							}
-						}
+			vincular: function(){
+				var t1 = $i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, t2 =
+					$i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, c1 =
+					$i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value, c2 =
+					$i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value;
+				if (t1 != "" && t2 != "" && c1 != "" && c2 != "") {
+					i3GEOF.tabela.vinculos.ligacoes.push({
+						"t1" : t1,
+						"t2" : t2,
+						"c1" : c1,
+						"c2" : c2
 					});
+				}
+				i3GEOF.tabela.vinculos.lista();
+			},
+			inicia : function() {
+				var ins = i3GEOF.tabela.vinculos.html();
+				$i("i3GEOFtabelaVinculos_corpo").innerHTML = ins;
 				i3GEOF.tabela.vinculos.lista();
 			},
 			comboColunasT1 : function() {
-				var colunas =
-					i3GEOF.tabela
-						.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT1"), ins =
-					"";
-				ins = "	<p class=paragrafo >" + $trad('colunaLigacao', i3GEOF.tabela.dicionario) + "<br>" + colunas;
-				$i("i3GEOFTabelaVinculoT1Colunas").innerHTML = ins;
+				var colunas = "";
+				if($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value != ""){
+					colunas = i3GEOF.tabela.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT1");
+				}
+				$i("i3GEOFTabelaVinculoT1Colunas").innerHTML = colunas;
 			},
 			comboColunasT2 : function() {
-				var colunas =
-					i3GEOF.tabela
-						.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT2"), ins =
-					"";
-				ins = "	<p class=paragrafo >" + $trad('colunaLigacao', i3GEOF.tabela.dicionario) + "<br>" + colunas;
-				$i("i3GEOFTabelaVinculoT2Colunas").innerHTML = ins;
+				var colunas = "";
+				if($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value != ""){
+					colunas = i3GEOF.tabela.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT2");
+				}
+				$i("i3GEOFTabelaVinculoT2Colunas").innerHTML = colunas;
 			},
 			lista : function() {
 				var v = i3GEOF.tabela.vinculos.ligacoes, n = v.length, ins =
-					"<p class=paragrafo ><b>" + $trad('vinculos', i3GEOF.tabela.dicionario) + "</b></p>", i;
+					"<h5>" + $trad('vinculos', i3GEOF.tabela.dicionario) + "</h5>", i;
 				for (i = 0; i < n; i++) {
-					ins +=
-						"<p class=paragrafo ><img style='cursor:pointer;float:left;' src='" + i3GEO.configura.locaplic
-							+ "/imagens/oxygen/16x16/edit-delete.png' title='excluir' onclick='i3GEOF.tabela.vinculos.excluir(\""
-							+ i
-							+ "\")' />"
-							+ v[i].t1
-							+ " "
-							+ v[i].c1
-							+ " -> "
-							+ v[i].t2
-							+ " "
-							+ v[i].c2
-							+ "<p>";
+					ins += '<button title="excluir" onclick="i3GEOF.tabela.vinculos.excluir(\''
+						+ i + '\')"'
+						+ ' class="btn btn-xs" style="vertical-align:top;margin: 2px; padding: 2px; display:inline-block;"><span class="material-icons">clear</span></button>'
+						+ "<h5 style='display:inline-block;vertical-align:top;'>" + v[i].t1
+						+ " "
+						+ v[i].c1
+						+ " -> <br>"
+						+ v[i].t2
+						+ " "
+						+ v[i].c2
+						+ "</h5>";
 				}
 				$i("i3GEOFtabelaVinculosLista").innerHTML = ins;
 			},
@@ -618,7 +613,7 @@ i3GEOF.tabela =
 				w = 260;
 			}
 			ins =
-				"" + "	<select style='width:"
+				"" + "	<select class='form-control' style='width:"
 					+ w
 					+ "px;' id='"
 					+ idcombo
@@ -632,18 +627,12 @@ i3GEOF.tabela =
 			ins += "</select>";
 			return ins;
 		},
-		comboColunas : function(idJanela, idcombo, funcao, w) {
+		comboColunas : function(idJanela, idcombo, funcao) {
 			var i, c = i3GEOF.tabela.propJanelas[idJanela].colunas, n = c.itens.length;
 			if (!funcao) {
 				funcao = "";
 			}
-			if (!w) {
-				w = 250;
-			}
-			ins =
-				"" + "	<select style='width:"
-					+ w
-					+ "px;' id='"
+			ins = "<select class='form-control' id='"
 					+ idcombo
 					+ "' onchange='"
 					+ funcao
@@ -0,0 +1,24 @@
+<div class="container-fluid">
+	<div style="width: 100%;" class='form-group label-fixed condensed'>
+		<label class="control-label" for="">{{{selecionaTabela}}}</label>
+		<div style="width: 100%;" class="input-group">{{{comboJanelas1}}}</div>
+	</div>
+	<div style="width: 100%;" class='form-group label-fixed condensed'>
+		<label class="control-label" for="">{{{colunaLigacao}}}</label>
+		<div style="width: 100%;" class="input-group">
+			<div id="i3GEOFTabelaVinculoT1Colunas"  ></div>
+		</div>
+	</div>
+	<div style="width: 100%;" class='form-group label-fixed condensed'>
+		<label class="control-label" for="">{{{selecionaSegundaTabela}}}</label>
+		<div style="width: 100%;" class="input-group">{{{comboJanelas2}}}</div>
+	</div>
+	<div style="width: 100%;" class='form-group label-fixed condensed'>
+		<label class="control-label" for="">{{{colunaLigacao}}}</label>
+		<div style="width: 100%;" class="input-group">
+			<div id="i3GEOFTabelaVinculoT2Colunas"  ></div>
+		</div>
+	</div>
+	<button onclick="i3GEOF.tabela.vinculos.vincular()" class='btn btn-primary btn-sm btn-raised'>{{{criaVinculo}}}</button>
+	<div id=i3GEOFtabelaVinculosLista></div>
+</div>
 \ No newline at end of file
...	...	@@ -24,6 +24,7 @@ i3GEOF.tabela =
24	24	*/
25	25	MUSTACHE : "",
26	26	MUSTACHELISTA : "",
	27	+ MUSTACHEVINCULO: "",
27	28	/**
28	29	* Susbtitutos para o template
29	30	*/
...	...	@@ -124,11 +125,13 @@ i3GEOF.tabela =
124	125	inicia : function(iddiv, idjanela) {
125	126	if(i3GEOF.tabela.MUSTACHE == ""){
126	127	var t1 = i3GEO.configura.locaplic + "/ferramentas/tabela/template_mst.html",
127		- t2 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateLista_mst.html";
	128	+ t2 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateLista_mst.html",
	129	+ t3 = i3GEO.configura.locaplic + "/ferramentas/tabela/templateVinculo_mst.html";
128	130
129		- $.when( $.get(t1),$.get(t2) ).done(function(r1,r2) {
	131	+ $.when( $.get(t1),$.get(t2),$.get(t3) ).done(function(r1,r2,r3) {
130	132	i3GEOF.tabela.MUSTACHE = r1[0];
131	133	i3GEOF.tabela.MUSTACHELISTA = r2[0];
	134	+ i3GEOF.tabela.MUSTACHEVINCULO = r3[0];
132	135	i3GEOF.tabela.inicia(iddiv, idjanela);
133	136	}).fail(function() {
134	137	i3GEO.janela.closeMsg($trad("erroTpl"));
...	...	@@ -249,7 +252,10 @@ i3GEOF.tabela =
249	252	i3GEOF.tabela.iniciaJanelaFlutuante();
250	253	};
251	254	// cria a janela flutuante
252		- titulo = "<span class='i3GeoTituloJanelaBsNolink' >"+$trad('tabela', i3GEOF.tabela.dicionario)+"</span></div>";
	255	+ titulo = "<span class='i3GeoTituloJanelaBsNolink' >"
	256	+ + $trad('tabela', i3GEOF.tabela.dicionario)
	257	+ + " (" + id + " )"
	258	+ + "</span></div>";
253	259
254	260	janela = i3GEO.janela.cria(
255	261	"570px",
...	...	@@ -405,28 +411,43 @@ i3GEOF.tabela =
405	411	},
406	412	vinculos : {
407	413	ligacoes : [],
	414	+ /**
	415	+ * Susbtitutos para o template
	416	+ */
	417	+ mustacheHash : function() {
	418	+ var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.tabela.dicionario);
	419	+ dicionario["locaplic"] = i3GEO.configura.locaplic;
	420	+ dicionario["comboJanelas1"] = i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT1", "i3GEOF.tabela.vinculos.comboColunasT1()");
	421	+ dicionario["comboJanelas2"] = i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT2", "i3GEOF.tabela.vinculos.comboColunasT2()");
	422	+ return dicionario;
	423	+ },
408	424	iniciaJanelaFlutuante : function() {
409	425	var janela, titulo;
410	426	// cria a janela flutuante
411		- titulo =
412		- "<div class='i3GeoTituloJanela'>" + $trad("vinculos", i3GEOF.tabela.dicionario)
413		- + "<a class=ajuda_usuario href='javascript:void(0)' onclick='i3GEO.ajuda.ferramenta(120)' ><b> </b></a></div>";
	427	+ titulo = "<span class='i3GeoTituloJanelaBsNolink' >"
	428	+ + $trad('vinculos', i3GEOF.tabela.dicionario)
	429	+ + "</span></div>";
414	430	janela =
415	431	i3GEO.janela.cria(
416		- "300px",
417		- "300px",
	432	+ "400px",
	433	+ "350px",
418	434	"",
419	435	"",
420	436	"",
421	437	titulo,
422	438	"i3GEOFtabelaVinculos",
423		- true,
	439	+ false,
424	440	"hd",
425	441	"",
426	442	"",
427	443	"",
428	444	true,
429		- i3GEO.configura.locaplic + "/imagens/oxygen/16x16/edit-table-cell-merge.png");
	445	+ "",
	446	+ "",
	447	+ "",
	448	+ "",
	449	+ "120"
	450	+ );
430	451	divid = janela[2].id;
431	452	if (i3GEOF.tabela.janelas.length > 1) {
432	453	temp = janela[0].cfg.config;
...	...	@@ -437,84 +458,58 @@ i3GEOF.tabela =
437	458	i3GEOF.tabela.vinculos.inicia();
438	459	},
439	460	html : function() {
440		- var ins =
441		- "" + " <fieldset class=subbloco >"
442		- + " <p class=paragrafo >"
443		- + $trad('selecionaTabela', i3GEOF.tabela.dicionario)
444		- + "<br>"
445		- + i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT1", "i3GEOF.tabela.vinculos.comboColunasT1()")
446		- + " <div id=i3GEOFTabelaVinculoT1Colunas style=position:relative;left:10px ></div>"
447		- + " <p class=paragrafo >"
448		- + $trad('selecionaSegundaTabela', i3GEOF.tabela.dicionario)
449		- + "<br>"
450		- + i3GEOF.tabela.comboJanelas("i3GEOFTabelaOpcoesAdicionaVinculoT2", "i3GEOF.tabela.vinculos.comboColunasT2()")
451		- + " <div id=i3GEOFTabelaVinculoT2Colunas style=position:relative;left:10px ></div>"
452		- + " <p class=paragrafo ><input id=i3GEOFTabelaVinculoBotaoCriar size=25 type=button value='"
453		- + $trad('criaVinculo', i3GEOF.tabela.dicionario)
454		- + "' /></p>"
455		- + " </fieldset>"
456		- + " <fieldset class=subbloco id=i3GEOFtabelaVinculosLista >"
457		- + " </fieldset>";
	461	+ var ins = Mustache.render(i3GEOF.tabela.MUSTACHEVINCULO, i3GEOF.tabela.vinculos.mustacheHash());
458	462	return ins;
459	463	},
460		- inicia : function() {
461		- $i("i3GEOFtabelaVinculos_corpo").innerHTML = i3GEOF.tabela.vinculos.html();
462		- new YAHOO.widget.Button(
463		- "i3GEOFTabelaVinculoBotaoCriar",
464		- {
465		- onclick : {
466		- fn : function() {
467		- var t1 = $i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, t2 =
468		- $i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, c1 =
469		- $i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value, c2 =
470		- $i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value;
471		- if (t1 != "" && t2 != "" && c1 != "" && c2 != "") {
472		- i3GEOF.tabela.vinculos.ligacoes.push({
473		- "t1" : t1,
474		- "t2" : t2,
475		- "c1" : c1,
476		- "c2" : c2
477		- });
478		- }
479		- i3GEOF.tabela.vinculos.lista();
480		- }
481		- }
	464	+ vincular: function(){
	465	+ var t1 = $i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, t2 =
	466	+ $i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, c1 =
	467	+ $i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value, c2 =
	468	+ $i("i3GEOFTabelaOpcoesAdicionaVinculoColunaT1").value;
	469	+ if (t1 != "" && t2 != "" && c1 != "" && c2 != "") {
	470	+ i3GEOF.tabela.vinculos.ligacoes.push({
	471	+ "t1" : t1,
	472	+ "t2" : t2,
	473	+ "c1" : c1,
	474	+ "c2" : c2
482	475	});
	476	+ }
	477	+ i3GEOF.tabela.vinculos.lista();
	478	+ },
	479	+ inicia : function() {
	480	+ var ins = i3GEOF.tabela.vinculos.html();
	481	+ $i("i3GEOFtabelaVinculos_corpo").innerHTML = ins;
483	482	i3GEOF.tabela.vinculos.lista();
484	483	},
485	484	comboColunasT1 : function() {
486		- var colunas =
487		- i3GEOF.tabela
488		- .comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT1"), ins =
489		- "";
490		- ins = " <p class=paragrafo >" + $trad('colunaLigacao', i3GEOF.tabela.dicionario) + "<br>" + colunas;
491		- $i("i3GEOFTabelaVinculoT1Colunas").innerHTML = ins;
	485	+ var colunas = "";
	486	+ if($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value != ""){
	487	+ colunas = i3GEOF.tabela.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT1").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT1");
	488	+ }
	489	+ $i("i3GEOFTabelaVinculoT1Colunas").innerHTML = colunas;
492	490	},
493	491	comboColunasT2 : function() {
494		- var colunas =
495		- i3GEOF.tabela
496		- .comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT2"), ins =
497		- "";
498		- ins = " <p class=paragrafo >" + $trad('colunaLigacao', i3GEOF.tabela.dicionario) + "<br>" + colunas;
499		- $i("i3GEOFTabelaVinculoT2Colunas").innerHTML = ins;
	492	+ var colunas = "";
	493	+ if($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value != ""){
	494	+ colunas = i3GEOF.tabela.comboColunas($i("i3GEOFTabelaOpcoesAdicionaVinculoT2").value, "i3GEOFTabelaOpcoesAdicionaVinculoColunaT2");
	495	+ }
	496	+ $i("i3GEOFTabelaVinculoT2Colunas").innerHTML = colunas;
500	497	},
501	498	lista : function() {
502	499	var v = i3GEOF.tabela.vinculos.ligacoes, n = v.length, ins =
503		- "<p class=paragrafo ><b>" + $trad('vinculos', i3GEOF.tabela.dicionario) + "</b></p>", i;
	500	+ "<h5>" + $trad('vinculos', i3GEOF.tabela.dicionario) + "</h5>", i;
504	501	for (i = 0; i < n; i++) {
505		- ins +=
506		- "<p class=paragrafo ><img style='cursor:pointer;float:left;' src='" + i3GEO.configura.locaplic
507		- + "/imagens/oxygen/16x16/edit-delete.png' title='excluir' onclick='i3GEOF.tabela.vinculos.excluir(\""
508		- + i
509		- + "\")' />"
510		- + v[i].t1
511		- + " "
512		- + v[i].c1
513		- + " -> "
514		- + v[i].t2
515		- + " "
516		- + v[i].c2
517		- + "<p>";
	502	+ ins += '<button title="excluir" onclick="i3GEOF.tabela.vinculos.excluir(\''
	503	+ + i + '\')"'
	504	+ + ' class="btn btn-xs" style="vertical-align:top;margin: 2px; padding: 2px; display:inline-block;"><span class="material-icons">clear</span></button>'
	505	+ + "<h5 style='display:inline-block;vertical-align:top;'>" + v[i].t1
	506	+ + " "
	507	+ + v[i].c1
	508	+ + " -> <br>"
	509	+ + v[i].t2
	510	+ + " "
	511	+ + v[i].c2
	512	+ + "</h5>";
518	513	}
519	514	$i("i3GEOFtabelaVinculosLista").innerHTML = ins;
520	515	},
...	...	@@ -618,7 +613,7 @@ i3GEOF.tabela =
618	613	w = 260;
619	614	}
620	615	ins =
621		- "" + " <select style='width:"
	616	+ "" + " <select class='form-control' style='width:"
622	617	+ w
623	618	+ "px;' id='"
624	619	+ idcombo
...	...	@@ -632,18 +627,12 @@ i3GEOF.tabela =
632	627	ins += "</select>";
633	628	return ins;
634	629	},
635		- comboColunas : function(idJanela, idcombo, funcao, w) {
	630	+ comboColunas : function(idJanela, idcombo, funcao) {
636	631	var i, c = i3GEOF.tabela.propJanelas[idJanela].colunas, n = c.itens.length;
637	632	if (!funcao) {
638	633	funcao = "";
639	634	}
640		- if (!w) {
641		- w = 250;
642		- }
643		- ins =
644		- "" + " <select style='width:"
645		- + w
646		- + "px;' id='"
	635	+ ins = "<select class='form-control' id='"
647	636	+ idcombo
648	637	+ "' onchange='"
649	638	+ funcao
...	...
...	...	@@ -0,0 +1,24 @@
	1	+<div class="container-fluid">
	2	+ <div style="width: 100%;" class='form-group label-fixed condensed'>
	3	+ <label class="control-label" for="">{{{selecionaTabela}}}</label>
	4	+ <div style="width: 100%;" class="input-group">{{{comboJanelas1}}}</div>
	5	+ </div>
	6	+ <div style="width: 100%;" class='form-group label-fixed condensed'>
	7	+ <label class="control-label" for="">{{{colunaLigacao}}}</label>
	8	+ <div style="width: 100%;" class="input-group">
	9	+ <div id="i3GEOFTabelaVinculoT1Colunas" ></div>
	10	+ </div>
	11	+ </div>
	12	+ <div style="width: 100%;" class='form-group label-fixed condensed'>
	13	+ <label class="control-label" for="">{{{selecionaSegundaTabela}}}</label>
	14	+ <div style="width: 100%;" class="input-group">{{{comboJanelas2}}}</div>
	15	+ </div>
	16	+ <div style="width: 100%;" class='form-group label-fixed condensed'>
	17	+ <label class="control-label" for="">{{{colunaLigacao}}}</label>
	18	+ <div style="width: 100%;" class="input-group">
	19	+ <div id="i3GEOFTabelaVinculoT2Colunas" ></div>
	20	+ </div>
	21	+ </div>
	22	+ <button onclick="i3GEOF.tabela.vinculos.vincular()" class='btn btn-primary btn-sm btn-raised'>{{{criaVinculo}}}</button>
	23	+ <div id=i3GEOFtabelaVinculosLista></div>
	24	+</div>
0	25	\ No newline at end of file
...	...