Download as
Browse Code »

Commit db8d23614f747a8e0a1fb95b5d0b9ca7b7c95d07

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

Adaptação da ferramenta de ativação de etiquetas para uso do bootstrap

Showing 3 changed files with 114 additions and 60 deletions   Show diff stats
ferramentas/etiqueta/index.js
  Diff comments   View file @db8d236
... ... @@ -50,6 +50,7 @@ i3GEOF.etiqueta = {
50 50 * Template no formato mustache. E preenchido na carga do javascript com o programa dependencias.php
51 51 */
52 52 MUSTACHE : "",
  53 + MUSTACHELISTA : "",
53 54 /**
54 55 * Susbtitutos para o template
55 56 */
... ... @@ -69,12 +70,20 @@ i3GEOF.etiqueta = {
69 70 */
70 71 inicia: function(iddiv){
71 72 if(i3GEOF.etiqueta.MUSTACHE == ""){
72   - $.get(i3GEO.configura.locaplic + "/ferramentas/etiqueta/template_mst.html", function(template) {
73   - i3GEOF.etiqueta.MUSTACHE = template;
  73 + var t1 = i3GEO.configura.locaplic + "/ferramentas/etiqueta/template_mst.html",
  74 + t2 = i3GEO.configura.locaplic + "/ferramentas/etiqueta/templateLista_mst.html";
  75 +
  76 + $.when( $.get(t1),$.get(t2) ).done(function(r1,r2) {
  77 + i3GEOF.etiqueta.MUSTACHE = r1[0];
  78 + i3GEOF.etiqueta.MUSTACHELISTA = r2[0];
74 79 i3GEOF.etiqueta.inicia(iddiv);
  80 + }).fail(function() {
  81 + i3GEO.janela.closeMsg($trad("erroTpl"));
  82 + return;
75 83 });
76 84 return;
77 85 }
  86 +
78 87 if (!$i("i3GEOFetiquetaComboCabecaSel")) {
79 88 i3GEO.janela.comboCabecalhoTemasBs("i3GEOFetiquetaComboCabeca","i3GEOFetiquetaComboCabecaSel","etiqueta","ligadosComTabela",function(evt){
80 89 var botao = evt.target;
... ... @@ -96,16 +105,7 @@ i3GEOF.etiqueta = {
96 105 }
97 106 try{
98 107 $i(iddiv).innerHTML += i3GEOF.etiqueta.html();
99   - var b = new YAHOO.widget.Button(
100   - "i3GEOetiquetabotao1",
101   - {onclick:{fn: i3GEOF.etiqueta.ativa}}
102   - );
103   - b.addClass("rodar150");
104   - b = new YAHOO.widget.Button(
105   - "i3GEOetiquetabotao2",
106   - {onclick:{fn: i3GEOF.etiqueta.desativa}}
107   - );
108   - b.addClass("rodar150");
  108 +
109 109 i3GEOF.etiqueta.ativaFoco();
110 110 }
111 111 catch(erro){i3GEO.janela.tempoMsg(erro);}
... ... @@ -141,7 +141,7 @@ i3GEOF.etiqueta = {
141 141 i3GEO.janela.minimiza("i3GEOF.etiqueta");
142 142 };
143 143 //cria a janela flutuante
144   - titulo = "<div id='i3GEOFetiquetaComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:5px;'> ------</div></div><a class='i3GeoTituloJanelaBs' target=_blank href='" + i3GEO.configura.locaplic + "/ajuda_usuario.php?idcategoria=5&idajuda=37' >"+$trad("d7at")+"</a>";
  144 + titulo = "<div id='i3GEOFetiquetaComboCabeca' class='comboTemasCabecalhoBs form-group' style='width:200px; left:15px;'> ------</div></div><a class='i3GeoTituloJanelaBs' target=_blank href='" + i3GEO.configura.locaplic + "/ajuda_usuario.php?idcategoria=5&idajuda=37' >"+$trad("d7at")+"</a>";
145 145 janela = i3GEO.janela.cria(
146 146 "510px",
147 147 "300px",
... ... @@ -155,7 +155,11 @@ i3GEOF.etiqueta = {
155 155 cabecalho,
156 156 minimiza,
157 157 "",
158   - true
  158 + true,
  159 + "",
  160 + "",
  161 + "",
  162 + ""
159 163 );
160 164 divid = janela[2].id;
161 165 i3GEOF.etiqueta.aguarde = $i("i3GEOF.etiqueta_imagemCabecalho").style;
... ... @@ -190,68 +194,62 @@ i3GEOF.etiqueta = {
190 194 */
191 195 montaListaItens: function(retorno){
192 196 var funcao = function(dadosItens){
193   - var ins,i,n,itensatuais,item,ck = '',lista;
  197 + var mustache = [], ins,i,n,itensatuais,item, ck = '',lista, temp;
194 198 lista = dadosItens.data;
195 199 try{
196 200 itensatuais = i3GEO.arvoreDeCamadas.pegaTema(i3GEO.temaAtivo);
197 201 itensatuais = itensatuais.etiquetas.split(",");
198   - ins = [];
199   - ins.push("<table class='lista8' >");
200   - ins.push("<tr><td>Coluna</td><td>Identifica</td><td>Tip</td><td>Busca</td><td>Alias</td><td>Link</td>");
201 202 n = retorno.data.valores.length;
202 203 for (i=0;i<n; i++){
203   -
204   - ins.push("<tr>");
205   - //nome da coluna
  204 + temp = {};
206 205 item = retorno.data.valores[i].item;
207   - ins.push("<td>&nbsp;"+item+"</td>");
208   - //itens
  206 + temp.item = item;
209 207 if(i3GEO.util.in_array(item,lista.itens) || i3GEO.util.in_array(item,itensatuais) || lista.itembuscarapida[item]){
210   - ck = "checked";
  208 + temp.ckIdentifica = "checked";
211 209 }
212 210 else{
213   - ck = "";
  211 + temp.ckIdentifica = "";
214 212 }
215   - ins.push("<td><input onclick='i3GEOF.etiqueta.ativaLinha(this)' style='cursor:pointer' id='etiqueta_"+item+"' "+ck+" type='checkbox' value='"+item+"' name='identifica' /></td>");
216   -
217   - //etiquetas tip
218 213 if(i3GEO.util.in_array(item,itensatuais)){
219   - ck = "checked";
  214 + temp.ckEtiquetaTip = "checked";
220 215 }
221 216 else{
222   - ck = "";
  217 + temp.ckEtiquetaTip = "";
223 218 }
224   - ins.push("<td><input disabled style='cursor:pointer' "+ck+" type='checkbox' value='"+item+"' name='etiquetaTip' /></td>");
225 219 //buscarapida
226 220 if(lista.itembuscarapida === item){
227   - ck = "checked";
  221 + temp.ckBuscaRapida = "checked";
228 222 }
229 223 else{
230   - ck = "";
  224 + temp.ckBuscaRapida = "";
231 225 }
232   - ins.push("<td><input style='cursor:pointer' value='"+item+"' type='radio' "+ck+" name='itembuscarapida' /></td>");
233   - //alias dos itens
234 226 if(lista.itensdesc[item]){
235   - ck = lista.itensdesc[item];
  227 + temp.ckitensdesc = lista.itensdesc[item];
236 228 }
237 229 else{
238   - ck = item;
  230 + temp.ckitensdesc = item;
239 231 }
240   - ins.push("<td><div class='i3geoForm150 i3geoFormIconeEdita' ><input disabled type='text' value='"+ck+"' name='itensdesc' /></div></td>");
241 232 //links
242 233 if(lista.itenslink[item]){
243   - ck = lista.itenslink[item];
  234 + temp.ckitem = lista.itenslink[item];
244 235 }
245 236 else{
246   - ck = "";
  237 + temp.ckitem = "";
247 238 }
248   - ins.push("<td><div class='i3geoForm150 i3geoFormIconeEdita' ><input disabled type='text' value='"+ck+"' name='itenslink' /></div></td>");
249   -
250   -
251   - ins.push("</tr>");
  239 + mustache.push(temp);
252 240 }
253   - ins.push("</table>");
254   - $i("i3GEOetiquetalistai").innerHTML = ins.join("");
  241 + ins = Mustache.render(
  242 + i3GEOF.etiqueta.MUSTACHELISTA,
  243 + $.extend(
  244 + {},
  245 + {
  246 + "linhas" : mustache,
  247 + },
  248 + i3GEOF.etiqueta.DICIONARIO
  249 + )
  250 + );
  251 + $i("i3GEOetiquetalistai").innerHTML = ins;
  252 +
255 253 //enable
256 254 lista = $i("i3GEOetiquetalistai").getElementsByTagName("input");
257 255 n = lista.length;
... ... @@ -294,19 +292,19 @@ i3GEOF.etiqueta = {
294 292 n = inputs.length;
295 293 for (i=0;i<n; i++){
296 294 it = inputs[i];
297   - if (it.disabled === false && it.checked === true && it.name === "etiquetaTip"){
  295 + if (it.checked === true && it.name === "etiquetaTip"){
298 296 tips.push(it.value);
299 297 }
300   - if (it.disabled === false && it.checked === true && it.name === "identifica"){
  298 + if (it.checked === true && it.name === "identifica"){
301 299 itens.push(it.value);
302 300 }
303   - if (it.disabled === false && it.name === "itensdesc"){
  301 + if (it.name === "itensdesc"){
304 302 itensdesc.push(it.value);
305 303 }
306   - if (it.disabled === false && it.name === "itenslink"){
  304 + if (it.name === "itenslink"){
307 305 itenslink.push(it.value);
308 306 }
309   - if (it.checked === true && it.name === "itembuscarapida"){
  307 + if (it.name === "itembuscarapida"){
310 308 itembuscarapida = it.value;
311 309 }
312 310 }
... ...
ferramentas/etiqueta/templateLista_mst.html 0 → 100755
  Diff comments   View file @db8d236
... ... @@ -0,0 +1,57 @@
  1 +<div>
  2 + <table class="lista8" style="background-color: #89afd4;">
  3 + <tr>
  4 + <td>Coluna</td>
  5 + <td>Identifica</td>
  6 + <td>Tip</td>
  7 + <td>Busca</td>
  8 + <td>Alias</td>
  9 + <td>Link</td>
  10 + <tr>{{#linhas}}
  11 + <tr>
  12 + <td>{{{item}}}</td>
  13 + <td>
  14 + <div class="checkbox condensed">
  15 + <label>
  16 + <input {{{ckIdentifica}}} value="{{{item}}}" type="checkbox" name="identifica" />
  17 + <span class="checkbox-material noprint">
  18 + <span class="check"></span>
  19 + </span>
  20 + </label>
  21 + </div>
  22 + </td>
  23 + <td>
  24 + <div class="checkbox condensed">
  25 + <label>
  26 + <input {{{ckEtiquetaTip}}} type='checkbox' value="{{{item}}}" name='etiquetaTip' />
  27 + <span class="checkbox-material noprint">
  28 + <span class="check"></span>
  29 + </span>
  30 + </label>
  31 + </div>
  32 + </td>
  33 + <td>
  34 + <div class="radio radio-primary condensed">
  35 + <label>
  36 + <input {{{ckBuscaRapida}}} type='radio' value="{{{item}}}" name='itembuscarapida' />
  37 + <span class="circle">
  38 + <span class="check"></span>
  39 + </span>
  40 + </label>
  41 + </div>
  42 + </td>
  43 + <td>
  44 + <div class='form-group condensed'>
  45 + <input class="form-control input" type='text' name='itensdesc' value='{{{ckitensdesc}}}' />
  46 + </div>
  47 + </td>
  48 + <td>
  49 + <div class='form-group condensed'>
  50 + <input class="form-control input" type='text' name='itenslink' value='{{{ckitem}}}' />
  51 + </div>
  52 + </td>
  53 +
  54 + </tr>
  55 + {{/linhas}}
  56 + </table>
  57 +</div>
0 58 \ No newline at end of file
... ...
ferramentas/etiqueta/template_mst.html
  Diff comments   View file @db8d236
1   -<div style='margin-left: 5px;'>
2   - <div id='i3GEOetiquetalistai' class='digitar' style='text-align: left; left: 0px; top: 0px; width: 100%; height: 150px; overflow: auto; display: block;'></div>
  1 +<div class='container-fluid'>
  2 + <!-- ver templateLista_mst.html -->
  3 + <div id='i3GEOetiquetalistai'></div>
  4 +
  5 + <button onclick="i3GEOF.etiqueta.ativa()" class='btn btn-primary btn-sm btn-raised'>{{{aplica}}}</button>
  6 + <button onclick="i3GEOF.etiqueta.desativa()" class='btn btn-primary btn-sm btn-raised'>{{{desativaEtiquetas}}}</button>
  7 +
  8 + <h5 class="alert alert-info">{{{selecionaItem}}}</h5>
3 9  
4   - <br>
5   - <p class='paragrafo'>
6   - <input id='i3GEOetiquetabotao1' size='35' type='button' value='{{{aplica}}}' />
7   - <input id='i3GEOetiquetabotao2' size='35' type='button' value='{{{desativaEtiquetas}}}' />
8   - <p class='paragrafo'>
9   - {{{selecionaItem}}}<br>
10   - </p>
11 10 </div>
12 11 \ No newline at end of file
... ...