Download as
Browse Code »

Commit 18a3962af298bd576ed0b94200c4a8edf90631a3

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

ajuste no layout da página inicial para funcionar em smtfone

Showing 2 changed files with 36 additions and 21 deletions   Show diff stats
init/index.js
  Diff comments   View file @18a3962
... ... @@ -209,14 +209,13 @@ function mostraBotoesBT(template,men){
209 209 i3GEO.idioma.IDSELETOR = "bandeiras";
210 210 i3GEO.idioma.mostraSeletor();
211 211 //i3GEO.barraDeBotoes.ATIVA = false;
212   - var atalhos = [], ins = [],i,n = botoesIni.length;
  212 + var ins = [],i,n = botoesIni.length;
213 213 for(i=0;i<n;i++){
214 214 botoesIni[i].img = "imagens/"+botoesIni[i].img;
215 215 ins.push(Mustache.render(template, botoesIni[i]));
216   - if(botoesIni[i].atalho){
217   - atalhos.push(Mustache.render('<a href="{{{href}}}" target="_blank" class="btn btn-raised">{{{titulo}}}</a>', botoesIni[i]));
218   - }
  216 + //if(botoesIni[i].atalho){
  217 + // atalhos.push(Mustache.render('<a href="{{{href}}}" target="_blank" class="btn btn-raised">{{{titulo}}}</a>', botoesIni[i]));
  218 + //}
219 219 }
220 220 $i("botoes").innerHTML = ins.join("");
221   - //$i("atalhos").innerHTML = atalhos.join("");
222 221 }
... ...
init/nindex.php
  Diff comments   View file @18a3962
... ... @@ -78,6 +78,11 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
78 78 text-align: left;
79 79 }
80 80 </style>
  81 + <script src='../classesjs/compactados/dicionario_compacto.js'></script>
  82 + <script src='../classesjs/compactados/classe_util_compacto.js'></script>
  83 + <script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
  84 + <script src='../classesjs/compactados/mustache.js'></script>
  85 + <script src='dicionario.js'></script>
81 86 </head>
82 87  
83 88 <body style="background-color: #eeeeee; padding-top: 80px;">
... ... @@ -110,19 +115,18 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
110 115 </div>
111 116 <div id="botoes">
112 117 </div>
113   - <div class="col-sm-12" style="width:260px;">
  118 +
  119 + <div class="col-sm-12 hidden" id="tt" style="width:260px;">
114 120 <div class="panel panel-default" >
115 121 <div class="panel-body">
116 122 <a class="twitter-timeline" href="https://twitter.com/i3geo" data-widget-id="288061915689787392" height="300">Tweets @i3Geo</a>
117   - <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
118 123 </div>
119 124 </div>
120 125 </div>
121   - <div class="col-sm-12" style="width:260px;">
  126 + <div class="col-sm-12 hidden" style="width:260px;">
122 127 <div class="panel panel-default" >
123 128 <div class="panel-body">
124 129 <a class="twitter-timeline" href="https://twitter.com/hashtag/i3geo" data-widget-id="643417277208133633" height="300">i3geo Tweets</a>
125   - <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
126 130 </div>
127 131 </div>
128 132 </div>
... ... @@ -130,26 +134,20 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
130 134  
131 135 <hr>
132 136  
133   - <footer>
134   - <div class="row" >
135   - <div class="col-sm-10"
  137 + <footer class="text-center" >
  138 + <div class="row hidden" >
  139 + <div class="col-sm-6"
136 140 <a rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank"><img alt="Licen&ccedil;a Creative Commons" style="border-width: 0" src="https://i.creativecommons.org/l/GPL/2.0/88x62.png" /></a><br />O i3Geo est&aacute; licenciado com uma Licen&ccedil;a <a
137 141 rel="license" href="http://creativecommons.org/licenses/GPL/2.0/legalcode.pt" target="_blank">Creative Commons - Licen&ccedil;a P&uacute;blica Geral GNU (&#34;GNU General Public License&#34;)</a>
138 142 </div>
139   - <div class="col-sm-2">
  143 + <div class="col-sm-6">
140 144 <script type='text/javascript' src='https://www.openhub.net/p/i3geo/widgets/project_users?format=js&style=blue'></script>
141 145 </div>
142   -
143 146 </div>
144 147 </footer>
145 148  
146 149 </div>
147   - <!--/.container-->
148   - <script src='../classesjs/compactados/dicionario_compacto.js'></script>
149   - <script src='../classesjs/compactados/classe_util_compacto.js'></script>
150   - <script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
151   - <script src='../classesjs/compactados/mustache.js'></script>
152   - <script src='dicionario.js'></script>
  150 +
153 151 <?php
154 152 echo "<script>";
155 153 include "index.js";
... ... @@ -158,7 +156,7 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
158 156 ?>
159 157 <script>
160 158 $(document).ready(function(){
161   - var template = '<div class="col-sm-12" style="width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
  159 + var template = '<div class="col-sm-12" style="width:260px;min-width:260px;max-width:260px;"><div class="panel panel-default"><div class="panel-body" style="height: 250px;"><div class="thumbnail" style="height:90px;"><img class="img-rounded" style="height: 100%; width: 100%" src="{{{img}}}" /></div><h4>{{{titulo}}}</h4><div style="overflow:auto;height:200px;"><p>{{{subtitulo}}}</p></div></div><div class="panel-footer text-right" style="border:0px;background-color:white;"><p><a class="btn btn-primary btn-raised" href="{{{href}}}" role="button" target="_blank" >Abrir <i class="fa fa-{{{fa}}}" aria-hidden="true" ></i></a></p></div></div></div>';
162 160 <?php
163 161 if ($i3geomaster [0] ["usuario"] == "admin" && $i3geomaster [0] ["senha"] == "admin") {
164 162 echo "var men = $" . "trad(19,g_traducao_init);";
... ... @@ -167,6 +165,24 @@ define ( &quot;ONDEI3GEO&quot;, &quot;..&quot; );
167 165 }
168 166 ?>
169 167 mostraBotoesBT(template, '<div class="alert alert-danger">' + men + '</div>');
  168 + $('.hidden').removeClass('hidden');
  169 + //carrega o TT
  170 + window.twttr = (function(d, s, id) {
  171 + var js, fjs = d.getElementsByTagName(s)[0],
  172 + t = window.twttr || {};
  173 + if (d.getElementById(id)) return t;
  174 + js = d.createElement(s);
  175 + js.id = id;
  176 + js.src = "https://platform.twitter.com/widgets.js";
  177 + fjs.parentNode.insertBefore(js, fjs);
  178 +
  179 + t._e = [];
  180 + t.ready = function(f) {
  181 + t._e.push(f);
  182 + };
  183 +
  184 + return t;
  185 + }(document, "script", "twitter-wjs"));
170 186 });
171 187 </script>
172 188 </body>
... ...