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
init/index.js
  Diff comments   View file @0e2953e
... ... @@ -113,7 +113,7 @@ botoesIni = [
113 113 "target": "_self"
114 114 },{
115 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 117 "titulo":$trad(33,g_traducao_init),
118 118 "subtitulo": $trad("33a",g_traducao_init),
119 119 "fa": "wrench",
... ...
init/index.php
  Diff comments   View file @0e2953e
... ... @@ -230,7 +230,7 @@ include "head.php";
230 230 trigger: "click focus",
231 231 content: function(){
232 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   -<!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 @@
  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 @@
  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 @@
  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>
... ...