Download as
Browse Code »

Commit 0e2953ebfa2c35262274a1f4bd1267b8dbce872a

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

Adaptação da lista de utilitários para bootstrap

Showing 7 changed files with 153 additions and 134 deletions   Show diff stats
init/imagens/applications-development.png
View file @0e2953e

5.83 KB | W: | H:

5.18 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
@@ -113,7 +113,7 @@ botoesIni = [ @@ -113,7 +113,7 @@ botoesIni = [
113 "target": "_self" 113 "target": "_self"
114 },{ 114 },{
115 "img":"applications-development.png", 115 "img":"applications-development.png",
116 - "href": location.href.replace("index.php","") + "../pacotes/utils/index.php", 116 + "href": location.href.replace("index.php","") + "../utilitarios/index.php",
117 "titulo":$trad(33,g_traducao_init), 117 "titulo":$trad(33,g_traducao_init),
118 "subtitulo": $trad("33a",g_traducao_init), 118 "subtitulo": $trad("33a",g_traducao_init),
119 "fa": "wrench", 119 "fa": "wrench",
init/index.php
  Diff comments   View file @0e2953e
@@ -230,7 +230,7 @@ include "head.php"; @@ -230,7 +230,7 @@ include "head.php";
230 trigger: "click focus", 230 trigger: "click focus",
231 content: function(){ 231 content: function(){
232 var urlqr = "../pacotes/qrcode/php/qr_img.php?host=" + window.location.host + "&u=" + $(this).attr("data-url"); 232 var urlqr = "../pacotes/qrcode/php/qr_img.php?host=" + window.location.host + "&u=" + $(this).attr("data-url");
233 - return "<img style='width:200px; height: 200px;' src='" + urlqr + "' '>"; 233 + return "<a title='click' href='"+ $(this).attr("data-url") +"'><img style='width:200px; height: 200px;' src='" + urlqr + "' '></a>";
234 } 234 }
235 }); 235 });
236 } 236 }
pacotes/utils/index.php
View file @cb29485
@@ -1,132 +0,0 @@ @@ -1,132 +0,0 @@
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">  
2 -<html>  
3 -<head>  
4 -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">  
5 -<meta name="viewport" content="width=device-width, initial-scale=1">  
6 -<link rel="stylesheet" type="text/css" href="../../admin/html/admin.css">  
7 -<script type="text/javascript" src="../../classesjs/i3geo.js"></script>  
8 -<style>  
9 -  
10 -.r {  
11 - border: 1px solid #F0F0F0;  
12 - border-radius: 5px 5px 5px 5px;  
13 - box-shadow: 1px 1px 1px 1px lightgray;  
14 - float: left;  
15 - height: 150px;  
16 - margin: 0px 25px 20px auto;  
17 - padding: 5px;  
18 - width: 200px;  
19 - background: white;  
20 - vertical-align: middle;  
21 - font-size: 0.4cm;  
22 - position: relative;  
23 - display: block;  
24 - text-align: center;  
25 - z-index: 2;  
26 -}  
27 -  
28 -table {  
29 - width: 100%;  
30 -}  
31 -  
32 -td {  
33 - font-size: 0.4cm;  
34 - text-align: center;  
35 - height: 150px;  
36 -}  
37 -  
38 -h1 {  
39 - font-size: 0.6cm;  
40 - text-align: left;  
41 - margin: 25px;  
42 -}  
43 -  
44 -#bandeiras {  
45 - width: 80px;  
46 - text-align: left;  
47 - position: absolute;  
48 - left: 0.2cm;  
49 - z-index: 10;  
50 -}  
51 -  
52 -a {  
53 - margin: 0px auto;  
54 - text-decoration: none;  
55 - font-size: 14px;  
56 -}  
57 -</style>  
58 -</head>  
59 -<body class=" yui-skin-sam " style="background-color:white;text-align:left;">  
60 - <div class="bordaSuperior">  
61 - <div id="bandeiras"></div>  
62 - <div>  
63 - <a href="http://www.softwarepublico.gov.br" target="_blank" style="color: white;">  
64 - <b><?php include("../../versao.php"); echo $mensagemInicia;?> </b>  
65 - </a>  
66 - </div>  
67 - </div>  
68 -  
69 - <div id="conteudo" style="position: relative; top: -10px; margin: auto; max-width: 1000px; left: 10px;">  
70 - <div style="margin-top: 5px;">  
71 - <br>  
72 - <div id="botoes" style=""></div>  
73 -  
74 - </div>  
75 - </div>  
76 -  
77 -</body>  
78 -<script>  
79 -botoesIni = [];  
80 -botoesIni.push(  
81 - {  
82 - "img":"",  
83 - "href":"rgbcolors.html",  
84 - "titulo": "Lista de cores e conversor RGB/HEX/nome"  
85 - },  
86 - {  
87 - "img":"colorbrewer.png",  
88 - "href":"http://colorbrewer2.com/",  
89 - "titulo": "Escolha de conjunto de cores - Colorbrewer"  
90 - },  
91 - {  
92 - "img":"http://upload.wikimedia.org/wikipedia/commons/thumb/1/11/Wikimedia_labs_logo_with_text.svg/103px-Wikimedia_labs_logo_with_text.svg.png",  
93 - "href":"http://tools.wmflabs.org/geohack/",  
94 - "titulo": "GeoHack"  
95 - },  
96 - {  
97 - "img":"",  
98 - "href":"http://stevemorse.org/jcal/latlon.php",  
99 - "titulo": "Conversor de endere&ccedil;os to/from Latitude/Longitude/Altitude"  
100 - },  
101 - {  
102 - "img":"",  
103 - "href":"https://maptools.info/tools/converter/",  
104 - "titulo": "Conversor de coordenadas"  
105 - },  
106 - {  
107 - "img":"",  
108 - "href":"http://codebeautify.org/",  
109 - "titulo": "Free Online Tools For Developers - To Beautify, Validate, Minify, Analyse and Convert"  
110 - }  
111 -);  
112 -mostraBotoes();  
113 -  
114 -function mostraBotoes(){  
115 - var ins = [],i,n = botoesIni.length,texto, img;  
116 - for(i=0;i<n;i++){  
117 - img = "";  
118 - if(botoesIni[i].img != ""){  
119 - img = '<img src="'+botoesIni[i].img+'" /><br>';  
120 - }  
121 - texto = '<div class="r" ><table ><tr><td><a target=_blank href="'+botoesIni[i].href+'" >'+ img + botoesIni[i].titulo+'</a>';  
122 - if(botoesIni[i].subtitulo){  
123 - texto += botoesIni[i].subtitulo;  
124 - }  
125 - texto += '</td></tr></table></div>';  
126 - ins.push(texto);  
127 - }  
128 - document.getElementById("botoes").innerHTML = ins.join("");  
129 -}  
130 -  
131 -</script>  
132 -</html>  
utilitarios/dicionario.js 0 → 100755
  Diff comments   View file @0e2953e
