Inclusão do qrcode na página principal

Edmar Moretti
1 parent 8d7de14a
Showing 2 changed files with 34 additions and 16 deletions Show diff stats
init/index.js
init/nindex.php
@@ -212,7 +212,16 @@ function mostraBotoesBT(men){
 	$("#menuTpl").html(html);
 	//
 	$i("mensagemLogin").innerHTML = men;
-	$i("jumbotron").innerHTML = "<img src='../imagens/i3Geo_bigTransp.png' style='float:left;width:80px;margin:5px;' /><p>"+$trad(35,g_traducao_init)+"</p>";
+	//$i("jumbotron").innerHTML = "<img src='../imagens/i3Geo_bigTransp.png' style='float:left;width:80px;margin:5px;' /><p>"+$trad(35,g_traducao_init)+"</p>";
+	html = Mustache.to_html(
+		$("#jumbotron").html(),
+		{
+			"jumbotron" : $trad(35,g_traducao_init),
+			"host" : location.host,
+			"href" : location.href
+		}
+	);
+	$("#jumbotron").html(html);
 	i3GEO.configura = {"locaplic" : ".."};
 	i3GEO.idioma.IDSELETOR = "bandeiras";
 	i3GEO.idioma.mostraSeletor();
@@ -123,18 +123,27 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
 			</div>
 		</div>
 	</nav>
-	<div class="container-fluid">
+	<div class="container-fluid hidden">
 		<div class="row">
 			<div class="col-sm-12" id="mensagemLogin"></div>
 			<div class="col-sm-12">
-				<div class="jumbotron" id="jumbotron"></div>
+				<div class="jumbotron" id="jumbotron">
+					<!-- Template pare mensagem do i3Geo -->
+					<ul class="list-inline">
+						<li>
+							<img class="pull-left" src='../imagens/i3Geo_bigTransp.png' style='width:80px;margin:5px;' />
+							<img class="pull-right" src='../pacotes/qrcode/php/qr_img.php?host={{{host}}}&d={{{href}}}' style='width:80px;margin:5px;' />
+							<p>{{{jumbotron}}}</p>
+						</li>
+					</ul>
+				</div>
 			</div>
 		</div>
 	</div>
 	<div class="container">
 		<div class="row">
 			<!-- Template para criacao dos quadros ver index.js -->
-			<div id="botoesTpl" class="hidden" >
+			<div id="botoesTpl" class="hidden">
 				<div id="{{{fa}}}" class="col-sm-12" style="width: 260px; min-width: 260px; max-width: 260px;">
 					<div class="panel panel-default">
 						<div class="panel-body" style="height: 250px;">
@@ -176,7 +185,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
 			</div>
 		</div>
-		<hr/>
+		<hr />
 		<footer class="text-center">
 			<div class="row hidden">
@@ -194,22 +203,22 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
 	</div>
     <?php
-				echo "<script>";
-				include "index.js";
-				echo "</script>";
-				include "body.php";
-				?>
+		echo "<script>";
+		include "index.js";
+		echo "</script>";
+		include "body.php";
+	?>
     <script>
     $(document).ready(function(){
 		var template = '<div class="col-sm-12" style="width:260px;min-width:260px;max-width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
     	<?php
-					if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
-						echo "var men = '<div class=\'alert alert-danger\' >' + $" . "trad(19,g_traducao_init) + '</div>';";
-					} else {
-						echo "var men = '';";
-					}
-					?>
+			if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
+				echo "var men = '<div class=\'alert alert-danger\' >' + $" . "trad(19,g_traducao_init) + '</div>';";
+			} else {
+				echo "var men = '';";
+			}
+		?>
     	mostraBotoesBT(men);
     	$('.hidden').removeClass('hidden');
     	//carrega o TT
	@@ -212,7 +212,16 @@ function mostraBotoesBT(men){		@@ -212,7 +212,16 @@ function mostraBotoesBT(men){
212	$("#menuTpl").html(html);	212	$("#menuTpl").html(html);
213	//	213	//
214	$i("mensagemLogin").innerHTML = men;	214	$i("mensagemLogin").innerHTML = men;
215	- $i("jumbotron").innerHTML = "<img src='../imagens/i3Geo_bigTransp.png' style='float:left;width:80px;margin:5px;' /><p>"+$trad(35,g_traducao_init)+"</p>";	215	+ //$i("jumbotron").innerHTML = "<img src='../imagens/i3Geo_bigTransp.png' style='float:left;width:80px;margin:5px;' /><p>"+$trad(35,g_traducao_init)+"</p>";
		216	+ html = Mustache.to_html(
		217	+ $("#jumbotron").html(),
		218	+ {
		219	+ "jumbotron" : $trad(35,g_traducao_init),
		220	+ "host" : location.host,
		221	+ "href" : location.href
		222	+ }
		223	+ );
		224	+ $("#jumbotron").html(html);
216	i3GEO.configura = {"locaplic" : ".."};	225	i3GEO.configura = {"locaplic" : ".."};
217	i3GEO.idioma.IDSELETOR = "bandeiras";	226	i3GEO.idioma.IDSELETOR = "bandeiras";
218	i3GEO.idioma.mostraSeletor();	227	i3GEO.idioma.mostraSeletor();