Download as
Browse Code »

Commit 890d7fd97be167a03d0a2e6b1999968a42b8fa2b

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

--no commit message

Showing 1 changed file with 63 additions and 29 deletions   Show diff stats
ferramentas/legenda/index.js
  Diff comments   View file @890d7fd
... ... @@ -351,18 +351,23 @@ i3GEOF.legenda = {
351 351 ' <p class=paragrafo ><input id=i3GEOlegendabotao3 type="button" value="'+$trad(9,i3GEOF.legenda.dicionario)+'" title="'+$trad(10,i3GEOF.legenda.dicionario)+'"></p>' +
352 352 ' <p class=paragrafo ><input id=i3GEOlegendabotao15 type="button" value="'+$trad(11,i3GEOF.legenda.dicionario)+'" title="'+$trad(12,i3GEOF.legenda.dicionario)+'"></p>' +
353 353 ' <p class=paragrafo ><input id=i3GEOlegendabotaoRamp type="button" size=15 value="'+$trad(13,i3GEOF.legenda.dicionario)+'" title="'+$trad(14,i3GEOF.legenda.dicionario)+'"></p>' +
  354 + ' <div style=margin-left:5px; >' +
354 355 ' <p class=paragrafo >'+$trad(15,i3GEOF.legenda.dicionario)+'</p>' +
355   - ' <table summary="" class=lista5 >' +
  356 + ' <table summary="" class=lista6 >' +
356 357 ' <tr>' +
357 358 ' <td>'+$trad(17,i3GEOF.legenda.dicionario)+':</td>' +
358 359 ' <td>' +
359   - $inputText("","","i3GEOlegendaacori","",12,"0,0,0") +
  360 + ' <div class=styled-select style="width:120px" >' +
  361 + ' <input type=text id="i3GEOlegendaacori" value="0,0,0" />' +
  362 + ' </div>' +
360 363 ' </td>' +
361 364 ' <td><img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.legenda.corj(\'i3GEOlegendaacori\')" /> ' +
362 365 ' </td>' +
363 366 ' <td>'+$trad(16,i3GEOF.legenda.dicionario)+':</td>' +
364 367 ' <td>'+
365   - $inputText("","","i3GEOlegendaacorf","",12,"255,255,255") +
  368 + ' <div class=styled-select style="width:120px" >' +
  369 + ' <input type=text id="i3GEOlegendaacorf" value="255,255,255" />' +
  370 + ' </div>' +
366 371 ' </td>' +
367 372 ' <td><img alt="aquarela.gif" style=cursor:pointer src="'+i3GEO.configura.locaplic+'/imagens/aquarela.gif" onclick="i3GEOF.legenda.corj(\'i3GEOlegendaacorf\')" /> ' +
368 373 ' </td>' +
... ... @@ -370,7 +375,9 @@ i3GEOF.legenda = {
370 375 ' </tr>' +
371 376 ' </table>' +
372 377 '</div>' +
  378 + '</div>' +
373 379 '<div id=i3GEOlegendaguia1obj style="width:99%;text-align:left;">'+
  380 + ' <div style=margin-left:5px; >' +
374 381 ' <table summary="" class=lista5 ><tr>' +
375 382 ' <td><input id=i3GEOlegendabotao1 size="22" type="button" value="'+$trad(20,i3GEOF.legenda.dicionario)+'" ></td>'+
376 383 ' <td><input id=i3GEOlegendabotao2 size="22" type="button" value="'+$trad(21,i3GEOF.legenda.dicionario)+'" title="'+$trad(22,i3GEOF.legenda.dicionario)+'" ></td>' +
... ... @@ -379,13 +386,17 @@ i3GEOF.legenda = {
379 386 ' <div id="i3GEOlegendaresultado" style="text-align:left;width:100%;display:block;left:0px">' +
380 387 ' </div>'+
381 388 '</div>'+
  389 + '</div>' +
382 390 '<div id=i3GEOlegendaguia2obj style="width:99%;text-align:left;">'+
  391 + ' <div style=margin-left:5px; >' +
383 392 ' <div id=i3GEOFlegendaClassesOpcionais >' +
384 393 ' <p class=paragrafo >&nbsp;<input type=checkbox onclick="" checked id=i3GEOFlegendaaplicaextent style="cursor:pointer;border:0px solid white;" /> <span style="cursor:pointer;position:relative;top:-2px;">'+$trad(24,i3GEOF.legenda.dicionario)+'</span></p>' +
385   - ' <p class=paragrafo >'+$trad(25,i3GEOF.legenda.dicionario)+':<br>'+
386   - $inputText("","","i3GEOlegendaignorar","",20,"") +
  394 + ' <p class=paragrafo >'+$trad(25,i3GEOF.legenda.dicionario)+':'+
  395 + ' <div class=styled-select >' +
  396 + ' <input type=text id="i3GEOlegendaignorar" value="" />' +
  397 + ' </div>' +
387 398 ' <hr><p class=paragrafo >'+$trad(26,i3GEOF.legenda.dicionario)+'</p>'+
388   - ' <p class=paragrafo >' +
  399 + ' <div class=styled-select >' +
389 400 ' <select id=i3GEOlegentaTipoGeo >'+
390 401 ' <option value="">'+$trad(27,i3GEOF.legenda.dicionario)+'</option>'+
391 402 ' <option value="centroid">'+$trad(28,i3GEOF.legenda.dicionario)+'</option>'+
... ... @@ -394,7 +405,8 @@ i3GEOF.legenda = {
394 405 ' <option value="start">'+$trad(30,i3GEOF.legenda.dicionario)+'</option>'+
395 406 ' <option value="end">'+$trad(31,i3GEOF.legenda.dicionario)+'</option>'+
396 407 ' </select>'+
397   - ' <p class=paragrafo >' +
  408 + ' </div>' +
  409 + ' <br><p class=paragrafo >' +
398 410 ' <input id=i3GEOlegendabotao17 size="35" type="button" value="'+$trad(32,i3GEOF.legenda.dicionario)+'"></p>'+
399 411 ' <hr><p class=paragrafo >'+$trad(33,i3GEOF.legenda.dicionario)+'</p>'+
400 412 ' <p class=paragrafo ><input id=i3GEOlegendabotao7 size="25" type="button" value="'+$trad(34,i3GEOF.legenda.dicionario)+'"></p>'+
... ... @@ -402,28 +414,32 @@ i3GEOF.legenda = {
402 414 ' <hr><p class=paragrafo >'+$trad(35,i3GEOF.legenda.dicionario)+'</p>'+
403 415 ' <p class=paragrafo ><input id=i3GEOlegendabotao5 size="25" type="button" value="'+$trad(36,i3GEOF.legenda.dicionario)+'"></p>'+
404 416 ' <hr><p class=paragrafo >'+$trad(37,i3GEOF.legenda.dicionario)+'</p>'+
405   - ' <div id="i3GEOlegendaitens" style="text-align:left;" ></div><br>'+
  417 + ' <div id="i3GEOlegendaitens" class=styled-select ></div><br>'+
406 418 ' <p class=paragrafo ><input id=i3GEOlegendabotao6 size="25" type="button" value="'+$trad(38,i3GEOF.legenda.dicionario)+'"></p>'+
407 419 ' <hr><p class=paragrafo >'+$trad(39,i3GEOF.legenda.dicionario)+'</p>'+
408 420 ' <p class=paragrafo >'+$trad(40,i3GEOF.legenda.dicionario)+':'+
409   - $inputText("","","i3GEOlegendanclasses","",3,"5") +
410   - ' <p class=paragrafo ><input id=i3GEOlegendabotao8 size="25" type="button" value="'+$trad(41,i3GEOF.legenda.dicionario)+'">'+
  421 + ' <div class=styled-select >' +
  422 + ' <input type=text id="i3GEOlegendanclasses" value="5" />' +
  423 + ' </div>' +
  424 + ' <br><p class=paragrafo ><input id=i3GEOlegendabotao8 size="25" type="button" value="'+$trad(41,i3GEOF.legenda.dicionario)+'">'+
411 425 ' &nbsp;<input id=i3GEOlegendabotaoQN size="25" type="button" value="'+$trad(95,i3GEOF.legenda.dicionario)+'">'+
412 426 ' &nbsp;<input id=i3GEOlegendabotaoQuantil size="25" type="button" value="Quantil">'+
413 427 ' <hr><p class=paragrafo >'+$trad(42,i3GEOF.legenda.dicionario)+'</p>'+
414 428 ' <p class=paragrafo ><input id=i3GEOlegendabotao9 size="25" type="button" value="Quartis">'+
415 429 ' <p class=paragrafo >'+$trad(43,i3GEOF.legenda.dicionario)+': ' +
  430 + ' <div class=styled-select >' +
416 431 ' <select id=estiloClassesQuartis >' +
417 432 ' <option value=minimo select >'+$trad(44,i3GEOF.legenda.dicionario)+'</option>' +
418 433 ' <option value=simples select >'+$trad(45,i3GEOF.legenda.dicionario)+'</option>' +
419 434 ' <option value=completo select >'+$trad(46,i3GEOF.legenda.dicionario)+'</option>' +
420   - ' </select></p>' +
  435 + ' </select></div><br>' +
  436 + '</div>'+
421 437 '</div>'+
422 438 '<div id=i3GEOlegendaguia3obj style="width:99%;text-align:left;">'+
423 439 ' <fieldset style="padding:5px;margin:2px;">'+
424 440 ' <legend>'+$trad(47,i3GEOF.legenda.dicionario)+'</legend>'+
425   - ' <p class=paragrafo >'+$trad(48,i3GEOF.legenda.dicionario)+': <span id=i3GEOlegendaitensLabel ></span></p>' +
426   - ' <p class=paragrafo style="font-size:10px;">'+
  441 + ' <p class=paragrafo >'+$trad(48,i3GEOF.legenda.dicionario)+': <div class=styled-select id=i3GEOlegendaitensLabel ></div></p>' +
  442 + ' <br><p class=paragrafo style="font-size:10px;">'+
427 443 ' <input id=i3GEOlegendabotaoExcluirLabel size=10 type=buttom value="'+$trad(49,i3GEOF.legenda.dicionario)+'" />' +
428 444 ' <input id=i3GEOlegendabotaoIncluirLabel size=10 type=buttom value="'+$trad(50,i3GEOF.legenda.dicionario)+'" />' +
429 445 ' <input id=i3GEOlegendabotaoPropriedadeLabel size=10 type=buttom value="'+$trad(51,i3GEOF.legenda.dicionario)+'" />' +
... ... @@ -431,10 +447,10 @@ i3GEOF.legenda = {
431 447 ' </fieldset><br>'+
432 448 ' <fieldset style="padding:5px;margin:2px;">'+
433 449 ' <legend>'+$trad(52,i3GEOF.legenda.dicionario)+'</legend>'+
434   - ' <p class=paragrafo style="font-size:10px;">'+$trad(53,i3GEOF.legenda.dicionario)+'<br></p>'+
435   - ' <div id="i3GEOlegendacomboestilos" style="position:relative;top:0px;left:0px;text-align:left">'+
  450 + ' <p class=paragrafo style="font-size:10px;">'+$trad(53,i3GEOF.legenda.dicionario)+''+
  451 + ' <div id="i3GEOlegendacomboestilos" >'+
436 452 ' </div>'+
437   - " <input id=i3GEOlegendabotao11 class=executar size=10 type=button value='"+$trad(49,i3GEOF.legenda.dicionario)+"' />" +
  453 + " <br><input id=i3GEOlegendabotao11 class=executar size=10 type=button value='"+$trad(49,i3GEOF.legenda.dicionario)+"' />" +
438 454 " &nbsp;<input id=i3GEOlegendabotao12 class=executar size=14 type=button value='"+$trad(50,i3GEOF.legenda.dicionario)+"' />" +
439 455 " &nbsp;<input id=i3GEOlegendabotao13 class=executar size=8 type=button value='"+$trad(65,i3GEOF.legenda.dicionario)+"' />" +
440 456 " &nbsp;<input id=i3GEOlegendabotao14 class=executar size=8 type=button value='"+$trad(66,i3GEOF.legenda.dicionario)+"' />" +
... ... @@ -578,7 +594,7 @@ i3GEOF.legenda = {
578 594 ins.push("<td>");
579 595 ins.push($inputText("","","i3GEOlegendaid_"+id,$trad(63,i3GEOF.legenda.dicionario),20,retorno.data[i].nomeclasse,"nome","javascript:i3GEOF.legenda.aviso()"));
580 596 ins.push("</td><td>");
581   - ins.push($inputText("","","i3GEOlegendaid_"+id,$trad(64,i3GEOF.legenda.dicionario),30,exp,"expressao","javascript:i3GEOF.legenda.aviso()"));
  597 + ins.push($inputText("","","i3GEOlegendaid_"+id,$trad(64,i3GEOF.legenda.dicionario),25,exp,"expressao","javascript:i3GEOF.legenda.aviso()"));
582 598 ins.push("</td>");
583 599 if(n>1){
584 600 ins.push("<td><img src='"+i3GEO.configura.locaplic+"/imagens/sobe1.png' style=cursor:pointer title='"+$trad(65,i3GEOF.legenda.dicionario)+"' onclick=i3GEOF.legenda.sobelinhaf('"+retorno.data[i].idclasse+"') /></td>");
... ... @@ -1252,15 +1268,15 @@ i3GEOF.legenda = {
1252 1268 var l,i,sct,combo,n;
1253 1269 retorno = retorno.data;
1254 1270 i3GEOF.legenda.estilos = retorno.split("|");
1255   - combo = "<select id='i3GEOlegendaestilos' onchange=i3GEOF.legenda.mostraEstilo(this.value)>";
  1271 + combo = "<div class=styled-select style=width:100px ><select id='i3GEOlegendaestilos' onchange=i3GEOF.legenda.mostraEstilo(this.value)>";
1256 1272 n = i3GEOF.legenda.estilos.length;
1257 1273 for (i=0;i<n;i++){
1258 1274 l = i3GEOF.legenda.estilos[i].split("#");
1259 1275 sct = "<option value="+l[1]+" />"+l[1]+"</option>";
1260 1276 combo += sct;
1261 1277 }
1262   - combo += "</select>";
1263   - $i("i3GEOlegendacomboestilos").innerHTML = "<table class='lista5'><tr><td><span class=paragrafo >"+$trad(82,i3GEOF.legenda.dicionario)+":</span></td><td>"+combo+"</td><td></td></tr></table>&nbsp;(ap&oacute;s adicionar ou excluir, aplique a altera&ccedil;&atilde;o)<br><br>";
  1278 + combo += "</select></div>";
  1279 + $i("i3GEOlegendacomboestilos").innerHTML = "<table class='lista5'><tr><td><span class=paragrafo >"+$trad(82,i3GEOF.legenda.dicionario)+":</span></td><td>"+combo+"</td><td></td></tr></table>&nbsp;(ap&oacute;s adicionar ou excluir, aplique a altera&ccedil;&atilde;o)<br>";
1264 1280 new YAHOO.widget.Button(
1265 1281 "i3GEOlegendabotao11",{onclick:{fn: function(){
1266 1282 try{
... ... @@ -1344,31 +1360,49 @@ i3GEOF.legenda = {
1344 1360 linha = linha.split("#");
1345 1361 tipoLayer = linha[0];
1346 1362 d = "<table class=lista6 ><tr><td style='text-align:left;'>Cor do contorno:</td><td>" +
1347   - $inputText("","","i3GEOlegendaoutlinecolor","",12,linha[2]) +
  1363 + "<div class=styled-select >" +
  1364 + "<input type=text value='"+linha[2]+"' id='i3GEOlegendaoutlinecolor' />" +
  1365 + "</div>" +
1348 1366 "</td><td><img style=cursor:pointer src='"+i3GEO.configura.locaplic+"/imagens/aquarela.gif' onclick=\"i3GEOF.legenda.corj('i3GEOlegendaoutlinecolor')\" /></td></tr>"+
1349 1367 "<tr><td style='text-align:left;'>"+$trad(83,i3GEOF.legenda.dicionario)+":</td><td>" +
1350   - $inputText("","","i3GEOlegendabackgroundcolor","",12,linha[3]) +
  1368 + "<div class=styled-select >" +
  1369 + "<input type=text value='"+linha[3]+"' id='i3GEOlegendabackgroundcolor' />" +
  1370 + "</div>" +
1351 1371 "</td><td><img style=cursor:pointer src='"+i3GEO.configura.locaplic+"/imagens/aquarela.gif' onclick=\"i3GEOF.legenda.corj('i3GEOlegendabackgroundcolor')\" /></td></tr>"+
1352 1372 "<tr><td style='text-align:left;'>"+$trad(84,i3GEOF.legenda.dicionario)+":</td><td>"+
1353   - $inputText("","","i3GEOlegendacolor","",12,linha[4]) +
  1373 + "<div class=styled-select >" +
  1374 + "<input type=text value='"+linha[4]+"' id='i3GEOlegendacolor' />" +
  1375 + "</div>" +
1354 1376 "</td><td><img style=cursor:pointer src='"+i3GEO.configura.locaplic+"/imagens/aquarela.gif' onclick=\"i3GEOF.legenda.corj('i3GEOlegendacolor')\" /></td></tr>"+
1355 1377 "<tr><td style='text-align:left;'>"+$trad(85,i3GEOF.legenda.dicionario)+":</td><td>"+
1356   - $inputText("","","i3GEOlegendasizes","",12,linha[6]) +
  1378 + "<div class=styled-select >" +
  1379 + "<input type=text value='"+linha[6]+"' id='i3GEOlegendasizes' />" +
  1380 + "</div>" +
1357 1381 "</td><td></td></tr>" +
1358 1382 "<tr><td style='text-align:left;'>"+$trad(86,i3GEOF.legenda.dicionario)+":</td><td>"+
1359   - $inputText("","","i3GEOlegendawidth","",12,linha[8]) +
  1383 + "<div class=styled-select >" +
  1384 + "<input type=text value='"+linha[8]+"' id='i3GEOlegendawidth' />" +
  1385 + "</div>" +
1360 1386 "</td><td></td></tr>" +
1361 1387 "<tr><td style='text-align:left;'>"+$trad(87,i3GEOF.legenda.dicionario)+":</td><td>"+
1362   - $inputText("","","i3GEOlegendapattern","",12,linha[9]) +
  1388 + "<div class=styled-select >" +
  1389 + "<input type=text value='"+linha[9]+"' id='i3GEOlegendapattern' />" +
  1390 + "</div>" +
1363 1391 "</td><td></td></tr>" +
1364 1392 "<tr><td style='text-align:left;'>"+$trad(88,i3GEOF.legenda.dicionario)+":</td><td>"+
1365   - $inputText("","","i3GEOlegendaopacidade","",3,linha[7]) +
  1393 + "<div class=styled-select >" +
  1394 + "<input type=text value='"+linha[7]+"' id='i3GEOlegendaopacidade' />" +
  1395 + "</div>" +
1366 1396 "</td><td></td></tr>" +
1367 1397 "<tr><td style='text-align:left;'>"+$trad(89,i3GEOF.legenda.dicionario)+":</td><td>"+
1368   - $inputText("","","i3GEOlegendaangulo","",5,linha[10]) +
  1398 + "<div class=styled-select >" +
  1399 + "<input type=text value='"+linha[10]+"' id='i3GEOlegendaangulo' />" +
  1400 + "</div>" +
1369 1401 "</td><td></td></tr>" +
1370 1402 "<tr><td style='text-align:left;'>"+$trad(90,i3GEOF.legenda.dicionario)+":</td><td>"+
1371   - $inputText("","","i3GEOlegendasymbolname","",12,linha[5]) +
  1403 + "<div class=styled-select >" +
  1404 + "<input type=text value='"+linha[5]+"' id='i3GEOlegendasymbolname' />" +
  1405 + "</div>" +
1372 1406 "</td><td></td></tr></table>";
1373 1407 $i("i3GEOlegendaParametrosEstilos").innerHTML = d;
1374 1408 p = i3GEO.configura.locaplic+"/classesphp/mapa_controle.php?g_sid="+i3GEO.configura.sid+"&funcao=editasimbolo&tipo="+tipoLayer+"&opcao=listaSimbolos&onclick=i3GEOF.legenda.aplicaSimbolo(this)";
... ...