@@ -0,0 +1,29 @@ @@ -0,0 +1,29 @@
  1 +//veja em index.js o objeto que utiliza essa traducao
  2 +g_traducao_util =
  3 +{
  4 + "util" : [{
  5 + pt : "Utilit&aacute;rios",
  6 + en : "",
  7 + es : ""
  8 + }],
  9 + "rgbcolors" : [{
  10 + pt : "Lista de cores e conversor RGB/HEX/nome",
  11 + en : "",
  12 + es : ""
  13 + }],
  14 + "Colorbrewer" : [{
  15 + pt : "Escolha de conjunto de cores - Colorbrewer",
  16 + en : "",
  17 + es : ""
  18 + }],
  19 + "end" : [{
  20 + pt : "Conversor de endere&ccedil;os to/from Latitude/Longitude/Altitude",
  21 + en : "",
  22 + es : ""
  23 + }],
  24 + "coord" : [{
  25 + pt : "Conversor de coordenadas",
  26 + en : "",
  27 + es : ""
  28 + }]
  29 +};
utilitarios/index.js 0 → 100755
  Diff comments   View file @0e2953e
@@ -0,0 +1,64 @@ @@ -0,0 +1,64 @@
  1 +botoesIni = [
  2 + {
  3 + "link":"../pacotes/utils/rgbcolors.html",
  4 + "corpo": $trad("rgbcolors",g_traducao_util)
  5 + },
  6 + {
  7 + "link":"http://colorbrewer2.com/",
  8 + "corpo": $trad("Colorbrewer",g_traducao_util)
  9 + },
  10 + {
  11 + "link":"http://tools.wmflabs.org/geohack/",
  12 + "corpo": "GeoHack"
  13 + },
  14 + {
  15 + "link":"http://stevemorse.org/jcal/latlon.php",
  16 + "corpo": $trad("end",g_traducao_util)
  17 + },
  18 + {
  19 + "link":"https://maptools.info/tools/converter/",
  20 + "corpo": $trad("coord",g_traducao_util)
  21 + },
  22 + {
  23 + "link":"http://codebeautify.org/",
  24 + "corpo": "Free Online Tools For Developers - To Beautify, Validate, Minify, Analyse and Convert"
  25 + }
  26 +];
  27 +
  28 +function mostraBotoesBT(){
  29 + //
  30 + //essa funcao obtem a lista unica de tags para montar o indice
  31 + //
  32 + var html = "", novalista = [], n, nc, i, j, chaves = [], nchaves = [];
  33 +
  34 + n = botoesIni.length;
  35 + for(i=0; i<n; i++){
  36 + chaves.push(botoesIni[i].tag);
  37 + }
  38 + chaves = chaves.getUnique();
  39 + chaves.sort();
  40 + nc = chaves.length;
  41 + for(j=0;j<nc;j++){
  42 + for(i=0; i<n; i++){
  43 + if(botoesIni[i].tag == chaves[j]){
  44 + botoesIni[i]["id"] = "a"+j;
  45 + novalista.push(botoesIni[i]);
  46 + }
  47 + }
  48 + }
  49 + html = Mustache.to_html(
  50 + "{{#d}}" + $("#botoesTpl").html() + "{{/d}}",
  51 + {"d":novalista}
  52 + );
  53 + $("#botoesTpl").html(html);
  54 +
  55 + for(j=0;j<nc;j++){
  56 + nchaves.push({"tag":chaves[j],"id":"a"+j});
  57 + }
  58 + html = Mustache.to_html(
  59 + "{{#d}}" + $("#tplLista").html() + "{{/d}}",
  60 + {"d":nchaves}
  61 + );
  62 + var r = new RegExp("&amp;","g");
  63 + $("#tplLista").html(html.replace(r,"&"));
  64 +}
