Commit 562d59cd2bae0dcde1fb2d30c1bb699f7ed0f2d1

Authored by Edmar Moretti
1 parent 21a64097

Reformulação da página Social e remoção dos widgets da primeira página (tt)

init/dicionario.js
@@ -38,9 +38,9 @@ g_traducao_init = @@ -38,9 +38,9 @@ g_traducao_init =
38 ], 38 ],
39 4 : [ 39 4 : [
40 { 40 {
41 - pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",  
42 - en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",  
43 - es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>" 41 + pt : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>",
  42 + en : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>",
  43 + es : "i3Geo + <a tabindex='-1' href='http://openlayers.org/' >OpenLayers </a>"
44 } 44 }
45 ], 45 ],
46 "4a" : [ 46 "4a" : [
@@ -59,16 +59,16 @@ g_traducao_init = @@ -59,16 +59,16 @@ g_traducao_init =
59 ], 59 ],
60 "5a" : [ 60 "5a" : [
61 { 61 {
62 - pt : "Mapa (OpenLayers) com o c&oacute;digo javascript n&atilde;o compactado, &uacute;til para desenvolvedores. Tamb&eacute;m nas vers&otilde;es com <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> e <a href='../interface/gmdebug.phtml'>GoogleMaps</a>.",  
63 - en : "Map (OpenLayers) with non-compacted javascript code, useful for developers. There are versions for <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> and <a target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>",  
64 - es : "Mapa (OpenLayers) con un c&oacute;digo javascript no compactado, &uacute;til para desarrolladores. Tambi&eacute;n en versiones de <a target='_blank' href='../interface/osmdebug.htm' >OSM</a> y <a target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>" 62 + pt : "Mapa (OpenLayers) com o c&oacute;digo javascript n&atilde;o compactado, &uacute;til para desenvolvedores. Tamb&eacute;m nas vers&otilde;es com <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> e <a tabindex='-1' href='../interface/gmdebug.phtml'>GoogleMaps</a>.",
  63 + en : "Map (OpenLayers) with non-compacted javascript code, useful for developers. There are versions for <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> and <a tabindex='-1' target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>",
  64 + es : "Mapa (OpenLayers) con un c&oacute;digo javascript no compactado, &uacute;til para desarrolladores. Tambi&eacute;n en versiones de <a tabindex='-1' target='_blank' href='../interface/osmdebug.htm' >OSM</a> y <a tabindex='-1' target='_blank' href='../interface/gmdebug.phtml'>GoogleMaps.</a>"
65 } 65 }
66 ], 66 ],
67 6 : [ 67 6 : [
68 { 68 {
69 - pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>",  
70 - en : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>",  
71 - es : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>" 69 + pt : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>",
  70 + en : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>",
  71 + es : "i3Geo + <a tabindex='-1' href='https://developers.google.com/maps' >Google Maps </a>"
72 } 72 }
73 ], 73 ],
74 "6a" : [ 74 "6a" : [
@@ -262,7 +262,7 @@ g_traducao_init = @@ -262,7 +262,7 @@ g_traducao_init =
262 ], 262 ],
263 23 : [ 263 23 : [
264 { 264 {
265 - pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM </a>", 265 + pt : "i3Geo + <a tabindex='-1' href='http://wiki.openstreetmap.org' >OSM </a>",
266 en : "", 266 en : "",
267 es : "" 267 es : ""
268 } 268 }
@@ -290,7 +290,7 @@ g_traducao_init = @@ -290,7 +290,7 @@ g_traducao_init =
290 ], 290 ],
291 25 : [ 291 25 : [
292 { 292 {
293 - pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU </a>", 293 + pt : "i3Geo + <a tabindex='-1' href='http://community.meteorite.bi/' >SAIKU </a>",
294 en : "", 294 en : "",
295 es : "" 295 es : ""
296 } 296 }
@@ -374,7 +374,7 @@ g_traducao_init = @@ -374,7 +374,7 @@ g_traducao_init =
374 ], 374 ],
375 "32a" : [ 375 "32a" : [
376 { 376 {
377 - pt : "Lista de e-mails da comunidade i3Geo mantida pela <a href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire d&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.", 377 + pt : "Lista de e-mails da comunidade i3Geo mantida pela <a tabindex='-1' href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire d&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.",
378 en : "", 378 en : "",
379 es : "" 379 es : ""
380 } 380 }
init/index.php
@@ -42,6 +42,7 @@ include &quot;head.php&quot;; @@ -42,6 +42,7 @@ include &quot;head.php&quot;;
42 } 42 }
43 </style> 43 </style>
44 <body style="padding-top: 90px;" id="topo"> 44 <body style="padding-top: 90px;" id="topo">
  45 + <a href="#conteudoPrincipal" class="sr-only sr-only-focusable"><span class="well" >Skip to main content</span></a>
