Commit 0a9633b90255ee5a0c62442626b55c70c20e0ce4
1 parent
8ba6a80a
Exists in
master
and in
7 other branches
Atualização admin1
Showing
5 changed files
with
76 additions
and
274 deletions
Show diff stats
admin1/dicionario/core.js
admin1/head.php
... | ... | @@ -179,6 +179,20 @@ body { |
179 | 179 | <script id="iconeAguardeTpl" type="x-tmpl-mustache"> |
180 | 180 | <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i> <span class="sr-only">Loading...</span> |
181 | 181 | </script> |
182 | +<!-- Template para o Modal de confirmacao --> | |
183 | +<script id="modalConfirmaTpl" type="x-tmpl-mustache"> | |
184 | + <button class="btn btn-primary btn-fab btn-fab-mini pull-left"> | |
185 | + <i class="material-icons">help</i> | |
186 | + </button> | |
187 | + <h4 class="pull-right">{{{mensagem}}}</h4> | |
188 | + <div class="clearfix"></div> | |
189 | + <div class="pull-right"> | |
190 | + <a href="javascript:void(0)" onclick="{{{onBotao1}}}" class="btn btn-primary" role="button">{{{botao1}}}</a> | |
191 | + <a href="javascript:void(0)" onclick="{{{onBotao2}}}" class="btn btn-primary" role="button">{{{botao2}}}</a> | |
192 | + </div> | |
193 | + <div class="clearfix"></div> | |
194 | +</script> | |
195 | + | |
182 | 196 | <body style="padding-top: 55px;" id="topo"> |
183 | 197 | <nav class="navbar navbar-default navbar-fixed-top"> |
184 | 198 | <div class="container-fluid"> |
... | ... | @@ -205,4 +219,12 @@ body { |
205 | 219 | </div> |
206 | 220 | </div> |
207 | 221 | </nav> |
222 | + <!--Modal de uso geral Varia apenas o body --> | |
223 | + <div id="modalGeral" class="modal fade" tabindex="-1"> | |
224 | + <div class="modal-dialog modal-lg"> | |
225 | + <div class="modal-content"> | |
226 | + <div class="modal-body modal-lg"></div> | |
227 | + </div> | |
228 | + </div> | |
229 | + </div> | |
208 | 230 | <!-- ate aqui veio de admin1/head.php --> |
209 | 231 | \ No newline at end of file | ... | ... |
admin1/js/core.js
... | ... | @@ -67,9 +67,32 @@ Armazena o objeto com a lista de perfis |
67 | 67 | $perfis = ""; |
68 | 68 | |
69 | 69 | //funcoes jquery + bootstrap |
70 | -function fechaDialogoModal(){ | |
71 | - $("#dialogoModal").modal('hide'); | |
70 | +// | |
71 | +function fechaModal(id){ | |
72 | + $("#"+id).modal("hide"); | |
73 | +} | |
74 | +function abreModal(id,conteudo){ | |
75 | + $("#"+id+" .modal-body").html(conteudo); | |
76 | + $("#"+id).modal("show"); | |
77 | + $.material.init(); | |
78 | +} | |
79 | +function fechaModalGeral(){ | |
80 | + fechaModal("modalGeral"); | |
81 | +} | |
82 | +function abreModalGeral(conteudo){ | |
83 | + abreModal("modalGeral",conteudo); | |
72 | 84 | } |
85 | +function fechaModalConfirmal(){ | |
86 | + fechaModal("modalConfirmaTpl"); | |
87 | +} | |
88 | +function abreModalConfirma(hash){ | |
89 | + var conteudo = Mustache.to_html( | |
90 | + $("#modalConfirmaTpl").html(), | |
91 | + hash | |
92 | + ); | |
93 | + abreModal("modalGeral",conteudo); | |
94 | +} | |
95 | + | |
73 | 96 | function iconeAguarde(onde){ |
74 | 97 | if(onde.html){ |
75 | 98 | onde.html($("#iconeAguardeTpl").html()); | ... | ... |
admin1/usuarios/operacoes/index.js
... | ... | @@ -30,6 +30,8 @@ Inicializa o editor |
30 | 30 | function init(onde){ |
31 | 31 | //variavel global indicando o elemento que recebera a lista de operacoes |
32 | 32 | ondeListaOperacoes = onde; |
33 | + //conteudo html do formulario de adicao de operacao | |
34 | + formAdicionaOperacao = ""; | |
33 | 35 | pegaOperacoes(); |
34 | 36 | } |
35 | 37 | /* |
... | ... | @@ -55,7 +57,9 @@ function pegaOperacoes(){ |
55 | 57 | { |
56 | 58 | "data":json["operacoes"], |
57 | 59 | "excluir": $trad("excluir",i3GEOadmin.core.dicionario), |
60 | + "onExcluir": "excluirOperacaoDialogo",//funcao | |
58 | 61 | "salvar": $trad("salva",i3GEOadmin.core.dicionario), |
62 | + "onSalvar": "salvarOperacaoDialogo",//funcao | |
59 | 63 | "labelCodigo": $trad("codigo",i3GEOadmin.operacoes.dicionario), |
60 | 64 | "labelDescricao": $trad("descricao",i3GEOadmin.operacoes.dicionario), |
61 | 65 | "operacao": $trad("operacao",i3GEOadmin.operacoes.dicionario), |
... | ... | @@ -99,7 +103,7 @@ function pegaOperacoes(){ |
99 | 103 | "operacao": $trad("operacao",i3GEOadmin.operacoes.dicionario), |
100 | 104 | "papeisv": $trad("papeisv",i3GEOadmin.operacoes.dicionario), |
101 | 105 | "excluir": $trad("cancelar",i3GEOadmin.core.dicionario), |
102 | - "onExcluir": "fechaDialogoModal",//funcao | |
106 | + "onExcluir": "fechaModalGeral",//funcao | |
103 | 107 | "salvar": $trad("salva",i3GEOadmin.core.dicionario), |
104 | 108 | "onSalvar": "adicionaOperacao",//funcao |
105 | 109 | "codigo": "", |
... | ... | @@ -115,16 +119,17 @@ function pegaOperacoes(){ |
115 | 119 | } |
116 | 120 | } |
117 | 121 | ); |
118 | - $("#dialogoModal .modal-body").html(html); | |
119 | - $('#dialogoModal').on('show.bs.modal', function (e) { | |
120 | - $("#form-modal").show(); | |
121 | - }); | |
122 | - | |
122 | + formAdicionaOperacao = html; | |
123 | 123 | $.material.init(); |
124 | 124 | } |
125 | 125 | ); |
126 | 126 | } |
127 | - | |
127 | +function adicionaOperacaoDialogo(){ | |
128 | + abreModalGeral(formAdicionaOperacao); | |
129 | +} | |
130 | +// | |
131 | +//os parametros sao obtidos do formulario aberto do modal | |
132 | +// | |
128 | 133 | function adicionaOperacao(){ |
129 | 134 | iconeAguarde(ondeListaOperacoes); |
130 | 135 | var parametros = $("#form-modal form").serialize(); |
... | ... | @@ -137,253 +142,13 @@ function adicionaOperacao(){ |
137 | 142 | } |
138 | 143 | ); |
139 | 144 | } |
140 | - | |
141 | -/* | |
142 | -Function: montaArvore | |
143 | - | |
144 | -Monta a árvore de edição | |
145 | - | |
146 | -<PEGAPRANCHAS> | |
147 | - */ | |
148 | -function montaArvore(dados){ | |
149 | - YAHOO.example.treeExample = new function() | |
150 | - { | |
151 | - tree = ""; | |
152 | - function changeIconMode() | |
153 | - { | |
154 | - buildTree(); | |
155 | - } | |
156 | - function loadNodeData(node, fnLoadComplete){ | |
157 | - var sUrl = "../php/operacoes.php?funcao=pegaPapeisOperacao&id_operacao="+node.data.id_operacao; | |
158 | - var callback = { | |
159 | - success: function(oResponse){ | |
160 | - var dados = YAHOO.lang.JSON.parse(oResponse.responseText); | |
161 | - adicionaNosPapeis(node,dados,false); | |
162 | - oResponse.argument.fnLoadComplete(); | |
163 | - }, | |
164 | - failure: function(oResponse){ | |
165 | - oResponse.argument.fnLoadComplete(); | |
166 | - }, | |
167 | - argument:{ | |
168 | - "node": node, | |
169 | - "fnLoadComplete": fnLoadComplete | |
170 | - }, | |
171 | - timeout: 25000 | |
172 | - }; | |
173 | - YAHOO.util.Connect.asyncRequest('GET', sUrl, callback); | |
174 | - } | |
175 | - function buildTree(){ | |
176 | - tree = new YAHOO.widget.TreeView("tabela"); | |
177 | - tree.setDynamicLoad(loadNodeData, 1); | |
178 | - var root = tree.getRoot(); | |
179 | - var tempNode = new YAHOO.widget.TextNode('', root, false); | |
180 | - tempNode.isLeaf = true; | |
181 | - tempNode.enableHighlight = false; | |
182 | - core_carregando("desativa"); | |
183 | - } | |
184 | - buildTree(); | |
185 | - }(); | |
186 | - adicionaNosOperacoes(dados); | |
187 | - tree.draw(); | |
188 | -} | |
189 | -/* | |
190 | -Function: adicionaNosPapeis | |
191 | - | |
192 | -Mostra os nos de uma operacao | |
193 | - | |
194 | -<PEGATEMAS> | |
195 | - */ | |
196 | -function adicionaNosPapeis(no,dados,redesenha) | |
197 | -{ | |
198 | - function temaIconMode() | |
199 | - { | |
200 | - var newVal = parseInt(this.value); | |
201 | - if (newVal != currentIconMode) | |
202 | - {currentIconMode = newVal;} | |
203 | - } | |
204 | - if(!redesenha) | |
205 | - { | |
206 | - var conteudo = "<span style=\"cursor:pointer;\" onclick=\"editar('papel','"+no.data.id_operacao+"')\" ><img style=\"position:relative;top:2px\" src=\"../imagens/05.png\" /><i>"+ $trad("adicionaPapel",i3GEOadmin.operacoes.dicionario) +"</i></span>"; | |
207 | - var d = {html:conteudo}; | |
208 | - var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true); | |
209 | - tempNode.isLeaf = true; | |
210 | - tempNode.enableHighlight = false; | |
211 | - } | |
212 | - for (var i=0, j=dados.length; i<j; i++) | |
213 | - { | |
214 | - var conteudo = " <img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('papel','"+dados[i].id_operacao+"','"+dados[i].id_papel+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"; | |
215 | - if(dados[i].nome != "") | |
216 | - {conteudo += " <span><b>"+dados[i].nome+"</b> - "+dados[i].descricao+"</span>";} | |
217 | - else | |
218 | - {conteudo += " <span style=color:red >Edite para definir o papel!!!</span>";} | |
219 | - var d = {html:conteudo,id_nopapel:dados[i].id_operacao+"_"+dados[i].id_papel,tipo:"papel"}; | |
220 | - var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true); | |
221 | - tempNode.isLeaf = true; | |
222 | - tempNode.enableHighlight = false; | |
223 | - } | |
224 | - if(redesenha){tree.draw();} | |
225 | -} | |
226 | -function adicionaNosOperacoes(dados,redesenha){ | |
227 | - var root = tree.getRoot(); | |
228 | - for (var i=0, j=dados.length; i<j; i++){ | |
229 | - var conteudo = " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"editar('operacao','"+dados[i].id_operacao+"')\" title=editar src=\"../imagens/06.png\" /><b>"; | |
230 | - if(dados[i].codigo != "") | |
231 | - {conteudo += " <span>"+dados[i].codigo+" - "+dados[i].descricao+"</span>";} | |
232 | - else | |
233 | - {conteudo += " <span style=color:red >"+ $trad("editaOperacao",i3GEOadmin.operacoes.dicionario) +"</span>";} | |
234 | - var d = {html:conteudo,id_operacao:dados[i].id_operacao,tipo:"operacao"}; | |
235 | - var tempNode = new YAHOO.widget.HTMLNode(d, root, false,true); | |
236 | - tempNode.enableHighlight = false; | |
237 | - } | |
238 | - if(redesenha){tree.draw();} | |
239 | -} | |
240 | -/* | |
241 | -Function: editar | |
242 | - | |
243 | -Abre o editor de um no | |
244 | - */ | |
245 | -function editar(tipo,id) | |
246 | -{ | |
247 | - core_carregando("ativa"); | |
248 | - core_carregando($trad("msgBuscaDados",i3GEOadmin.core.dicionario)); | |
249 | - var sUrl = null; | |
250 | - var callback = | |
251 | - { | |
252 | - success:function(o) | |
253 | - { | |
254 | - try | |
255 | - { | |
256 | - if(tipo == "operacao") | |
257 | - { | |
258 | - var dados = YAHOO.lang.JSON.parse(o.responseText)[0]; | |
259 | - core_montaEditor("gravaDados('operacao','"+id+"')","","","",$trad("operacao",i3GEOadmin.operacoes.dicionario),true,true,false); | |
260 | - $i("editor_bd").innerHTML = montaDivOperacao(dados); | |
261 | - core_carregando("desativa"); | |
262 | - } | |
263 | - if(tipo == "papel") | |
264 | - { | |
265 | - var dados = YAHOO.lang.JSON.parse(o.responseText); | |
266 | - core_montaEditor("gravaDados('papel','"+id+"')","250px","100px","","Papel",true,true,false); | |
267 | - $i("editor_bd").innerHTML = montaDivPapel(dados); | |
268 | - document.getElementById("Eid_papel").style.width = "200px"; | |
269 | - core_carregando("desativa"); | |
270 | - } | |
271 | - core_carregando("desativa"); | |
272 | - } | |
273 | - catch(e){core_handleFailure(e,o.responseText);} | |
274 | - }, | |
275 | - failure:core_handleFailure, | |
276 | - argument: { foo:"foo", bar:"bar" } | |
277 | - }; | |
278 | - if(tipo == "operacao") | |
279 | - {sUrl = "../php/operacoes.php?funcao=pegaDadosOperacao&id_operacao="+id;} | |
280 | - if(tipo == "papel") | |
281 | - {sUrl = "../php/operacoes.php?funcao=listaPapeis";} | |
282 | - if(sUrl) | |
283 | - {core_makeRequest(sUrl,callback);} | |
284 | -} | |
285 | -function montaDivOperacao(i){ | |
286 | - var param = { | |
287 | - "linhas":[ | |
288 | - {titulo:$trad("codigo",i3GEOadmin.operacoes.dicionario),id:"Ecodigo",size:"50",value:i.codigo,tipo:"text",div:""}, | |
289 | - {titulo:$trad("descricao",i3GEOadmin.operacoes.dicionario),id:"Edescricao",size:"50",value:i.descricao,tipo:"text",div:""} | |
290 | - ] | |
291 | - }; | |
292 | - var ins = ""; | |
293 | - ins += core_geraLinhas(param); | |
294 | - return(ins); | |
295 | -} | |
296 | -function montaDivPapel(dados){ | |
297 | - var ins = "<div class='styled-select'><select id='Eid_papel' >"; | |
298 | - ins += core_comboObjeto(dados,"id_papel","nome","","descricao"); | |
299 | - ins += "</select></div>"; | |
300 | - return(ins); | |
301 | -} | |
302 | -/* | |
303 | -Function: excluir | |
304 | - | |
305 | -Exclui um elemento do atlas | |
306 | - | |
307 | -<EXCLUIRATLAS> | |
308 | - | |
309 | -<EXCLUIRPRANCHA> | |
310 | - | |
311 | -<EXCLUIRTEMA> | |
312 | - */ | |
313 | -function excluir(tipo,id_operacao,id_papel) | |
314 | -{ | |
315 | - var mensagem = $trad("msgExclui",i3GEOadmin.core.dicionario)+id_operacao+" - "+id_papel; | |
316 | - var no = null; | |
317 | - var sUrl = null; | |
318 | - if(tipo == "papel") | |
319 | - { | |
320 | - no = tree.getNodeByProperty("id_nopapel",id_operacao+"_"+id_papel); | |
321 | - sUrl = "../php/operacoes.php?funcao=excluirPapelOperacao&id_papel="+id_papel+"&id_operacao="+id_operacao; | |
322 | - } | |
323 | - if(sUrl) | |
324 | - {core_excluiNoTree(sUrl,no,mensagem);} | |
325 | -} | |
326 | -/* | |
327 | -Function: gravaDados | |
328 | - | |
329 | -Altera dados de um elemento do Atlas | |
330 | - | |
331 | -<ALTERARATLAS> | |
332 | - | |
333 | -<ALTERARPRANCHA> | |
334 | - | |
335 | -<ALTERARTEMA> | |
336 | - */ | |
337 | -function gravaDados(tipo,id) | |
338 | -{ | |
339 | - var campos = null; | |
340 | - var par = null; | |
341 | - var prog = null; | |
342 | - if(tipo == "operacao"){ | |
343 | - campos = new Array("codigo","descricao"); | |
344 | - par = "&id_operacao="+id; | |
345 | - prog = "../php/operacoes.php?funcao=alterarOperacoes"; | |
346 | - } | |
347 | - if(tipo == "papel"){ | |
348 | - campos = new Array("id_papel"); | |
349 | - par = "&id_operacao="+id; | |
350 | - prog = "../php/operacoes.php?funcao=adicionaPapelOperacoes"; | |
351 | - } | |
352 | - for (var i=0;i<campos.length;i++) | |
353 | - {par += "&"+campos[i]+"="+($i("E"+campos[i]).value);} | |
354 | - | |
355 | - var callback = { | |
356 | - success:function(o){ | |
357 | - try { | |
358 | - if(YAHOO.lang.JSON.parse(o.responseText) == "erro") { | |
359 | - core_carregando("<span style=color:red >"+ $trad("msgErroExclui",i3GEOadmin.operacoes.dicionario) +"</span>"); | |
360 | - setTimeout("core_carregando('desativa')",3000); | |
361 | - } | |
362 | - else{ | |
363 | - if(tipo == "operacao"){ | |
364 | - var no = tree.getNodeByProperty("id_operacao",id); | |
365 | - no.getContentEl().getElementsByTagName("span")[0].innerHTML = document.getElementById("Ecodigo").value; | |
366 | - no.getContentEl().getElementsByTagName("span")[0].style.color = ""; | |
367 | - no.html = no.getContentEl().innerHTML; | |
368 | - } | |
369 | - if(tipo == "papel"){ | |
370 | - var no = tree.getNodeByProperty("id_operacao",id); | |
371 | - adicionaNosPapeis(no,YAHOO.lang.JSON.parse(o.responseText),true); | |
372 | - } | |
373 | - core_carregando("desativa"); | |
374 | - } | |
375 | - YAHOO.admin.container.panelEditor.destroy(); | |
376 | - YAHOO.admin.container.panelEditor = null; | |
377 | - } | |
378 | - catch(e){core_handleFailure(e,o.responseText);} | |
379 | - }, | |
380 | - failure:core_handleFailure, | |
381 | - argument: { foo:"foo", bar:"bar" } | |
145 | +function excluirOperacaoDialogo(id_operacao){ | |
146 | + var hash = { | |
147 | + "mensagem": $trad("excluiMesmo",i3GEOadmin.core.dicionario), | |
148 | + "onBotao1": "", | |
149 | + "botao1": $trad("sim",i3GEOadmin.core.dicionario), | |
150 | + "onBotao2": "", | |
151 | + "botao2": $trad("nao",i3GEOadmin.core.dicionario) | |
382 | 152 | }; |
383 | - if(prog && par){ | |
384 | - core_carregando("ativa"); | |
385 | - core_carregando($trad("gravaId",i3GEOadmin.core.dicionario)+id); | |
386 | - var sUrl = prog+par; | |
387 | - core_makeRequest(sUrl,callback,'POST'); | |
388 | - } | |
153 | + abreModalConfirma(hash); | |
389 | 154 | } | ... | ... |
admin1/usuarios/operacoes/index.php
... | ... | @@ -25,7 +25,7 @@ include "../../head.php"; |
25 | 25 | <h3>{{{operacoes}}}</h3> |
26 | 26 | <h4>{{{txtAjuda}}}</h4> |
27 | 27 | <div class="row pull-right"> |
28 | - <a data-toggle="modal" data-target="#dialogoModal" href="javascript:void(0)" class="btn btn-primary" role="button">{{{adicionar}}}</a> | |
28 | + <a onclick="adicionaOperacaoDialogo();" href="javascript:void(0)" class="btn btn-primary" role="button">{{{adicionar}}}</a> | |
29 | 29 | </div> |
30 | 30 | <div class="clearfix"></div> |
31 | 31 | <!--Modal ajuda--> |
... | ... | @@ -38,18 +38,9 @@ include "../../head.php"; |
38 | 38 | </div> |
39 | 39 | </div> |
40 | 40 | </div> |
41 | - <!--Modal de uso geral--> | |
42 | - <div id="dialogoModal" class="modal fade" tabindex="-1"> | |
43 | - <div class="modal-dialog modal-lg"> | |
44 | - <div class="modal-content"> | |
45 | - <div class="modal-body modal-lg"></div> | |
46 | - </div> | |
47 | - </div> | |
48 | - </div> | |
49 | 41 | </div> |
50 | 42 | <div class="well hidden"> |
51 | 43 | <div id="corpo"> |
52 | - | |
53 | 44 | </div> |
54 | 45 | </div> |
55 | 46 | </div> |
... | ... | @@ -57,7 +48,6 @@ include "../../head.php"; |
57 | 48 | <div class="col-md-2 hidden-sm hidden"> |
58 | 49 | <nav class="bs-docs-sidebar affix-top" style="" id="indiceSpy"> |
59 | 50 | <ul class="nav nav-pills nav-stacked" role="tablist"> |
60 | - | |
61 | 51 | <li><a onclick="$('.panel').show();" href="#">Links <i class="material-icons">visibility</i></a></li> |
62 | 52 | </ul> |
63 | 53 | <ul class="nav nav-pills nav-stacked" role="tablist" id="indice"> |
... | ... | @@ -67,6 +57,7 @@ include "../../head.php"; |
67 | 57 | |
68 | 58 | </div> |
69 | 59 | </div> |
60 | +<!-- li do indice lateral--> | |
70 | 61 | <script id="indiceTpl" type="x-tmpl-mustache"> |
71 | 62 | <li><a onclick="$('.panel').hide();$('#form-{{id_operacao}}').show();" href="#">{{{codigo}}}</a></li> |
72 | 63 | </script> |
... | ... | @@ -75,6 +66,10 @@ include "../../head.php"; |
75 | 66 | <div class="panel-body"> |
76 | 67 | <form class="form" role="form" method="post" action="" > |
77 | 68 | <div class="row"> |
69 | + <div class="col-md-4"> | |
70 | + <h4>{{{papeisv}}}</h4> | |
71 | + <div class="form-group form-group-lg">{{{inputPapeis}}}</div> | |
72 | + </div> | |
78 | 73 | <div class="col-md-8"> |
79 | 74 | <h4>{{{operacao}}}</h4> |
80 | 75 | <div class="form-group form-group-lg"> |
... | ... | @@ -90,10 +85,7 @@ include "../../head.php"; |
90 | 85 | </div> |
91 | 86 | </div> |
92 | 87 | </div> |
93 | - <div class="col-md-4"> | |
94 | - <h4>{{{papeisv}}}</h4> | |
95 | - <div class="form-group form-group-lg">{{{inputPapeis}}}</div> | |
96 | - </div> | |
88 | + | |
97 | 89 | </div> |
98 | 90 | </form> |
99 | 91 | <div class="pull-right"> | ... | ... |