Download as
Browse Code »

Commit 13105be8ee200db39746943d2dde94fa57a7e774

Authored by Edmar Moretti
1 parent 801547cb
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

--no commit message

Showing 8 changed files with 239 additions and 33 deletions   Show diff stats
css/input.css
  Diff comments   View file @13105be
1 1 input{
2 2 font-family: Verdana, Arial, Helvetica, sans-serif;
3 3 }
4   -input[type=text], textarea{
  4 +input[type=text], textarea, input[type=number],{
5 5 -webkit-user-select: text;
6 6 -khtml-user-select: text;
7 7 -moz-user-select: text;
... ... @@ -20,6 +20,17 @@ input[type=text] {
20 20 height: 22px;
21 21 }
22 22  
  23 +input[type=number] {
  24 + font-size: 12px;
  25 + color: #2F4632;
  26 + background-color: #FFFFFF;
  27 + padding: 0;
  28 + border: 1px solid rgb(180, 180, 180);
  29 + text-align: center;
  30 + cursor: text;
  31 + height: 26px;
  32 +}
  33 +
23 34 input[type=checkbox] {
24 35 border: 0px solid white;
25 36 }
... ...
ferramentas/identifica/template_mst.html
  Diff comments   View file @13105be
... ... @@ -37,8 +37,8 @@
37 37 <div class='guiaobj' id='{{{idjanelaA}}}i3GEOidentificaguia2obj' style='left: 1px'></div>
38 38 <div class='guiaobj' id='{{{idjanelaA}}}i3GEOidentificaguia3obj' style='left: 1px; top: 10px; display: none; font-size: 12px; overflow: hidden'>
39 39 {{{resolucaoBusca}}}:<br> <br>
40   - <div class='i3geoForm i3geoFormIconeEdita'>
41   - <input type='text' value='10' id='{{{idjanelaA}}}i3GEOidentificaresolucao' />
  40 + <div class='i3geoForm i3geoFormIconeNumero'>
  41 + <input type='number' value='10' id='{{{idjanelaA}}}i3GEOidentificaresolucao' />
42 42 </div>
43 43 <br> <br>
44 44 </div>
... ...
ferramentas/inseregrafico/template_mst.html
  Diff comments   View file @13105be
... ... @@ -31,17 +31,17 @@
31 31 <div class='guiaobj' id='i3GEOinseregraficoguia2obj'
32 32 style='left: 1px; display: none;'>
33 33 <p class='paragrafo'>Tamanho do c&iacute;rculo:</p>
34   - <div class='i3geoForm i3geoFormIconeEdita'>
35   - <input type='text' value='50' id='i3GEOinseregraficow' />
  34 + <div class='i3geoForm i3geoFormIconeNumero'>
  35 + <input type='number' value='50' id='i3GEOinseregraficow' />
36 36 </div>
37 37 <br>
38 38 <p class='paragrafo'>{{{inclinacaoCirculo}}}:</p>
39   - <div class='i3geoForm i3geoFormIconeEdita'>
40   - <input type='text' value='1.5' id='i3GEOinseregraficoinclinacao' />
  39 + <div class='i3geoForm i3geoFormIconeNumero'>
  40 + <input type='number' value='1.5' id='i3GEOinseregraficoinclinacao' />
41 41 </div>
42 42 <br>
43 43 <p class='paragrafo'>{{{tamanhoSombra}}}:</p>
44   - <div class='i3geoForm i3geoFormIconeEdita'>
45   - <input type='text' value='5' id='i3GEOinseregraficosombra' />
  44 + <div class='i3geoForm i3geoFormIconeNumero'>
  45 + <input type='number' value='5' id='i3GEOinseregraficosombra' />
46 46 </div>
47 47 </div>
48 48 \ No newline at end of file
... ...
ferramentas/inserexy2/template_mst.html
  Diff comments   View file @13105be
... ... @@ -100,8 +100,8 @@
100 100 </div>
101 101 <br> <br>
102 102 <p class='paragrafo'>{{{distancia}}}:</p>
103   - <div class='i3geoForm i3geoFormIconeDistancia'>
104   - <input id='i3GEOinserexydistdd' title='km' type='text' value='0.0' />
  103 + <div class='i3geoForm i3geoFormIconeNumero'>
  104 + <input id='i3GEOinserexydistdd' title='km' type='number' value='0.0' />
105 105 </div>
106 106 <div id='opcdd' style='top: 15px; left: 0px'>
107 107 <p class='paragrafo'>
... ...
ferramentas/opcoes_label/index.js
  Diff comments   View file @13105be
... ... @@ -106,14 +106,14 @@ i3GEOF.proplabel = {
106 106 '</div>' +
107 107  
108 108 '<br><p class="paragrafo">'+$trad('tamanho',i3GEOF.proplabel.dicionario)+':</p>' +
109   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
110   - '<input type="text" value="8" id="i3GEOproplabeltamanho_i" />' +
  109 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  110 + '<input type="number" value="8" id="i3GEOproplabeltamanho_i" />' +
111 111 '</div>';
112 112  
113 113 if(conector === true){
114 114 ins += '<br><p class="paragrafo">'+$trad('larguraConector',i3GEOF.proplabel.dicionario)+':</p>' +
115   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
116   - '<input type="text" value="2" id="i3GEOproplabeltamanho_c" />' +
  115 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  116 + '<input type="number" value="2" id="i3GEOproplabeltamanho_c" />' +
117 117 '</div>' +
118 118 '<br><p class="paragrafo">'+$trad('corConector',i3GEOF.proplabel.dicionario)+':</p>' +
119 119 '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
... ... @@ -121,18 +121,18 @@ i3GEOF.proplabel = {
121 121 '</div>';
122 122 }
123 123 ins += '<br><p class="paragrafo">'+$trad('angulo',i3GEOF.proplabel.dicionario)+':</p>' +
124   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
125   - '<input type="text" value="0" id="i3GEOproplabelangulo_i" />' +
  124 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  125 + '<input type="number" value="0" id="i3GEOproplabelangulo_i" />' +
126 126 '</div>' +
127 127  
128 128 '<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' X:</p>' +
129   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
130   - '<input type="text" value="0" id="i3GEOproplabeloffsetx_i" />' +
  129 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  130 + '<input type="number" value="0" id="i3GEOproplabeloffsetx_i" />' +
131 131 '</div>' +
132 132  
133 133 '<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' Y:</p>' +
134   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
135   - '<input type="text" value="0" id="i3GEOproplabeloffsety_i" />' +
  134 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  135 + '<input type="number" value="0" id="i3GEOproplabeloffsety_i" />' +
136 136 '</div>' +
137 137  
138 138 '<br><p class="paragrafo">'+$trad('corTexto',i3GEOF.proplabel.dicionario)+':</p>' +
... ... @@ -146,7 +146,7 @@ i3GEOF.proplabel = {
146 146 '</div>' +
147 147  
148 148 '<br><p class="paragrafo">'+$trad('posicionamento',i3GEOF.proplabel.dicionario)+':</p>' +
149   - '<div class="styled-select" style="width:100px;">' +
  149 + '<div class="styled-select" >' +
150 150 ' <select id=i3GEOproplabelposition_i >' +
151 151 ' <option value="MS_AUTO" >'+$trad('automatico',i3GEOF.proplabel.dicionario)+'</option>' +
152 152 ' <option value="MS_UL" >'+$trad('superiorEsquerdo',i3GEOF.proplabel.dicionario)+'</option>' +
... ... @@ -172,13 +172,13 @@ i3GEOF.proplabel = {
172 172 '</div>' +
173 173  
174 174 '<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
175   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
176   - '<input type="text" value="1" id="i3GEOproplabelsombrax_i" />' +
  175 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  176 + '<input type="number" value="1" id="i3GEOproplabelsombrax_i" />' +
177 177 '</div>' +
178 178  
179 179 '<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
180   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
181   - '<input type="text" value="1" id="i3GEOproplabelsombray_i" />' +
  180 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  181 + '<input type="number" value="1" id="i3GEOproplabelsombray_i" />' +
182 182 '</div>' +
183 183  
184 184 '<br><p class="paragrafo">'+$trad('corTextoFundo',i3GEOF.proplabel.dicionario)+':</p>' +
... ... @@ -187,13 +187,13 @@ i3GEOF.proplabel = {
187 187 '</div>' +
188 188  
189 189 '<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
190   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
191   - '<input type="text" value="1" id="i3GEOproplabelfrentex_i" />' +
  190 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  191 + '<input type="number" value="1" id="i3GEOproplabelfrentex_i" />' +
192 192 '</div>' +
193 193  
194 194 '<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
195   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
196   - '<input type="text" value="1" id="i3GEOproplabelfrentey_i" />' +
  195 + '<div class="i3geoForm i3geoFormIconeNumero" >' +
  196 + '<input type="number" value="1" id="i3GEOproplabelfrentey_i" />' +
197 197 '</div>' +
198 198  
199 199 '<br><p class="paragrafo">'+$trad('forcaColisaoTexto',i3GEOF.proplabel.dicionario)+':</p>' +
... ...
ferramentas/recline/default.php
  Diff comments   View file @13105be
... ... @@ -155,7 +155,7 @@ if(@ms_newMapObj($f)){
155 155 <br>
156 156 <br>
157 157 <div class="container-fluid" style="height: 100%">
158   - <style type="text/css">
  158 +<style>
159 159 .recline-slickgrid {
160 160 height: 300px;
161 161 }
... ... @@ -233,7 +233,7 @@ var createMultiView = function(dataset, state) {
233 233 enabledAddRow: true,
234 234 // Enable support for row delete
235 235 enabledDelRow: true,
236   - // Enable support for row ReOrder
  236 + // Enable support for row ReOrder
237 237 enableReOrderRow:true,
238 238 autoEdit: false,
239 239 enableCellNavigation: true
... ...
ferramentas/recline/tabela.php 0 → 100755
  Diff comments   View file @13105be
... ... @@ -0,0 +1,195 @@
  1 +<?php
  2 +//
  3 +//Abre o Recline com base em um servico enviado pela URL
  4 +//utilize &url= para indicar a url do servico que retorna os dados no padrao gdocs
  5 +//
  6 +
  7 +//pega a extensao geografica da camada
  8 +include("../../ms_configura.php");
  9 +include("../../classesphp/pega_variaveis.php");
  10 +?>
  11 +<!DOCTYPE html>
  12 +<html lang="en">
  13 +<head>
  14 +<meta charset="utf-8" />
  15 +<title>Recline.js Multiview</title>
  16 +<link rel="stylesheet" type="text/css" href="../../admin/html/admin.css">
  17 +<!-- you do not have to use bootstrap but we use it by default -->
  18 +
  19 +<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/bootstrap/3.2.0/css/bootstrap.css">
  20 +<!-- vendor css -->
  21 +<link href="../../pacotes/knightlab/recline/vendor/leaflet/0.7.3/leaflet.css" rel="stylesheet">
  22 +<link href="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/MarkerCluster.css" rel="stylesheet">
  23 +<link href="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/MarkerCluster.Default.css" rel="stylesheet">
  24 +<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.grid.css">
  25 +<link rel="stylesheet" href="../../pacotes/knightlab/recline/vendor/timeline/css/timeline.css">
  26 +
  27 +<!-- recline css -->
  28 +<link href="../../pacotes/knightlab/recline/css/map.css" rel="stylesheet">
  29 +<link href="../../pacotes/knightlab/recline/css/multiview.css" rel="stylesheet">
  30 +<link href="../../pacotes/knightlab/recline/css/slickgrid.css" rel="stylesheet">
  31 +<link href="../../pacotes/knightlab/recline/css/flot.css" rel="stylesheet">
  32 +<link rel="stylesheet" href="../../pacotes/knightlab/recline/css/timeline.css">
  33 +
  34 +<!-- Vendor JS - general dependencies -->
  35 +<script src="../../pacotes/knightlab/recline/vendor/jquery/1.7.1/jquery.js" type="text/javascript"></script>
  36 +<script src="../../pacotes/knightlab/recline/vendor/underscore/1.4.4/underscore.js" type="text/javascript"></script>
  37 +<!--<script src="vendor/underscore.deferred/0.4.0/underscore.deferred.js" type="text/javascript"></script>-->
  38 +<script src="../../pacotes/knightlab/recline/vendor/backbone/1.0.0/backbone.js" type="text/javascript"></script>
  39 +<script src="../../pacotes/knightlab/recline/vendor/mustache/0.5.0-dev/mustache.js" type="text/javascript"></script>
  40 +<script src="../../pacotes/knightlab/recline/vendor/bootstrap/3.2.0/js/bootstrap.js" type="text/javascript"></script>
  41 +
  42 +<!-- Vendor JS - view dependencies -->
  43 +<script src="../../pacotes/knightlab/recline/vendor/leaflet/0.7.3/leaflet.js" type="text/javascript"></script>
  44 +<script src="../../pacotes/knightlab/recline/vendor/leaflet.markercluster/leaflet.markercluster.js" type="text/javascript"></script>
  45 +<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/flot/jquery.flot.js"></script>
  46 +<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/flot/jquery.flot.time.js"></script>
  47 +<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/moment/2.0.0/moment.js"></script>
  48 +<script type="text/javascript" src="../../pacotes/knightlab/recline/vendor/timeline/js/timeline.js"></script>
  49 +
  50 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery-ui-1.8.16.custom.min.js"></script>
  51 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery.event.drag-2.2.js"></script>
  52 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/jquery.event.drop-2.2.js"></script>
  53 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.core.js"></script>
  54 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.formatters.js"></script>
  55 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.editors.js"></script>
  56 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/slick.grid.js"></script>
  57 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/plugins/slick.rowselectionmodel.js" type="text/javascript"></script>
  58 +<script src="../../pacotes/knightlab/recline/vendor/slickgrid/2.2/plugins/slick.rowmovemanager.js" type="text/javascript"></script>
  59 +
  60 +<!-- Recline JS (combined distribution, all views) -->
  61 +<script src="../../pacotes/knightlab/recline/dist/recline.js" type="text/javascript"></script>
  62 +</head>
  63 +<body class=" yui-skin-sam">
  64 + <div class="borda">
  65 + <div style="text-align: center">
  66 + <a href="http://www.softwarepublico.gov.br" target="_blank" style="color: white;">
  67 + <b>ReclineJS</b>
  68 + </a>
  69 + </div>
  70 + </div>
  71 + <div id=i3geoSelTemaAtivo style="height: 15em; z-index: 3000; display: none" class=" yui-skin-sam"></div>
  72 + <br>
  73 + <br>
  74 + <div class="container-fluid" style="height: 100%">
  75 +<style>
  76 +.recline-slickgrid {
  77 + height: 300px;
  78 +}
  79 +</style>
  80 + <div class="row">
  81 + <div class="col-sm-8">
  82 + <div class="data-explorer-here"></div>
  83 + <div style="clear: both;"></div>
  84 + </div>
  85 + </div>
  86 +
  87 + <script>
  88 +//define como variavel global
  89 +var dadosJ;
  90 +returnData = function(dataFromJsonp){
  91 + dadosJ = dataFromJsonp;
  92 + jQuery(function($) {
  93 + window.multiView = null;
  94 + window.explorerDiv = $('.data-explorer-here');
  95 +
  96 + // create the demo dataset
  97 + var dataset = createDataset(dadosJ);
  98 + // now create the multiview
  99 + // this is rather more elaborate than the minimum as we configure the
  100 + // MultiView in various ways (see function below)
  101 + window.multiview = createMultiView(dataset);
  102 +
  103 + // last, we'll demonstrate binding to changes in the dataset
  104 + // this will print out a summary of each change onto the page in the
  105 + // changelog section
  106 + dataset.records.bind('all', function(name, obj) {
  107 + var $info = $('<div />');
  108 + $info.html(name + ': ' + JSON.stringify(obj.toJSON()));
  109 + $('.changelog').append($info);
  110 + $('.changelog').show();
  111 + });
  112 + });
  113 +};
  114 +
  115 +// create standard demo dataset
  116 +function createDataset(data) {
  117 + var dataset = new recline.Model.Dataset(data);
  118 + return dataset;
  119 +}
  120 +
  121 +// make MultivView
  122 +//
  123 +// creation / initialization in a function so we can call it again and again
  124 +var createMultiView = function(dataset, state) {
  125 + // remove existing multiview if present
  126 + var reload = false;
  127 + if (window.multiView) {
  128 + window.multiView.remove();
  129 + window.multiView = null;
  130 + reload = true;
  131 + }
  132 +
  133 + var $el = $('<div />');
  134 + $el.appendTo(window.explorerDiv);
  135 +
  136 + // customize the subviews for the MultiView
  137 + var views = [
  138 + {
  139 + id: 'grid',
  140 + label: 'Tabela',
  141 + view: new recline.View.SlickGrid({
  142 + model: dataset,
  143 + state: {
  144 + gridOptions: {
  145 + editable: true,
  146 + // Enable support for row add
  147 + enabledAddRow: true,
  148 + // Enable support for row delete
  149 + enabledDelRow: true,
  150 + // Enable support for row ReOrder
  151 + enableReOrderRow:true,
  152 + autoEdit: false,
  153 + enableCellNavigation: true
  154 + },
  155 + columnsEditor: [
  156 + { column: 'date', editor: Slick.Editors.Date },
  157 + { column: 'sometext', editor: Slick.Editors.Text }
  158 + ]
  159 + }
  160 + })
  161 + },
  162 + {
  163 + id: 'graph',
  164 + label: 'Grafico',
  165 + view: new recline.View.Graph({
  166 + model: dataset
  167 +
  168 + })
  169 + },
  170 + {
  171 + id: 'map',
  172 + label: 'Mapa (baseado na tabela)',
  173 + view: new recline.View.Map({
  174 + model: dataset
  175 + })
  176 + }
  177 + ];
  178 +
  179 + var multiView = new recline.View.MultiView({
  180 + model: dataset,
  181 + el: $el,
  182 + state: state,
  183 + views: views
  184 + });
  185 + return multiView;
  186 +}
  187 +</script>
  188 + <?php
  189 + //inclui os dados via jsonp
  190 + $url = str_replace("urljson=","",$_SERVER["QUERY_STRING"]);
  191 + echo "<script src=".$url."&jsonp=returnData"." ></script>";
  192 + ?>
  193 + </div>
  194 +</body>
  195 +</html>
... ...
ferramentas/selecao/index.js
  Diff comments   View file @13105be
... ... @@ -192,7 +192,7 @@ i3GEOF.selecao =
192 192 + ' <br><p class=paragrafo >'
193 193 + $trad('distanciaSelecao', i3GEOF.selecao.dicionario)
194 194 + ' <div class="i3geoForm i3geoFormIconeDistancia">'
195   - + ' <input type=text id=i3GEOselecaotoleranciapt value=0 /></div>'
  195 + + ' <input type=number id=i3GEOselecaotoleranciapt value=0 /></div>'
196 196 + ' <br><p class=paragrafo ><input id=i3GEOFSelecaoQuery type=button value="'
197 197 + $trad("p8")
198 198 + '" /></p>'
... ...