45 <nav class="navbar navbar-default navbar-fixed-top"> 46 <nav class="navbar navbar-default navbar-fixed-top">
46 <div class="container-fluid"> 47 <div class="container-fluid">
47 <div class="navbar-header"> 48 <div class="navbar-header">
@@ -55,7 +56,7 @@ include &quot;head.php&quot;; @@ -55,7 +56,7 @@ include &quot;head.php&quot;;
55 </div> 56 </div>
56 <div id="navbar" class="navbar-collapse collapse navbar-responsive-collapse"> 57 <div id="navbar" class="navbar-collapse collapse navbar-responsive-collapse">
57 <ul class="nav navbar-nav"> 58 <ul class="nav navbar-nav">
58 - <li class="fa"><a href="#"><span id="bandeiras"></span></a></li> 59 + <li class="fa"><a href="#" tabindex='-1' ><span id="bandeiras"></span></a></li>
59 </ul> 60 </ul>
60 <ul class="nav navbar-nav navbar-right"> 61 <ul class="nav navbar-nav navbar-right">
61 <li class="dropdown"><a 62 <li class="dropdown"><a
@@ -73,6 +74,7 @@ include &quot;head.php&quot;; @@ -73,6 +74,7 @@ include &quot;head.php&quot;;
73 <li><a href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li> 74 <li><a href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li>
74 <li><a href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li> 75 <li><a href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
75 <li><a href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li> 76 <li><a href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li>
  77 + <li><a href="../social/index.php" >Social</a></li>
76 </ul> 78 </ul>
77 </div> 79 </div>
78 </div> 80 </div>
@@ -96,14 +98,14 @@ include &quot;head.php&quot;; @@ -96,14 +98,14 @@ include &quot;head.php&quot;;
96 </div> 98 </div>
97 </nav> 99 </nav>
98 100
99 - <div class="container"> 101 + <div class="container" id="conteudoPrincipal">
100 <div class="row center-block"> 102 <div class="row center-block">
101 <!-- Template para criacao dos quadros ver index.js --> 103 <!-- Template para criacao dos quadros ver index.js -->
102 <div id="botoesTpl" class="hidden"> 104 <div id="botoesTpl" class="hidden">
103 <div class="cartao {{{fa}}} col-xs-12 center-block" 105 <div class="cartao {{{fa}}} col-xs-12 center-block"
104 style="width: 260px; min-width: 260px; max-width: 260px;"> 106 style="width: 260px; min-width: 260px; max-width: 260px;">
105 <div class="panel panel-default"> 107 <div class="panel panel-default">
106 - <div class="panel-body"> 108 + <div class="panel-body" tabindex="-1" >
107 <!-- 109 <!--
108 <div class="thumbnail" role="button" style="height: 90px;"> 110 <div class="thumbnail" role="button" style="height: 90px;">
109 <a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded" 111 <a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded"
@@ -112,25 +114,25 @@ include &quot;head.php&quot;; @@ -112,25 +114,25 @@ include &quot;head.php&quot;;
112 </div> 114 </div>
113 --> 115 -->
114 <div class="thumbnail" role="button" style="height: 90px;"> 116 <div class="thumbnail" role="button" style="height: 90px;">
115 - <a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded {{{img}}}" 117 + <a tabindex="-1" target="{{{target}}}" href="{{{href}}}"> <img tabindex="-1" class="img-rounded {{{img}}}"
116 style="height: 100%; width: 100%" src="../imagens/branco.gif" /> 118 style="height: 100%; width: 100%" src="../imagens/branco.gif" />
117 </a> 119 </a>
118 </div> 120 </div>
119 121
120 <h4 style="height: 40px;">{{{titulo}}}</h4> 122 <h4 style="height: 40px;">{{{titulo}}}</h4>
121 - <h5 class="hidden-xs" style="height: 100px;">{{{subtitulo}}}</h5> 123 + <h5 tabindex="-1" class="hidden-xs" style="height: 100px;">{{{subtitulo}}}</h5>
122 124
123 </div> 125 </div>
124 <div class="panel-footer text-right" 126 <div class="panel-footer text-right"
125 style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;"> 127 style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
126 <div class="row center-block"> 128 <div class="row center-block">
127 <div class="col-xs-6" style="line-height: 3.5; text-align: left;"> 129 <div class="col-xs-6" style="line-height: 3.5; text-align: left;">
128 - <a role="button" data-toggle="quadroQrcode" data-url="{{{href}}}" 130 + <a tabindex="-1" role="button" data-toggle="quadroQrcode" data-url="{{{href}}}"
129 class="btn btn-primary btn-fab btn-fab-mini" href="#"> <span 131 class="btn btn-primary btn-fab btn-fab-mini" href="#"> <span
130 class="glyphicon glyphicon-qrcode" aria-hidden="true"></span> 132 class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
131 </a> 133 </a>
132 134
133 - <button onclick="favorita(this);return false;" class="btn btn-primary btn-fab btn-fab-mini"> 135 + <button tabindex="-1" onclick="favorita(this);return false;" class="btn btn-primary btn-fab btn-fab-mini">
134 <span data-cookie="{{{img}}}" class="glyphicon glyphicon-star" aria-hidden="true"></span> 136 <span data-cookie="{{{img}}}" class="glyphicon glyphicon-star" aria-hidden="true"></span>
135 </button> 137 </button>
136 </div> 138 </div>
@@ -144,49 +146,20 @@ include &quot;head.php&quot;; @@ -144,49 +146,20 @@ include &quot;head.php&quot;;
144 </div> 146 </div>
145 </div> 147 </div>
146 </div> 148 </div>
147 - <div class="center-block col-xs-12 hidden" id="tt"  
148 - style="width: 260px; min-width: 260px; max-width: 260px;">  
149 - <div class="panel panel-default">  
150 - <div class="panel-body">  
151 - <a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="320">Tweets  
152 - @i3Geo</a>  
153 - </div>  
154 - </div>  
155 - </div>  
156 - <div class="center-block col-xs-12 hidden"  
157 - style="width: 260px; min-width: 260px; max-width: 260px;">  
158 - <div class="panel panel-default">  
159 - <div class="panel-body">  
160 - <a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="320">i3geo  
161 - Tweets</a>  
162 - </div>  
163 - </div>  
164 - </div>  
165 </div> 149 </div>
166 150
167 </div> 151 </div>
168 <div tabindex="-1" class="container-fluid" 152 <div tabindex="-1" class="container-fluid"
169 style="background-color: rgb(250, 250, 250); margin-top: 10px; padding-top: 10px;"> 153 style="background-color: rgb(250, 250, 250); margin-top: 10px; padding-top: 10px;">
170 -  
171 <div class="row text-center hidden"> 154 <div class="row text-center hidden">
172 -  
173 - <div class="col-lg-4 center-block">  
174 - <a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img 155 + <div class="col-lg-12 center-block">
  156 + <a tabindex="-1" rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img
