From 13105be8ee200db39746943d2dde94fa57a7e774 Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Fri, 4 Dec 2015 23:30:56 +0000
Subject: [PATCH] 

---
 css/input.css                               |  13 ++++++++++++-
 ferramentas/identifica/template_mst.html    |   4 ++--
 ferramentas/inseregrafico/template_mst.html |  12 ++++++------
 ferramentas/inserexy2/template_mst.html     |   4 ++--
 ferramentas/opcoes_label/index.js           |  38 +++++++++++++++++++-------------------
 ferramentas/recline/default.php             |   4 ++--
 ferramentas/recline/tabela.php              | 195 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ferramentas/selecao/index.js                |   2 +-
 8 files changed, 239 insertions(+), 33 deletions(-)
 create mode 100755 ferramentas/recline/tabela.php

diff --git a/css/input.css b/css/input.css
index b64a73c..2369b37 100644
--- a/css/input.css
+++ b/css/input.css
@@ -1,7 +1,7 @@
 input{
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
-input[type=text], textarea{
+input[type=text], textarea, input[type=number],{
 	-webkit-user-select: text;
     -khtml-user-select: text;
     -moz-user-select: text;
@@ -20,6 +20,17 @@ input[type=text] {
 	height: 22px;
 }
 
+input[type=number] {
+	font-size: 12px;
+	color: #2F4632;
+	background-color: #FFFFFF;
+	padding: 0;
+	border: 1px solid rgb(180, 180, 180);
+	text-align: center;
+	cursor: text;
+	height: 26px;
+}
+
 input[type=checkbox] {
 	border: 0px solid white;
 }
diff --git a/ferramentas/identifica/template_mst.html b/ferramentas/identifica/template_mst.html
index 66aadd9..124c073 100644
--- a/ferramentas/identifica/template_mst.html
+++ b/ferramentas/identifica/template_mst.html
@@ -37,8 +37,8 @@
 <div class='guiaobj' id='{{{idjanelaA}}}i3GEOidentificaguia2obj' style='left: 1px'></div>
 <div class='guiaobj' id='{{{idjanelaA}}}i3GEOidentificaguia3obj' style='left: 1px; top: 10px; display: none; font-size: 12px; overflow: hidden'>
 	{{{resolucaoBusca}}}:<br> <br>
-	<div class='i3geoForm i3geoFormIconeEdita'>
-		<input type='text' value='10' id='{{{idjanelaA}}}i3GEOidentificaresolucao' />
+	<div class='i3geoForm i3geoFormIconeNumero'>
+		<input type='number' value='10' id='{{{idjanelaA}}}i3GEOidentificaresolucao' />
 	</div>
 	<br> <br>
 </div>
diff --git a/ferramentas/inseregrafico/template_mst.html b/ferramentas/inseregrafico/template_mst.html
index 8d27996..aea14ca 100644
--- a/ferramentas/inseregrafico/template_mst.html
+++ b/ferramentas/inseregrafico/template_mst.html
@@ -31,17 +31,17 @@
 <div class='guiaobj' id='i3GEOinseregraficoguia2obj'
 	style='left: 1px; display: none;'>
 	<p class='paragrafo'>Tamanho do c&iacute;rculo:</p>
-	<div class='i3geoForm i3geoFormIconeEdita'>
-		<input type='text' value='50' id='i3GEOinseregraficow' />
+	<div class='i3geoForm i3geoFormIconeNumero'>
+		<input type='number' value='50' id='i3GEOinseregraficow' />
 	</div>
 	<br>
 	<p class='paragrafo'>{{{inclinacaoCirculo}}}:</p>
-	<div class='i3geoForm i3geoFormIconeEdita'>
-		<input type='text' value='1.5' id='i3GEOinseregraficoinclinacao' />
+	<div class='i3geoForm i3geoFormIconeNumero'>
+		<input type='number' value='1.5' id='i3GEOinseregraficoinclinacao' />
 	</div>
 	<br>
 	<p class='paragrafo'>{{{tamanhoSombra}}}:</p>
-	<div class='i3geoForm i3geoFormIconeEdita'>
-		<input type='text' value='5' id='i3GEOinseregraficosombra' />
+	<div class='i3geoForm i3geoFormIconeNumero'>
+		<input type='number' value='5' id='i3GEOinseregraficosombra' />
 	</div>
 </div>
\ No newline at end of file
diff --git a/ferramentas/inserexy2/template_mst.html b/ferramentas/inserexy2/template_mst.html
index 861dca0..38d384b 100644
--- a/ferramentas/inserexy2/template_mst.html
+++ b/ferramentas/inserexy2/template_mst.html
@@ -100,8 +100,8 @@
 	</div>
 	<br> <br>
 	<p class='paragrafo'>{{{distancia}}}:</p>
-	<div class='i3geoForm i3geoFormIconeDistancia'>
-		<input id='i3GEOinserexydistdd' title='km' type='text' value='0.0' />
+	<div class='i3geoForm i3geoFormIconeNumero'>
+		<input id='i3GEOinserexydistdd' title='km' type='number' value='0.0' />
 	</div>
 	<div id='opcdd' style='top: 15px; left: 0px'>
 		<p class='paragrafo'>
diff --git a/ferramentas/opcoes_label/index.js b/ferramentas/opcoes_label/index.js
index 6ed8b51..5789ee7 100644
--- a/ferramentas/opcoes_label/index.js
+++ b/ferramentas/opcoes_label/index.js
@@ -106,14 +106,14 @@ i3GEOF.proplabel = {
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('tamanho',i3GEOF.proplabel.dicionario)+':</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="8" id="i3GEOproplabeltamanho_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="8" id="i3GEOproplabeltamanho_i" />' +
 		'</div>';
 
 		if(conector === true){
 			ins += '<br><p class="paragrafo">'+$trad('larguraConector',i3GEOF.proplabel.dicionario)+':</p>' +
-			'<div class="i3geoForm i3geoFormIconeEdita" >' +
-			'<input type="text" value="2" id="i3GEOproplabeltamanho_c" />' +
+			'<div class="i3geoForm i3geoFormIconeNumero" >' +
+			'<input type="number" value="2" id="i3GEOproplabeltamanho_c" />' +
 			'</div>' +
 			'<br><p class="paragrafo">'+$trad('corConector',i3GEOF.proplabel.dicionario)+':</p>' +
 			'<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
@@ -121,18 +121,18 @@ i3GEOF.proplabel = {
 			'</div>';
 		}
 		ins += '<br><p class="paragrafo">'+$trad('angulo',i3GEOF.proplabel.dicionario)+':</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="0" id="i3GEOproplabelangulo_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="0" id="i3GEOproplabelangulo_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' X:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="0" id="i3GEOproplabeloffsetx_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="0" id="i3GEOproplabeloffsetx_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' Y:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="0" id="i3GEOproplabeloffsety_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="0" id="i3GEOproplabeloffsety_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('corTexto',i3GEOF.proplabel.dicionario)+':</p>' +
@@ -146,7 +146,7 @@ i3GEOF.proplabel = {
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('posicionamento',i3GEOF.proplabel.dicionario)+':</p>' +
-		'<div class="styled-select" style="width:100px;">' +
+		'<div class="styled-select" >' +
 		'	<select id=i3GEOproplabelposition_i >' +
 		'		<option value="MS_AUTO" >'+$trad('automatico',i3GEOF.proplabel.dicionario)+'</option>' +
 		'		<option value="MS_UL" >'+$trad('superiorEsquerdo',i3GEOF.proplabel.dicionario)+'</option>' +
@@ -172,13 +172,13 @@ i3GEOF.proplabel = {
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="1" id="i3GEOproplabelsombrax_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="1" id="i3GEOproplabelsombrax_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="1" id="i3GEOproplabelsombray_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="1" id="i3GEOproplabelsombray_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('corTextoFundo',i3GEOF.proplabel.dicionario)+':</p>' +
@@ -187,13 +187,13 @@ i3GEOF.proplabel = {
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="1" id="i3GEOproplabelfrentex_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="1" id="i3GEOproplabelfrentex_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
-		'<div class="i3geoForm i3geoFormIconeEdita" >' +
-		'<input type="text" value="1" id="i3GEOproplabelfrentey_i" />' +
+		'<div class="i3geoForm i3geoFormIconeNumero" >' +
+		'<input type="number" value="1" id="i3GEOproplabelfrentey_i" />' +
 		'</div>' +
 
 		'<br><p class="paragrafo">'+$trad('forcaColisaoTexto',i3GEOF.proplabel.dicionario)+':</p>' +
diff --git a/ferramentas/recline/default.php b/ferramentas/recline/default.php
index 085ac48..8582fc2 100755
--- a/ferramentas/recline/default.php
+++ b/ferramentas/recline/default.php
@@ -155,7 +155,7 @@ if(@ms_newMapObj($f)){
 	<br>
 	<br>
 	<div class="container-fluid" style="height: 100%">
-		<style type="text/css">
+<style>
 .recline-slickgrid {
 	height: 300px;
 }
@@ -233,7 +233,7 @@ var createMultiView = function(dataset, state) {
             enabledAddRow: true,
             // Enable support for row delete
             enabledDelRow: true,
-            // Enable support for row ReOrder 
+            // Enable support for row ReOrder
             enableReOrderRow:true,
             autoEdit: false,
             enableCellNavigation: true
diff --git a/ferramentas/recline/tabela.php b/ferramentas/recline/tabela.php
new file mode 100755
index 0000000..3addaa0
--- /dev/null
+++ b/ferramentas/recline/tabela.php
@@ -0,0 +1,195 @@
+<?php
+//
+//Abre o Recline com base em um servico enviado pela URL
+//utilize &url= para indicar a url do servico que retorna os dados no padrao gdocs
+//
+
+//pega a extensao geografica da camada
+include("../../ms_configura.php");
+include("../../classesphp/pega_variaveis.php");
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<title>Recline.js Multiview</title>
+<link rel="stylesheet" type="text/css" href="../../admin/html/admin.css">
+<!-- you do not have to use bootstrap but we use it by default -->
+
+<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/bootstrap/3.2.0/css/bootstrap.css">
+<!-- vendor css -->
+<link href="../../pacotes/knightlab/recline/vendor/leaflet/0.7.3/leaflet.css" rel="stylesheet">
+<link href="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/MarkerCluster.css" rel="stylesheet">
+<link href="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/MarkerCluster.Default.css" rel="stylesheet">
+<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.grid.css">
+<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/timeline/css/timeline.css">
+
+<!-- recline css -->
+<link href="../../pacotes/knightlab/recline/css/map.css" rel="stylesheet">
+<link href="../../pacotes/knightlab/recline/css/multiview.css" rel="stylesheet">
+<link href="../../pacotes/knightlab/recline/css/slickgrid.css" rel="stylesheet">
+<link href="../../pacotes/knightlab/recline/css/flot.css" rel="stylesheet">
+<link rel="stylesheet" href="../../pacotes/knightlab/recline/css/timeline.css">
+
+<!-- Vendor JS - general dependencies -->
+<script src="../../pacotes/knightlab/recline/vendor/jquery/1.7.1/jquery.js" type="text/javascript"></script>
+<script src="../../pacotes/knightlab/recline/vendor/underscore/1.4.4/underscore.js" type="text/javascript"></script>
+<!--<script src="vendor/underscore.deferred/0.4.0/underscore.deferred.js" type="text/javascript"></script>-->
+<script src="../../pacotes/knightlab/recline/vendor/backbone/1.0.0/backbone.js" type="text/javascript"></script>
+<script src="../../pacotes/knightlab/recline/vendor/mustache/0.5.0-dev/mustache.js" type="text/javascript"></script>
+<script src="../../pacotes/knightlab/recline/vendor/bootstrap/3.2.0/js/bootstrap.js" type="text/javascript"></script>
+
+<!-- Vendor JS - view dependencies -->
+<script src="../../pacotes/knightlab/recline/vendor/leaflet/0.7.3/leaflet.js" type="text/javascript"></script>
+<script src="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/leaflet.markercluster.js" type="text/javascript"></script>
+<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/flot/jquery.flot.js"></script>
+<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/flot/jquery.flot.time.js"></script>
+<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/moment/2.0.0/moment.js"></script>
+<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/timeline/js/timeline.js"></script>
+
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery-ui-1.8.16.custom.min.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery.event.drag-2.2.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery.event.drop-2.2.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.core.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.formatters.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.editors.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.grid.js"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/plugins/slick.rowselectionmodel.js" type="text/javascript"></script>
+<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/plugins/slick.rowmovemanager.js" type="text/javascript"></script>
+
+<!-- Recline JS (combined distribution, all views) -->
+<script src="../../pacotes/knightlab/recline/dist/recline.js" type="text/javascript"></script>
+</head>
+<body class=" yui-skin-sam">
+	<div class="borda">
+		<div style="text-align: center">
+			<a href="http://www.softwarepublico.gov.br" target="_blank" style="color: white;">
+				<b>ReclineJS</b>
+			</a>
+		</div>
+	</div>
+	<div id=i3geoSelTemaAtivo style="height: 15em; z-index: 3000; display: none" class=" yui-skin-sam"></div>
+	<br>
+	<br>
+	<div class="container-fluid" style="height: 100%">
+<style>
+.recline-slickgrid {
+	height: 300px;
+}
+</style>
+		<div class="row">
+			<div class="col-sm-8">
+				<div class="data-explorer-here"></div>
+				<div style="clear: both;"></div>
+			</div>
+		</div>
+
+		<script>
+//define como variavel global
+var dadosJ;
+returnData = function(dataFromJsonp){
+	dadosJ = dataFromJsonp;
+	jQuery(function($) {
+		  window.multiView = null;
+		  window.explorerDiv = $('.data-explorer-here');
+
+		  // create the demo dataset
+		  var dataset = createDataset(dadosJ);
+		  // now create the multiview
+		  // this is rather more elaborate than the minimum as we configure the
+		  // MultiView in various ways (see function below)
+		  window.multiview = createMultiView(dataset);
+
+		  // last, we'll demonstrate binding to changes in the dataset
+		  // this will print out a summary of each change onto the page in the
+		  // changelog section
+		  dataset.records.bind('all', function(name, obj) {
+		    var $info = $('<div />');
+		    $info.html(name + ': ' + JSON.stringify(obj.toJSON()));
+		    $('.changelog').append($info);
+		    $('.changelog').show();
+		  });
+		});
+};
+
+// create standard demo dataset
+function createDataset(data) {
+  var dataset = new recline.Model.Dataset(data);
+  return dataset;
+}
+
+// make MultivView
+//
+// creation / initialization in a function so we can call it again and again
+var createMultiView = function(dataset, state) {
+  // remove existing multiview if present
+  var reload = false;
+  if (window.multiView) {
+    window.multiView.remove();
+    window.multiView = null;
+    reload = true;
+  }
+
+  var $el = $('<div />');
+  $el.appendTo(window.explorerDiv);
+
+  // customize the subviews for the MultiView
+  var views = [
+    {
+      id: 'grid',
+      label: 'Tabela',
+      view: new recline.View.SlickGrid({
+        model: dataset,
+        state: {
+          gridOptions: {
+            editable: true,
+            // Enable support for row add
+            enabledAddRow: true,
+            // Enable support for row delete
+            enabledDelRow: true,
+            // Enable support for row ReOrder
+            enableReOrderRow:true,
+            autoEdit: false,
+            enableCellNavigation: true
+          },
+          columnsEditor: [
+            { column: 'date', editor: Slick.Editors.Date },
+            { column: 'sometext', editor: Slick.Editors.Text }
+          ]
+        }
+      })
+    },
+    {
+      id: 'graph',
+      label: 'Grafico',
+      view: new recline.View.Graph({
+        model: dataset
+
+      })
+    },
+    {
+      id: 'map',
+      label: 'Mapa (baseado na tabela)',
+      view: new recline.View.Map({
+        model: dataset
+      })
+    }
+  ];
+
+  var multiView = new recline.View.MultiView({
+    model: dataset,
+    el: $el,
+    state: state,
+    views: views
+  });
+  return multiView;
+}
+</script>
+		<?php
+		//inclui os dados via jsonp
+		$url = str_replace("urljson=","",$_SERVER["QUERY_STRING"]);
+		echo "<script src=".$url."&jsonp=returnData"." ></script>";
+		?>
+	</div>
+</body>
+</html>
diff --git a/ferramentas/selecao/index.js b/ferramentas/selecao/index.js
index 019ba62..875b1da 100644
--- a/ferramentas/selecao/index.js
+++ b/ferramentas/selecao/index.js
@@ -192,7 +192,7 @@ i3GEOF.selecao =
 					+ '	<br><p class=paragrafo >'
 					+ $trad('distanciaSelecao', i3GEOF.selecao.dicionario)
 					+ '	<div class="i3geoForm i3geoFormIconeDistancia">'
-					+ '		<input type=text id=i3GEOselecaotoleranciapt value=0 /></div>'
+					+ '		<input type=number id=i3GEOselecaotoleranciapt value=0 /></div>'
 					+ '		<br><p class=paragrafo ><input id=i3GEOFSelecaoQuery type=button value="'
 					+ $trad("p8")
 					+ '" /></p>'
--
libgit2 0.21.2