Commit cc24d4e8015d3d3529d0c45a345681bb25b67d47
1 parent
20a3f138
Exists in
master
and in
7 other branches
Integração do editor de temas com o editor de mapfiles
Showing
2 changed files
with
21 additions
and
124 deletions
Show diff stats
admin/js/editormapfile.js
@@ -178,6 +178,7 @@ function montaNosRaiz(redesenha) | @@ -178,6 +178,7 @@ function montaNosRaiz(redesenha) | ||
178 | for (var i=0, j=$mapfiles.length; i<j; i++) | 178 | for (var i=0, j=$mapfiles.length; i<j; i++) |
179 | { | 179 | { |
180 | conteudo = " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"excluirMapfile('"+$mapfiles[i]+"')\" title=excluir src=\"../imagens/01.png\" />" | 180 | conteudo = " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"excluirMapfile('"+$mapfiles[i]+"')\" title=excluir src=\"../imagens/01.png\" />" |
181 | + conteudo += " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"editorTemaMapfile('"+$mapfiles[i]+"')\" title='editar tema associado' src=\"../imagens/06.png\" />" | ||
181 | conteudo += " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"testarMapfile('"+$mapfiles[i]+"')\" title='testar!' src=\"../imagens/41.png\" /><b> <span>"+$mapfiles[i]+"</span>" | 182 | conteudo += " <img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"testarMapfile('"+$mapfiles[i]+"')\" title='testar!' src=\"../imagens/41.png\" /><b> <span>"+$mapfiles[i]+"</span>" |
182 | 183 | ||
183 | var d = {html:conteudo,id:$mapfiles[i],codigoMap:$mapfiles[i]}; | 184 | var d = {html:conteudo,id:$mapfiles[i],codigoMap:$mapfiles[i]}; |
admin/js/listatemas.js
1 | -YAHOO.namespace("example.container"); | ||
2 | -function initMenu() | 1 | +function editorTemaMapfile(mapfile) |
3 | { | 2 | { |
4 | - core_ativaBotaoAdicionaLinha("../php/menutemas.php?funcao=alteraTemas","adiciona") | ||
5 | - core_carregando("ativa"); | ||
6 | - core_ativaPainelAjuda("ajuda","botaoAjuda"); | ||
7 | - core_pegaPerfis("pegaTemas()"); | ||
8 | -} | ||
9 | -function pegaTemas() | ||
10 | -{ | ||
11 | - core_pegaDados("buscando temas...","../php/menutemas.php?funcao=pegaTemas2","montaTabela") | ||
12 | -} | ||
13 | -function montaTabela(dados) | ||
14 | -{ | ||
15 | - YAHOO.example.InlineCellEditing = new function() | ||
16 | - { | ||
17 | - // Custom formatter for "address" column to preserve line breaks | ||
18 | - var formatTextoId = function(elCell, oRecord, oColumn, oData) | ||
19 | - { | ||
20 | - elCell.innerHTML = "<p>" + oData + "</p>"; | ||
21 | - }; | ||
22 | - | ||
23 | - var formatMais = function(elCell, oRecord, oColumn) | ||
24 | - { | ||
25 | - elCell.innerHTML = "<div class=editar style='text-align:center' ></div>"; | ||
26 | - }; | ||
27 | - var formatExclui = function(elCell, oRecord, oColumn) | ||
28 | - { | ||
29 | - elCell.innerHTML = "<div class=excluir style='text-align:center' ></div>"; | ||
30 | - }; | ||
31 | - var myColumnDefs = [ | ||
32 | - {key:"excluir",label:"excluir",formatter:formatExclui}, | ||
33 | - {key:"mais",label:"editar",formatter:formatMais}, | ||
34 | - {label:"id",key:"id_tema", formatter:formatTextoId}, | ||
35 | - {label:"codigo (mapfile)",key:"codigo_tema", formatter:formatTextoId}, | ||
36 | - {label:"nome",key:"nome_tema", formatter:formatTextoId}, | ||
37 | - ]; | ||
38 | - myDataSource = new YAHOO.util.DataSource(dados); | ||
39 | - myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY; | ||
40 | - myDataSource.responseSchema = | ||
41 | - { | ||
42 | - fields: ["nome_tema","codigo_tema","id_tema"] | ||
43 | - }; | ||
44 | - myDataTable = new YAHOO.widget.DataTable("tabela", myColumnDefs, myDataSource); | ||
45 | - // Set up editing flow | ||
46 | - myDataTable.subscribe('cellClickEvent',function(ev) | ||
47 | - { | ||
48 | - var target = YAHOO.util.Event.getTarget(ev); | ||
49 | - var column = this.getColumn(target); | ||
50 | - if (column.key == 'excluir') | ||
51 | - { | ||
52 | - var record = this.getRecord(target); | ||
53 | - excluiLinha(record.getData('id_tema'),target); | ||
54 | - } | ||
55 | - if (column.key == 'mais') | ||
56 | - { | ||
57 | - var record = this.getRecord(target); | ||
58 | - core_carregando("ativa"); | ||
59 | - core_carregando("buscando dados..."); | ||
60 | - $clicouId = record.getData('id_tema'); | ||
61 | - $recordid = record.getId(); | ||
62 | - var sUrl = "../php/menutemas.php?funcao=pegaTemas&id_tema="+record.getData('id_tema'); | ||
63 | - var callback = | ||
64 | - { | ||
65 | - success:function(o) | ||
66 | - { | ||
67 | - try | ||
68 | - { | ||
69 | - montaEditorTema(YAHOO.lang.JSON.parse(o.responseText),$clicouId,$recordid); | ||
70 | - } | ||
71 | - catch(e){core_handleFailure(e,o.responseText);} | ||
72 | - }, | ||
73 | - failure:core_handleFailure, | ||
74 | - argument: { foo:"foo", bar:"bar" } | ||
75 | - }; | ||
76 | - core_makeRequest(sUrl,callback) | ||
77 | - } | ||
78 | - | ||
79 | - }); | ||
80 | - // Hook into custom event to customize save-flow of "radio" editor | ||
81 | - myDataTable.subscribe("editorUpdateEvent", function(oArgs) | ||
82 | - { | ||
83 | - if(oArgs.editor.column.key === "active") | ||
84 | - { | ||
85 | - this.saveCellEditor(); | ||
86 | - } | ||
87 | - }); | ||
88 | - myDataTable.subscribe("editorBlurEvent", function(oArgs) | ||
89 | - { | ||
90 | - this.cancelCellEditor(); | ||
91 | - }); | ||
92 | - }; | ||
93 | - core_carregando("desativa"); | 3 | + core_pegaDados("buscando dados...","../php/menutemas.php?funcao=pegaTemaPorMapfile&codigo_tema="+mapfile,"montaEditorTema") |
94 | } | 4 | } |
95 | -function montaEditorTema(dados,id,recordid) | 5 | +function montaEditorTema(dados) |
96 | { | 6 | { |
97 | function on_editorCheckBoxChange(p_oEvent) | 7 | function on_editorCheckBoxChange(p_oEvent) |
98 | { | 8 | { |
99 | var ins = ""; | 9 | var ins = ""; |
100 | if(p_oEvent.newValue.get("value") == "OK") | 10 | if(p_oEvent.newValue.get("value") == "OK") |
101 | { | 11 | { |
102 | - gravaDadosTema(id,recordid); | 12 | + gravaDadosTema(dados.id_tema); |
103 | } | 13 | } |
104 | else | 14 | else |
105 | { | 15 | { |
@@ -122,7 +32,7 @@ function montaEditorTema(dados,id,recordid) | @@ -122,7 +32,7 @@ function montaEditorTema(dados,id,recordid) | ||
122 | { label: "Cancela", value: "CANCEL", checked: false } | 32 | { label: "Cancela", value: "CANCEL", checked: false } |
123 | ]); | 33 | ]); |
124 | editorBotoes.on("checkedButtonChange", on_editorCheckBoxChange); | 34 | editorBotoes.on("checkedButtonChange", on_editorCheckBoxChange); |
125 | - YAHOO.example.container.panelEditorTema = new YAHOO.widget.Panel("janela_editor", { fixedcenter:true,close:false,width:"400px", height:"400px",overflow:"auto", visible:false,constraintoviewport:true } ); | 35 | + YAHOO.example.container.panelEditorTema = new YAHOO.widget.Panel("janela_editor", { fixedcenter:true,close:true,width:"400px", height:"400px",overflow:"auto", visible:false,constraintoviewport:true } ); |
126 | YAHOO.example.container.panelEditorTema.render(); | 36 | YAHOO.example.container.panelEditorTema.render(); |
127 | } | 37 | } |
128 | YAHOO.example.container.panelEditorTema.show(); | 38 | YAHOO.example.container.panelEditorTema.show(); |
@@ -132,15 +42,11 @@ function montaEditorTema(dados,id,recordid) | @@ -132,15 +42,11 @@ function montaEditorTema(dados,id,recordid) | ||
132 | // | 42 | // |
133 | //preenche a div com a lista de tags | 43 | //preenche a div com a lista de tags |
134 | // | 44 | // |
135 | - core_comboTags("comboTags","Etags_tema","registraTag"); | ||
136 | - // | ||
137 | - //preenche a div com a lista de mapfiles | ||
138 | - // | ||
139 | - core_comboMapfiles("comboMapfiles","Ecodigo_tema",dados[0].codigo_tema); | 45 | + core_comboTags("comboTags","tags_tema","registraTagTema"); |
140 | } | 46 | } |
141 | -function registraTag(valor) | 47 | +function registraTagTema(valor) |
142 | { | 48 | { |
143 | - var inp = $i("Etags_tema") | 49 | + var inp = $i("tags_tema") |
144 | var tags = inp.value | 50 | var tags = inp.value |
145 | if(tags == "") | 51 | if(tags == "") |
146 | inp.value = valor | 52 | inp.value = valor |
@@ -151,27 +57,24 @@ function montaDivTemas(i) | @@ -151,27 +57,24 @@ function montaDivTemas(i) | ||
151 | { | 57 | { |
152 | var param = { | 58 | var param = { |
153 | "linhas":[ | 59 | "linhas":[ |
154 | - {titulo:"Nome do tema:",id:"Enome_tema",size:"50",value:i.nome_tema,tipo:"text",div:""} | 60 | + {titulo:"Nome do tema que será mostrado na árvore de menus:",id:"nome_tema",size:"50",value:i.nome_tema,tipo:"text",div:""} |
155 | ] | 61 | ] |
156 | } | 62 | } |
157 | var ins = "" | 63 | var ins = "" |
158 | ins += core_geraLinhas(param) | 64 | ins += core_geraLinhas(param) |
159 | - | ||
160 | - ins += "<p>Mapfile (código do mapfile que será utilizado para criar a camada no i3geo):" | ||
161 | - ins += "<div id=comboMapfiles >Buscando...</div>"; | ||
162 | 65 | ||
163 | ins += "<p>Descrição:<br>"; | 66 | ins += "<p>Descrição:<br>"; |
164 | - ins += "<input size=50 type=text id=Edesc_tema value='"+i.desc_tema+"' /></p>" | 67 | + ins += "<input size=50 type=text id=desc_tema value='"+i.desc_tema+"' /></p>" |
165 | 68 | ||
166 | ins += "<p>Link para a fonte:<br>"; | 69 | ins += "<p>Link para a fonte:<br>"; |
167 | - ins += "<input size=50 type=text id=Elink_tema value='"+i.link_tema+"' /></p>" | 70 | + ins += "<input size=50 type=text id=link_tema value='"+i.link_tema+"' /></p>" |
168 | 71 | ||
169 | ins += "<p>Tags (separe com espaço). Você pode digitar novos tags ou pegar da lista abaixo:" | 72 | ins += "<p>Tags (separe com espaço). Você pode digitar novos tags ou pegar da lista abaixo:" |
170 | - ins += "<input type=text size=50 value='"+i.tags_tema+"' id='Etags_tema' ><br>" | 73 | + ins += "<input type=text size=50 value='"+i.tags_tema+"' id='tags_tema' ><br>" |
171 | ins += "<div id=comboTags >Buscando...</div>"; | 74 | ins += "<div id=comboTags >Buscando...</div>"; |
172 | 75 | ||
173 | - ins += "<p>Tipo:<br>" | ||
174 | - ins += "<select id='Etipo_tema' />" | 76 | + ins += "<p>Tipo (preencha apenas se for do tipo WMS):<br>" |
77 | + ins += "<select id='tipo_tema' />" | ||
175 | ins += "<option value='' " | 78 | ins += "<option value='' " |
176 | if (i.tipoa_tema == ""){ins += "selected";} | 79 | if (i.tipoa_tema == ""){ins += "selected";} |
177 | ins += ">Normal</option>" | 80 | ins += ">Normal</option>" |
@@ -180,33 +83,27 @@ function montaDivTemas(i) | @@ -180,33 +83,27 @@ function montaDivTemas(i) | ||
180 | ins += " >WMS<option></select></p>" | 83 | ins += " >WMS<option></select></p>" |
181 | 84 | ||
182 | ins += "<p>Permite acesso via WMS/WFS?<br>" | 85 | ins += "<p>Permite acesso via WMS/WFS?<br>" |
183 | - ins += "<select id='Eogc_tema' >" | 86 | + ins += "<select id='ogc_tema' >" |
184 | ins += core_combosimnao(i.ogc_tema) | 87 | ins += core_combosimnao(i.ogc_tema) |
185 | ins += "</select></p>" | 88 | ins += "</select></p>" |
186 | 89 | ||
187 | ins += "<p>Permite o download na aplicação datadownload.htm?<br>" | 90 | ins += "<p>Permite o download na aplicação datadownload.htm?<br>" |
188 | - ins += "<select id='Edownload_tema' >" | 91 | + ins += "<select id='download_tema' >" |
189 | ins += core_combosimnao(i.download_tema) | 92 | ins += core_combosimnao(i.download_tema) |
190 | ins += "</select></p>" | 93 | ins += "</select></p>" |
191 | 94 | ||
192 | ins += "<p>Permite acesso via kml?<br>" | 95 | ins += "<p>Permite acesso via kml?<br>" |
193 | - ins += "<select id='Ekml_tema' >" | 96 | + ins += "<select id='kml_tema' >" |
194 | ins += core_combosimnao(i.kml_tema) | 97 | ins += core_combosimnao(i.kml_tema) |
195 | ins += "</select></p><br><br><br>" | 98 | ins += "</select></p><br><br><br>" |
196 | return(ins) | 99 | return(ins) |
197 | } | 100 | } |
198 | -function excluiLinha(id,row) | ||
199 | -{ | ||
200 | - var mensagem = " excluindo o registro do id= "+id; | ||
201 | - var sUrl = "../php/menutemas.php?funcao=excluirRegistro&id="+id+"&tabela=temas"; | ||
202 | - core_excluiLinha(sUrl,row,mensagem) | ||
203 | -} | ||
204 | -function gravaDadosTema(id,recordid) | 101 | +function gravaDadosTema(id) |
205 | { | 102 | { |
206 | var campos = new Array("nome","codigo","desc","link","tags","tipo","ogc","download","kml") | 103 | var campos = new Array("nome","codigo","desc","link","tags","tipo","ogc","download","kml") |
207 | var par = "" | 104 | var par = "" |
208 | for (i=0;i<campos.length;i++) | 105 | for (i=0;i<campos.length;i++) |
209 | - {par += "&"+campos[i]+"="+($i("E"+campos[i]+"_tema").value)} | 106 | + {par += "&"+campos[i]+"="+($i(campos[i]+"_tema").value)} |
210 | par += "&id="+id | 107 | par += "&id="+id |
211 | core_carregando("ativa"); | 108 | core_carregando("ativa"); |
212 | core_carregando(" gravando o registro do id= "+id); | 109 | core_carregando(" gravando o registro do id= "+id); |
@@ -237,5 +134,4 @@ function gravaDadosTema(id,recordid) | @@ -237,5 +134,4 @@ function gravaDadosTema(id,recordid) | ||
237 | argument: { foo:"foo", bar:"bar" } | 134 | argument: { foo:"foo", bar:"bar" } |
238 | }; | 135 | }; |
239 | core_makeRequest(sUrl,callback) | 136 | core_makeRequest(sUrl,callback) |
240 | -} | ||
241 | -YAHOO.util.Event.addListener(window, "load", initMenu); | ||
242 | \ No newline at end of file | 137 | \ No newline at end of file |
138 | +} | ||
243 | \ No newline at end of file | 139 | \ No newline at end of file |