175 alt="Licen&ccedil;a Creative Commons" style="border-width: 0" 157 alt="Licen&ccedil;a Creative Commons" style="border-width: 0"
176 src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute; 158 src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute;
177 - licenciado com uma Licen&ccedil;a <a rel="license" 159 + licenciado com uma Licen&ccedil;a <a tabindex="-1" rel="license"
178 href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative 160 href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative
179 Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a> 161 Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a>
180 </div> 162 </div>
181 - <div class="col-lg-4 center-block">  
182 -  
183 - <script type='text/javascript'  
184 - src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>  
185 - </div>  
186 - <div class="col-lg-4 text-center">  
187 - <script type="text/javascript"  
188 - src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>  
189 - </div>  
190 </div> 163 </div>
191 </div> 164 </div>
192 165
@@ -220,28 +193,6 @@ include &quot;head.php&quot;; @@ -220,28 +193,6 @@ include &quot;head.php&quot;;
220 var u = window.location.origin + window.location.pathname + "?home="; 193 var u = window.location.origin + window.location.pathname + "?home=";
221 window.history.replaceState(null,null,u); 194 window.history.replaceState(null,null,u);
222 195
223 - var tamanho = findBootstrapDeviceSize();  
224 - if(tamanho != "xs"){  
225 - $(".tline").attr("src","https://twitter.com/i3geo");  
226 - $(".tline").attr("src","https://twitter.com/hashtag/i3geo");  
227 -  
228 - window.twttr = (function(d, s, id) {  
229 - var js, fjs = d.getElementsByTagName(s)[0],  
230 - t = window.twttr || {};  
231 - if (d.getElementById(id)) return t;  
232 - js = d.createElement(s);  
233 - js.id = id;  
234 - js.src = "https://platform.twitter.com/widgets.js";  
235 - fjs.parentNode.insertBefore(js, fjs);  
236 -  
237 - t._e = [];  
238 - t.ready = function(f) {  
239 - t._e.push(f);  
240 - };  
241 -  
242 - return t;  
243 - }(document, "script", "twitter-wjs"));  
244 - }  
245 $('[data-toggle="quadroQrcode"]').popover({ 196 $('[data-toggle="quadroQrcode"]').popover({
246 html: true, 197 html: true,
247 placement: "auto", 198 placement: "auto",
social/index.js 0 → 100755
social/index.php 0 → 100755
@@ -0,0 +1,82 @@ @@ -0,0 +1,82 @@
  1 +<?php
  2 +define ( ONDEI3GEO, ".." );
  3 +include (dirname ( __FILE__ ) . "/../ms_configura.php");
  4 +error_reporting ( 0 );
  5 +include "../init/head.php";
  6 +?>
  7 +<style>
  8 +.list-group .list-group-separator::before {
  9 + width: calc(100% - 45px);
  10 +}
  11 +
  12 +.list-group-item-heading {
  13 + line-height: 2;
  14 + left: 5px;
  15 + margin-left: 45px;
  16 +}
  17 +
  18 +.list-group {
  19 + margin: auto;
  20 +}
  21 +</style>
  22 +<body style="padding-top: 55px;">
  23 + <nav class="navbar navbar-default navbar-fixed-top">
  24 + <div class="container-fluid">
  25 + <div class="navbar-header">
  26 + <a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
  27 + class="fa fa-home fa-1x"></i></a>
  28 + </div>
  29 + </div>
  30 + </nav>
  31 + <div class="container-fluid">
  32 + <div class="row">
  33 + <ol class="breadcrumb">
  34 + <li><a href="../init/index.php?home=">i3Geo</a></li>
  35 + <li class="active">Social</li>
  36 + </ol>
  37 + </div>
  38 + </div>
  39 + <div class="container">
  40 + <div class="row center-block">
  41 + <div class="center-block col-xs-6">
  42 + <div class="panel panel-default">
  43 + <div class="panel-body">
  44 + <a class="twitter-timeline tline" href="https://twitter.com/i3geo"
  45 + data-widget-id="288061915689787392" height="320">Tweets @i3Geo</a>
  46 + </div>
  47 + </div>
  48 + </div>
  49 + <div class="center-block col-xs-6">
  50 + <div class="panel panel-default">
  51 + <div class="panel-body">
  52 + <a class="twitter-timeline htag" href="https://twitter.com/hashtag/i3geo"
  53 + data-widget-id="643417277208133633" height="320">i3geo Tweets</a>
  54 + </div>
  55 + </div>
  56 + </div>
  57 + </div>
  58 + <div class="row center-block">
  59 + <div tabindex="-1" class="col-xs-6 text-center">
  60 + <script type='text/javascript'
  61 + src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
  62 + </div>
  63 + <div tabindex="-1" class="col-xs-6 text-center">
  64 + <script type="text/javascript"
  65 + src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>
  66 + </div>
  67 + </div>
  68 + </div>
  69 + <script src='../classesjs/compactados/mustache.js'></script>
  70 + <script src='../classesjs/compactados/dicionario_compacto.js'></script>
  71 + <script src='../classesjs/compactados/classe_util_compacto.js'></script>
  72 + <script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
  73 + <script src="https://platform.twitter.com/widgets.js"></script>
  74 + <script>
  75 + $(document).ready(function(){
  76 + i3GEO.configura = {"locaplic" : "..","sid": ""};
  77 + $.material.init();
  78 + });
  79 + </script>
  80 +
  81 +</body>
  82 +</html>
utilitarios/index.php
@@ -21,7 +21,7 @@ include &quot;../init/head.php&quot;; @@ -21,7 +21,7 @@ include &quot;../init/head.php&quot;;
21 <nav class="navbar navbar-default navbar-fixed-top"> 21 <nav class="navbar navbar-default navbar-fixed-top">
22 <div class="container-fluid"> 22 <div class="container-fluid">
23 <div class="navbar-header"> 23 <div class="navbar-header">
24 - <a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i 24 + <a class="navbar-brand" href="../init/index.php?home="><?php echo $mensagemInicia;?> <i
25 class="fa fa-home fa-1x"></i></a> 25 class="fa fa-home fa-1x"></i></a>
26 </div> 26 </div>
27 </div> 27 </div>
@@ -30,7 +30,7 @@ include &quot;../init/head.php&quot;; @@ -30,7 +30,7 @@ include &quot;../init/head.php&quot;;
30 <div class="row"> 30 <div class="row">
31 <ol class="breadcrumb"> 31 <ol class="breadcrumb">
32 <li><a href="../init/index.php?home=">i3Geo</a></li> 32 <li><a href="../init/index.php?home=">i3Geo</a></li>
33 - <li class="active"></li> 33 + <li class="active">Utilit&aacute;rios</li>
34 </ol> 34 </ol>
35 </div> 35 </div>
36 </div> 36 </div>