utilitarios/index.php 0 → 100755
  Diff comments   View file @0e2953e
@@ -0,0 +1,58 @@ @@ -0,0 +1,58 @@
  1 +<?php
  2 +define ( ONDEI3GEO, ".." );
  3 +include (dirname ( __FILE__ ) . "/../ms_configura.php");
  4 +error_reporting ( 0 );
  5 +include "../init/head.php";
  6 +?>
  7 +<body style="background-color: #eeeeee; padding-top: 55px;">
  8 + <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
  9 + <div class="container-fluid">
  10 + <div class="navbar-header">
  11 + <a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
  12 + class="fa fa-home fa-1x"></i></a>
  13 + </div>
  14 + </div>
  15 + </nav>
  16 + <div class="container-fluid">
  17 + <div class="row">
  18 + <ol class="breadcrumb">
  19 + <li><a href="../init/index.php">i3Geo</a></li>
  20 + <li class="active"></li>
  21 + </ol>
  22 + </div>
  23 + </div>
  24 + <div class="container-fluid">
  25 + <div class="row center-block">
  26 + <div class="col-sm-12">
  27 + <!-- Template para criacao dos quadros ver index.js -->
  28 + <div id="botoesTpl" class="hidden">
  29 + <div class="{{id}} exemplo col-xs-12 center-block"
  30 + style="width: 260px; min-width: 260px; max-width: 260px;">
  31 + <div class="panel panel-default">
  32 + <div class="panel-body" style="height: 150px; overflow: auto;">
  33 + <h4><a href="{{{link}}}" target="_blank" role="button">{{{corpo}}}</a></h4>
  34 + </div>
  35 + </div>
  36 + </div>
  37 + </div>
  38 + </div>
  39 + </div>
  40 + <script src='../classesjs/compactados/mustache.js'></script>
  41 + <script src='../classesjs/compactados/dicionario_compacto.js'></script>
  42 + <script src='../classesjs/compactados/classe_util_compacto.js'></script>
  43 + <script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
  44 + <script src='dicionario.js'></script>
  45 + <script src='index.js'></script>
  46 +
  47 + <script>
  48 + $(document).ready(function(){
  49 + i3GEO.configura = {"locaplic" : "..","sid": ""};
  50 + $(".active").html($trad("util",g_traducao_util));
  51 + mostraBotoesBT();
  52 + $('.hidden').removeClass('hidden');
  53 + $.material.init();
  54 + });
  55 + </script>
  56 +
  57 +</body>
  58 +</html>