Commit e5c849817e56fe30f376b35206c75f1baa10e281

Authored by Edmar Moretti
1 parent 2a4a719f

Conversão da ferramenta de opções para labels para bootstrap

ferramentas/inseretxt/index.js
... ... @@ -144,8 +144,8 @@ i3GEOF.inseretxt = {
144 144 $i("i3GEOinseretxtguia3").onclick = function(){
145 145 //i3GEO.guias.mostraGuiaFerramenta("i3GEOinseretxtguia3","i3GEOinseretxtguia");
146 146 i3GEO.util.scriptTag(
147   - i3GEO.configura.locaplic+"/ferramentas/opcoes_label/index.js",
148   - "i3GEOF.proplabel.criaJanelaFlutuante(true)",
  147 + i3GEO.configura.locaplic+"/ferramentas/opcoes_label/dependencias.php",
  148 + "i3GEOF.proplabel.iniciaJanelaFlutuante(true)",
149 149 "i3GEOFproplabel",
150 150 false
151 151 );
... ...
ferramentas/legenda/index.js
... ... @@ -230,8 +230,8 @@ i3GEOF.legenda =
230 230 },
231 231 propriedadesLabels: function() {
232 232 i3GEO.util.scriptTag(
233   - i3GEO.configura.locaplic + "/ferramentas/opcoes_label/index.js",
234   - "i3GEOF.proplabel.criaJanelaFlutuante(false)",
  233 + i3GEO.configura.locaplic + "/ferramentas/opcoes_label/dependencias.php",
  234 + "i3GEOF.proplabel.iniciaJanelaFlutuante(false)",
235 235 "i3GEOFproplabel",
236 236 false);
237 237 },
... ...
ferramentas/opcoes_label/dependencias.php 0 → 100755
... ... @@ -0,0 +1,24 @@
  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.inseretxt.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 +if(extension_loaded('zlib')){
  22 + ob_end_flush();
  23 +}
  24 +?>
0 25 \ No newline at end of file
... ...
ferramentas/opcoes_label/index.js
... ... @@ -43,6 +43,20 @@ i3GEOF.proplabel = {
43 43 Estilo do objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela.
44 44 */
45 45 aguarde: "",
  46 + /**
  47 + * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
  48 + */
  49 + MUSTACHE : "",
  50 + /**
  51 + * Susbtitutos para o template
  52 + */
  53 + mustacheHash : function() {
  54 + var dicionario = i3GEO.idioma.objetoIdioma(i3GEOF.proplabel.dicionario);
  55 + dicionario["locaplic"] = i3GEO.configura.locaplic;
  56 + dicionario["x15"] = $trad("x15");
  57 + dicionario["x14"] = $trad("x14");
  58 + return dicionario;
  59 + },
46 60 /*
47 61 Para efeitos de compatibilidade antes da vers&atilde;o 4.7 que n&atilde;o tinha dicion&aacute;rio
48 62 */
... ... @@ -50,28 +64,6 @@ i3GEOF.proplabel = {
50 64 i3GEOF.proplabel.iniciaDicionario(conector);
51 65 },
52 66 /*
53   - Function: iniciaDicionario
54   -
55   - Carrega o dicion&aacute;rio e chama a fun&ccedil;&atilde;o que inicia a ferramenta
56   -
57   - O Javascript &eacute; carregado com o id i3GEOF.nomedaferramenta.dicionario_script
58   - */
59   - iniciaDicionario: function(conector){
60   - if(typeof(i3GEOF.proplabel.dicionario) === 'undefined'){
61   - var temp = function(){
62   - i3GEOF.proplabel.iniciaJanelaFlutuante(conector);
63   - };
64   - i3GEO.util.scriptTag(
65   - i3GEO.configura.locaplic+"/ferramentas/opcoes_label/dicionario.js",
66   - temp,
67   - "i3GEOF.proplabel.dicionario_script"
68   - );
69   - }
70   - else{
71   - i3GEOF.proplabel.iniciaJanelaFlutuante(conector);
72   - }
73   - },
74   - /*
75 67 Function: inicia
76 68  
77 69 Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante
... ... @@ -81,9 +73,16 @@ i3GEOF.proplabel = {
81 73 iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta
82 74 */
83 75 inicia: function(iddiv,conector){
  76 + if(i3GEOF.proplabel.MUSTACHE == ""){
  77 + $.get(i3GEO.configura.locaplic + "/ferramentas/opcoes_label/template_mst.html", function(template) {
  78 + i3GEOF.proplabel.MUSTACHE = template;
  79 + i3GEOF.proplabel.inicia(iddiv,conector);
  80 + });
  81 + return;
  82 + }
84 83 $i(iddiv).innerHTML += i3GEOF.proplabel.html(conector);
85 84 i3GEO.util.aplicaAquarela("i3GEOF.proplabel_corpo");
86   - i3GEO.util.comboFontes("i3GEOproplabelListaFonte","i3GEOproplabelDivListaFonte");
  85 + i3GEO.util.comboFontes("i3GEOproplabelListaFonte","i3GEOproplabelDivListaFonte","form-control");
87 86 },
88 87 /*
89 88 Function: html
... ... @@ -99,133 +98,7 @@ i3GEOF.proplabel = {
99 98 String com o c&oacute;digo html
100 99 */
101 100 html:function(conector){
102   - var ins = '<div style="padding-left:5px;">' +
103   - '<p class="paragrafo">' + $trad('fonte',i3GEOF.proplabel.dicionario) + ":</p>" +
104   - '<div class="styled-select" id="i3GEOproplabelDivListaFonte">' +
105   - $trad('msgAguarde',i3GEOF.proplabel.dicionario) +
106   - '</div>' +
107   -
108   - '<br><p class="paragrafo">'+$trad('tamanho',i3GEOF.proplabel.dicionario)+':</p>' +
109   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
110   - '<input type="number" value="8" id="i3GEOproplabeltamanho_i" />' +
111   - '</div>';
112   -
113   - if(conector === true){
114   - ins += '<br><p class="paragrafo">'+$trad('larguraConector',i3GEOF.proplabel.dicionario)+':</p>' +
115   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
116   - '<input type="number" value="2" id="i3GEOproplabeltamanho_c" />' +
117   - '</div>' +
118   - '<br><p class="paragrafo">'+$trad('corConector',i3GEOF.proplabel.dicionario)+':</p>' +
119   - '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
120   - '<input type="text" value="0 0 0" id="i3GEOproplabelfrente_c" />' +
121   - '</div>';
122   - }
123   - ins += '<br><p class="paragrafo">'+$trad('angulo',i3GEOF.proplabel.dicionario)+':</p>' +
124   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
125   - '<input type="number" value="0" id="i3GEOproplabelangulo_i" />' +
126   - '</div>' +
127   -
128   - '<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' X:</p>' +
129   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
130   - '<input type="number" value="0" id="i3GEOproplabeloffsetx_i" />' +
131   - '</div>' +
132   -
133   - '<br><p class="paragrafo">'+$trad('deslocamento',i3GEOF.proplabel.dicionario)+' Y:</p>' +
134   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
135   - '<input type="number" value="0" id="i3GEOproplabeloffsety_i" />' +
136   - '</div>' +
137   -
138   - '<br><p class="paragrafo">'+$trad('corTexto',i3GEOF.proplabel.dicionario)+':</p>' +
139   - '<div class="i3geoForm100 i3geoFormIconeAquarela">' +
140   - '<input type="text" value="0 0 0" id="i3GEOproplabelfrente_i" />' +
141   - '</div>' +
142   -
143   - '<br><p class="paragrafo">'+$trad('corMascara',i3GEOF.proplabel.dicionario)+':</p>' +
144   - '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
145   - '<input type="text" value="" id="i3GEOproplabelmascara_i" />' +
146   - '</div>' +
147   -
148   - '<br><p class="paragrafo">'+$trad('posicionamento',i3GEOF.proplabel.dicionario)+':</p>' +
149   - '<div class="styled-select" >' +
150   - ' <select id=i3GEOproplabelposition_i >' +
151   - ' <option value="MS_AUTO" >'+$trad('automatico',i3GEOF.proplabel.dicionario)+'</option>' +
152   - ' <option value="MS_UL" >'+$trad('superiorEsquerdo',i3GEOF.proplabel.dicionario)+'</option>' +
153   - ' <option value="MS_UC" >'+$trad('superiorCentro',i3GEOF.proplabel.dicionario)+'</option>' +
154   - ' <option value="MS_UR" selected >'+$trad('superiorDireito',i3GEOF.proplabel.dicionario)+'</option>' +
155   - ' <option value="MS_CL" >'+$trad('centroEsquerdo',i3GEOF.proplabel.dicionario)+'</option>' +
156   - ' <option value="MS_CC" >'+$trad('centro',i3GEOF.proplabel.dicionario)+'</option>' +
157   - ' <option value="MS_CR" >'+$trad('centroDireito',i3GEOF.proplabel.dicionario)+'</option>' +
158   - ' <option value="MS_LL" >'+$trad('inferiorEsquerdo',i3GEOF.proplabel.dicionario)+'</option>' +
159   - ' <option value="MS_LC" >'+$trad('inferiorCentro',i3GEOF.proplabel.dicionario)+' inferior centro</option>' +
160   - ' <option value="MS_LR" >'+$trad('inferiorDireito',i3GEOF.proplabel.dicionario)+' inferior direito</option>' +
161   - ' </select>' +
162   - '</div>' +
163   -
164   - '<br><p class="paragrafo">'+$trad('corFundo',i3GEOF.proplabel.dicionario)+':</p>' +
165   - '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
166   - '<input type="text" value="" id="i3GEOproplabelfundoc_i" />' +
167   - '</div>' +
168   -
169   - '<br><p class="paragrafo">'+$trad('corSombraFundo',i3GEOF.proplabel.dicionario)+':</p>' +
170   - '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
171   - '<input type="text" value="" id="i3GEOproplabelsombra_i" />' +
172   - '</div>' +
173   -
174   - '<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
175   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
176   - '<input type="number" value="1" id="i3GEOproplabelsombrax_i" />' +
177   - '</div>' +
178   -
179   - '<br><p class="paragrafo">'+$trad('deslocamentoSombraFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
180   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
181   - '<input type="number" value="1" id="i3GEOproplabelsombray_i" />' +
182   - '</div>' +
183   -
184   - '<br><p class="paragrafo">'+$trad('corTextoFundo',i3GEOF.proplabel.dicionario)+':</p>' +
185   - '<div class="i3geoForm100 i3geoFormIconeAquarela" >' +
186   - '<input type="text" value="" id="i3GEOproplabelfrentes_i" />' +
187   - '</div>' +
188   -
189   - '<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' X:</p>' +
190   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
191   - '<input type="number" value="1" id="i3GEOproplabelfrentex_i" />' +
192   - '</div>' +
193   -
194   - '<br><p class="paragrafo">'+$trad('deslocamentoTextoFundo',i3GEOF.proplabel.dicionario)+' Y:</p>' +
195   - '<div class="i3geoForm i3geoFormIconeNumero" >' +
196   - '<input type="number" value="1" id="i3GEOproplabelfrentey_i" />' +
197   - '</div>' +
198   -
199   - '<br><p class="paragrafo">'+$trad('forcaColisaoTexto',i3GEOF.proplabel.dicionario)+':</p>' +
200   - '<div class="styled-select" >' +
201   - ' <select id=i3GEOproplabelforce_i >' +
202   - ' <option value="0" >'+$trad("x15")+'</option>' +
203   - ' <option value="1" >'+$trad("x14")+'</option>' +
204   - ' </select>' +
205   - '</div>' +
206   -
207   - '<br><p class="paragrafo">'+$trad('distanciaMinimaTextos',i3GEOF.proplabel.dicionario)+':</p>' +
208   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
209   - '<input type="text" value="auto" id="i3GEOproplabelmindistance_i" />' +
210   - '</div>' +
211   -
212   - '<br><p class="paragrafo">'+$trad('tamanhoMinimoElemento',i3GEOF.proplabel.dicionario)+':</p>' +
213   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
214   - '<input type="text" value="auto" id="i3GEOproplabelminfeaturesize_i" />' +
215   - '</div>' +
216   -
217   - '<br><p class="paragrafo">'+$trad('textoUltrapassaMapa',i3GEOF.proplabel.dicionario)+':</p>' +
218   - '<div class="styled-select" >' +
219   - ' <select id=i3GEOproplabelpartials_i >' +
220   - ' <option value="1" >'+$trad("x14")+'</option>' +
221   - ' <option value="0" >'+$trad("x15")+'</option>' +
222   - ' </select>' +
223   - '</div>' +
224   -
225   - '<br><p class="paragrafo">'+$trad('caracterQuebraTexto',i3GEOF.proplabel.dicionario)+':</p>' +
226   - '<div class="i3geoForm i3geoFormIconeEdita" >' +
227   - '<input type="text" value="" id="i3GEOproplabelwrap_i" />' +
228   - '</div></div><br><br>';
  101 + var ins = Mustache.render(i3GEOF.proplabel.MUSTACHE, i3GEOF.proplabel.mustacheHash());
229 102 return ins;
230 103 },
231 104 /*
... ... @@ -243,9 +116,9 @@ i3GEOF.proplabel = {
243 116 i3GEOF.proplabel.ativaFoco();
244 117 };
245 118 minimiza = function(){
246   - i3GEO.janela.minimiza("i3GEOF.proplabel");
  119 + i3GEO.janela.minimiza("i3GEOF.proplabel",200);
247 120 };
248   - titulo = "</div><div class='i3GeoTituloJanelaBs'>" + $trad('propriedadesTexto',i3GEOF.proplabel.dicionario) + "</div>";
  121 + titulo = "<span class='i3GeoTituloJanelaBsNolink' >" + $trad('propriedadesTexto',i3GEOF.proplabel.dicionario) + "</span></div>";
249 122 janela = i3GEO.janela.cria(
250 123 "360px",
251 124 "230px",
... ... @@ -257,7 +130,14 @@ i3GEOF.proplabel = {
257 130 false,
258 131 "hd",
259 132 cabecalho,
260   - minimiza
  133 + minimiza,
  134 + "",
  135 + false,
  136 + "",
  137 + "",
  138 + "",
  139 + "",
  140 + ""
261 141 );
262 142 divid = janela[2].id;
263 143 i3GEOF.proplabel.aguarde = $i("i3GEOF.proplabel_imagemCabecalho").style;
... ...
ferramentas/opcoes_label/template_mst.html 0 → 100755
... ... @@ -0,0 +1,121 @@
  1 +<div class="container-fluid">
  2 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  3 + <label class="control-label" for="">{{{fonte}}}</label>
  4 + <div style="width: 100%;" class="input-group">
  5 + <div id="i3GEOproplabelDivListaFonte"></div>
  6 + </div>
  7 + </div>
  8 + <div class='form-group label-fixed condensed'>
  9 + <label class="control-label" for="i3GEOproplabeltamanho_i">{{{tamanho}}}</label>
  10 + <input class="form-control input-lg" type='text' id='i3GEOproplabeltamanho_i' value='8' />
  11 + </div>
  12 + <div class='form-group label-fixed condensed'>
  13 + <label class="control-label" for="i3GEOproplabeltamanho_c">{{{larguraConector}}}</label>
  14 + <input class="form-control input-lg" type='text' id='i3GEOproplabeltamanho_c' value='2' />
  15 + </div>
  16 + <div class='form-group label-fixed condensed'>
  17 + <label class="control-label" for="i3GEOproplabelfrente_c">{{{corConector}}}</label>
  18 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelfrente_c' value='0 0 0' />
  19 + </div>
  20 + <div class='form-group label-fixed condensed'>
  21 + <label class="control-label" for="i3GEOproplabelangulo_i">{{{angulo}}}</label>
  22 + <input class="form-control input-lg" type='text' id='i3GEOproplabelangulo_i' value='0' />
  23 + </div>
  24 + <div class='form-group label-fixed condensed'>
  25 + <label class="control-label" for="i3GEOproplabeloffsetx_i">{{{deslocamento}}} X</label>
  26 + <input class="form-control input-lg" type='text' id='i3GEOproplabeloffsetx_i' value='' />
  27 + </div>
  28 +
  29 + <div class='form-group label-fixed condensed'>
  30 + <label class="control-label" for="i3GEOproplabeloffsety_i">{{{deslocamento}}} Y</label>
  31 + <input class="form-control input-lg" type='text' id='i3GEOproplabeloffsety_i' value='' />
  32 + </div>
  33 + <div class='form-group label-fixed condensed '>
  34 + <label class="control-label" for="i3GEOproplabelfrente_i">{{{corTexto}}}</label>
  35 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelfrente_i' value='0 0 0' />
  36 + </div>
  37 + <div class='form-group label-fixed condensed'>
  38 + <label class="control-label" for="i3GEOproplabelmascara_i">{{{corMascara}}}</label>
  39 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelmascara_i' value='' />
  40 + </div>
  41 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  42 + <label class="control-label" for="">{{{posicionamento}}}</label>
  43 + <div style="width: 100%;" class="input-group">
  44 + <select class="form-control" id=i3GEOproplabelposition_i>
  45 + <option value="MS_AUTO">{{{automatico}}}</option>
  46 + <option value="MS_UL">{{{superiorEsquerdo}}}</option>
  47 + <option value="MS_UC">{{{superiorCentro}}}</option>
  48 + <option value="MS_UR" selected>{{{superiorDireito}}}</option>
  49 + <option value="MS_CL">{{{centroEsquerdo}}}</option>
  50 + <option value="MS_CC">{{{centro}}}</option>
  51 + <option value="MS_CR">{{{centroDireito}}}</option>
  52 + <option value="MS_LL">{{{inferiorEsquerdo}}}</option>
  53 + <option value="MS_LC">{{{inferiorCentro}}} inferior centro</option>
  54 + <option value="MS_LR">{{{inferiorDireito}}} inferior direito</option>
  55 + </select>
  56 + </div>
  57 + </div>
  58 + <div class='form-group label-fixed condensed'>
  59 + <label class="control-label" for="i3GEOproplabelfundoc_i">{{{corFundo}}}</label>
  60 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelfundoc_i' value='' />
  61 + </div>
  62 + <div class='form-group label-fixed condensed'>
  63 + <label class="control-label" for="i3GEOproplabelsombra_i">{{{corSombraFundo}}}</label>
  64 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelsombra_i' value='' />
  65 + </div>
  66 + <div class='form-group label-fixed condensed'>
  67 + <label class="control-label" for="i3GEOproplabelsombrax_i">{{{deslocamentoSombraFundo}}} X</label>
  68 + <input class="form-control input-lg" type='text' id='i3GEOproplabelsombrax_i' value='1' />
  69 + </div>
  70 + <div class='form-group label-fixed condensed'>
  71 + <label class="control-label" for="i3GEOproplabelsombray_i">{{{deslocamentoSombraFundo}}} Y</label>
  72 + <input class="form-control input-lg" type='text' id='i3GEOproplabelsombray_i' value='1' />
  73 + </div>
  74 + <div class='form-group label-fixed condensed'>
  75 + <label class="control-label" for="i3GEOproplabelfrentes_i">{{{corTextoFundo}}}</label>
  76 + <input class="form-control input-lg i3geoFormIconeAquarela" type='text' id='i3GEOproplabelfrentes_i' value='' />
  77 + </div>
  78 +
  79 + <div class='form-group label-fixed condensed'>
  80 + <label class="control-label" for="i3GEOproplabelfrentex_i">{{{deslocamentoTextoFundo}}} X</label>
  81 + <input class="form-control input-lg" type='text' id='i3GEOproplabelfrentex_i' value='1' />
  82 + </div>
  83 +
  84 + <div class='form-group label-fixed condensed'>
  85 + <label class="control-label" for="i3GEOproplabelfrentey_i">{{{deslocamentoTextoFundo}}} Y</label>
  86 + <input class="form-control input-lg" type='text' id='i3GEOproplabelfrentey_i' value='1' />
  87 + </div>
  88 +
  89 + <div class='form-group label-fixed condensed'>
  90 + <label class="control-label" for="i3GEOproplabelmindistance_i">{{{distanciaMinimaTextos}}}</label>
  91 + <input class="form-control input-lg" type='text' id='i3GEOproplabelmindistance_i' value='auto' />
  92 + </div>
  93 +
  94 + <div class='form-group label-fixed condensed'>
  95 + <label class="control-label" for="i3GEOproplabelminfeaturesize_i">{{{tamanhoMinimoElemento}}}</label>
  96 + <input class="form-control input-lg" type='text' id='i3GEOproplabelminfeaturesize_i' value='auto' />
  97 + </div>
  98 +
  99 + <div class='form-group label-fixed condensed'>
  100 + <label class="control-label" for="i3GEOproplabelwrap_i">{{{caracterQuebraTexto}}}</label>
  101 + <input class="form-control input-lg" type='text' id='i3GEOproplabelwrap_i' value='' />
  102 + </div>
  103 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  104 + <label class="control-label" for="">{{{forcaColisaoTexto}}}</label>
  105 + <div style="width: 100%;" class="input-group">
  106 + <select class="form-control" id=i3GEOproplabelforce_i>
  107 + <option value="0">{{{x15}}}</option>
  108 + <option value="1">{{{x14}}}</option>
  109 + </select>
  110 + </div>
  111 + </div>
  112 + <div style="width: 100%;" class='form-group label-fixed condensed'>
  113 + <label class="control-label" for="">{{{textoUltrapassaMapa}}}</label>
  114 + <div style="width: 100%;" class="input-group">
  115 + <select class="form-control" id=i3GEOproplabelpartials_i>
  116 + <option value="1">{{{x14}}}</option>
  117 + <option value="0">{{{x15}}}</option>
  118 + </select>
  119 + </div>
  120 + </div>
  121 +</div>
0 122 \ No newline at end of file
... ...