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 38 ],
39 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 46 "4a" : [
... ... @@ -59,16 +59,16 @@ g_traducao_init =
59 59 ],
60 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 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 74 "6a" : [
... ... @@ -262,7 +262,7 @@ g_traducao_init =
262 262 ],
263 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 266 en : "",
267 267 es : ""
268 268 }
... ... @@ -290,7 +290,7 @@ g_traducao_init =
290 290 ],
291 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 294 en : "",
295 295 es : ""
296 296 }
... ... @@ -374,7 +374,7 @@ g_traducao_init =
374 374 ],
375 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 378 en : "",
379 379 es : ""
380 380 }
... ...
init/index.php
... ... @@ -42,6 +42,7 @@ include &quot;head.php&quot;;
42 42 }
43 43 </style>
44 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 46 <nav class="navbar navbar-default navbar-fixed-top">
46 47 <div class="container-fluid">
47 48 <div class="navbar-header">
... ... @@ -55,7 +56,7 @@ include &quot;head.php&quot;;
55 56 </div>
56 57 <div id="navbar" class="navbar-collapse collapse navbar-responsive-collapse">
57 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 60 </ul>
60 61 <ul class="nav navbar-nav navbar-right">
61 62 <li class="dropdown"><a
... ... @@ -73,6 +74,7 @@ include &quot;head.php&quot;;
73 74 <li><a href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li>
74 75 <li><a href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
75 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 78 </ul>
77 79 </div>
78 80 </div>
... ... @@ -96,14 +98,14 @@ include &quot;head.php&quot;;
96 98 </div>
97 99 </nav>
98 100  
99   - <div class="container">
  101 + <div class="container" id="conteudoPrincipal">
100 102 <div class="row center-block">
101 103 <!-- Template para criacao dos quadros ver index.js -->
102 104 <div id="botoesTpl" class="hidden">
103 105 <div class="cartao {{{fa}}} col-xs-12 center-block"
104 106 style="width: 260px; min-width: 260px; max-width: 260px;">
105 107 <div class="panel panel-default">
106   - <div class="panel-body">
  108 + <div class="panel-body" tabindex="-1" >
107 109 <!--
108 110 <div class="thumbnail" role="button" style="height: 90px;">
109 111 <a target="{{{target}}}" href="{{{href}}}"> <img class="img-rounded"
... ... @@ -112,25 +114,25 @@ include &quot;head.php&quot;;
112 114 </div>
113 115 -->
114 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 118 style="height: 100%; width: 100%" src="../imagens/branco.gif" />
117 119 </a>
118 120 </div>
119 121  
120 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 125 </div>
124 126 <div class="panel-footer text-right"
125 127 style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
126 128 <div class="row center-block">
127 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 131 class="btn btn-primary btn-fab btn-fab-mini" href="#"> <span
130 132 class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
131 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 136 <span data-cookie="{{{img}}}" class="glyphicon glyphicon-star" aria-hidden="true"></span>
135 137 </button>
136 138 </div>
... ... @@ -144,49 +146,20 @@ include &quot;head.php&quot;;
144 146 </div>
145 147 </div>
146 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 149 </div>
166 150  
167 151 </div>
168 152 <div tabindex="-1" class="container-fluid"
169 153 style="background-color: rgb(250, 250, 250); margin-top: 10px; padding-top: 10px;">
170   -
171 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 157 alt="Licen&ccedil;a Creative Commons" style="border-width: 0"
176 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 160 href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative
179 161 Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a>
180 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 163 </div>
191 164 </div>
192 165  
... ... @@ -220,28 +193,6 @@ include &quot;head.php&quot;;
220 193 var u = window.location.origin + window.location.pathname + "?home=";
221 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 196 $('[data-toggle="quadroQrcode"]').popover({
246 197 html: true,
247 198 placement: "auto",
... ...
social/index.js 0 → 100755
social/index.php 0 → 100755
... ... @@ -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 21 <nav class="navbar navbar-default navbar-fixed-top">
22 22 <div class="container-fluid">
23 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 25 class="fa fa-home fa-1x"></i></a>
26 26 </div>
27 27 </div>
... ... @@ -30,7 +30,7 @@ include &quot;../init/head.php&quot;;
30 30 <div class="row">
31 31 <ol class="breadcrumb">
32 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 34 </ol>
35 35 </div>
36 36 </div>
... ...