Changeset 6383
- Timestamp:
- 06/01/12 15:49:23 (11 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
sandbox/webservice/restclient/index.html
r6339 r6383 4 4 <script type="text/javascript" src="./libs/jquery.js"></script> 5 5 <script type="text/javascript" src="./libs/jquery.json-2.3.min.js"></script> 6 <script type="text/javascript" src="./libs/json2.js"></script> 6 7 <script type="text/javascript" src="./libs/jsonreport.js"></script> 7 8 <script type="text/javascript" src="./libs/Base64.js"></script> … … 32 33 </style> 33 34 </HEAD> 34 <BODY >35 <BODY style="margin-bottom:10px;padding:0px;overflow:hidden"> 35 36 <DIV style="display:none" class="loader" id="loader"> 36 37 <label id="loader_msg"></label><br> 37 38 <img src="./images/loader.gif"/> 38 39 </DIV> 39 <TABLE> 40 <DIV style="overflow:auto;height:100%;float:left;width:30%;padding-right:10px"> 41 <TABLE style="width:100%"> 40 42 <TR><TD><b>Servidor</b></TD> 41 43 <TD><select id="server"><option value="">Selecionar ....</option></select> 42 44 <input id="bt_servers" type="button" value="Listar Servidores" onclick="javascript:jExecute('AvailableServers')"/> 43 <input id="bt_version" type="button" value="Versão API" onclick="javascript:jExecute('ExpressoVersion')"/>44 <input id="bt_version" type="button" value="Teste Erro" onclick="javascript:jExecute('Teste')"/>45 45 </TD> 46 46 </TR> 47 <TR><TD><b>Login</b></TD> 48 <TD> 49 <input type="text" id="user"/> 50 <input id="bt_myPicture" type="button" value="Visualizar Foto" onclick="javascript:jExecute('GetMyPicture')"/> 51 </TD> 47 <TR><TD><b>Login</b></TD><TD><input type="text" id="user"/> 48 <input id="bt_login" type="button" value="Conectar" onclick="javascript:jExecute('Login')"/> 49 <input class="ui-button" id="bt_logout" type="button" value="Desconectar" onclick="javascript:jExecute('Logout')"/> 50 </TD></TR> 51 <TR><TD><b>Senha</b></TD><TD><input type="password" id="password"/></TD></TR> 52 <TR><TD colspan=2> 53 <input id="bt_myPicture" type="button" value="Visualizar Foto" onclick="javascript:jExecute('GetMyPicture')"/> 54 <input id="bt_error" type="button" value="Teste Erro" onclick="javascript:jExecute('Teste')"/> 55 <input id="bt_version" type="button" value="Versão API" onclick="javascript:jExecute('ExpressoVersion')"/> 56 </TD></TR> 57 </TABLE> 58 <BR> 59 <TABLE style="width:100%"> 60 <TR><TD><b>Suporte /<br>Sugestão</b></TD> 61 <TD><textarea id="text_message">Texto do e-mail de suporte/sugestao!!</textarea></TD> 62 </TR> 63 <TR><TD></TD> 64 <TD><input id="bt_sugestao" type="button" value="Enviar Sugestão" onclick="javascript:jExecute('SendSupportFeedback')"/></TD> 52 65 </TR> 53 <TR><TD><b>Senha</b></TD><TD><input type="password" id="password"/>54 <input id="bt_login" type="button" value="Conectar" onclick="javascript:jExecute('Login')"/>55 <input id="bt_logout" type="button" value="Desconectar" onclick="javascript:jExecute('Logout')"/>56 </TD></TR>57 66 </TABLE> 58 <BR> <BR>59 <TABLE >67 <BR> 68 <TABLE style="width:100%"> 60 69 <TR><TD><b>Para</b></TD> <TD><input type="text" id="msg_to"/></TD></TR> 61 70 <TR><TD><b>CC</b></TD> <TD><input type="text" id="msg_cc"/></TD></TR> … … 64 73 <TR><TD><b>Assunto</b></TD> <TD><input type="text" id="msg_subject"/></TD></TR> 65 74 <TR><TD><b>Conteudo</b></TD> <TD><textarea id="text_message_body">Texto do e-mail enviado.</textarea></TD></TR> 66 <TR><TD><b>Anexos</b></TD> <TD><input type="file" id="msg_attach_1"/></TD></TR> 67 <TR><TD></TD> <TD><input type="file" id="msg_attach_2"/></TD></TR> 68 <TR><TD></TD> <TD><input id="bt_send_msg" type="button" value="Enviar Mensagem" onclick="javascript:jExecute('Send')"/></TD></TR> 75 <TR><TD colspan=2><input type="file" id="msg_attach_1"/></TD></TR> 76 <TR><TD colspan=2><input type="file" id="msg_attach_2"/></TD></TR> 77 <TR><TD></TD> 78 <TD><input id="bt_send_msg" type="button" value="Enviar Mensagem" onclick="javascript:jExecute('Send')"/></TD></TR> 69 79 </TABLE> 70 <BR><BR> 71 <TABLE> 72 <TR><TD><b>Esvaziar Lixeira</b></TD> 73 <TD><input id="bt_esvaziar_lixeira" type="button" value="Esvaziar Lixeira" onclick="javascript:jExecute('CleanTrash')"/></TD> 80 <BR> 81 <TABLE style="width:100%"> 82 <TR><TD nowrap><b>Pastas IMAP</b></TD> 83 <TD><input type="text" id="search_folders"/> 84 <input id="bt_listFolders" type="button" value="Pesquisar" onclick="javascript:jExecute('Mail/Folders')"/> 85 86 <TR><TD></TD> 87 <TD colspan=2><select id="folder_id" onchange="javascript:jExecute('Mail/Messages')"><option value="INBOX">Selecionar pasta</option></select> 88 <input id="bt_del_folder" type="button" value="Apagar Pasta" onclick="javascript:jExecute('DelFolder')"/> 89 <input id="bt_clear_trash" type="button" value="Esvaziar Lixeira" onclick="javascript:jExecute('CleanTrash')"/> 90 <input id="bt_rename_folder" type="button" value="Renomear Pasta" onclick="javascript:jExecute('RenameFolder')"/> 91 </TD> 92 </TR> 93 <TR><TD></TD> 94 <TD colspan="3"><input type="text" id="new_folder_name"/> 95 <input id="bt_add_folder" type="button" value="Adicionar Pasta" onclick="javascript:jExecute('AddFolder')"/> 96 </TD> 74 97 </TR> 75 <TR><TD><b>Suporte/Sugestão</b></TD> 76 <TD><textarea id="text_message">Texto do e-mail de suporte/sugestao!!</textarea></TD> 77 <TD><input id="bt_sugestao" type="button" value="Enviar Sugestão" onclick="javascript:jExecute('SendSupportFeedback')"/></TD> 78 </TR> 79 </TABLE> 80 <BR><BR> 81 <TABLE> 82 <TR><TD><b>Pastas IMAP</b></TD> 83 <TD><input type="text" id="search_folders"/><input id="bt_listFolders" type="button" value="Pesquisar" onclick="javascript:jExecute('Mail/Folders')"/></TD> 84 <TD colspan=2><select id="folder_id" onchange="javascript:jExecute('Mail/Messages')"><option value="INBOX">Selecionar pasta</option></select> 98 <TR><TD colspan=3><HR></TD></TR> 99 <TR><TD><b>Mensagens</b></TD><TD> 85 100 <select id="message_id" onchange="javascript:jExecute('getMessage')"><option value="-1">Selecionar mensagem</option></select> 101 </TD></TR> 102 <TR><TD colspan=3><HR></TD></TR> 103 <TR><TD><b>Anexos</b></TD><TD> 86 104 <select id="attachment_id" onchange="javascript:jExecute('getAttachment')"><option value="-1">Selecionar Anexo</option></select> 87 105 </TD> 88 106 </TR> 89 <TR><TD></TD><TD></TD> 90 <TD colspan=2><input id="bt_del_folder" type="button" value="Apagar Pasta" onclick="javascript:jExecute('DelFolder')"/></TD> 91 </TR> 92 <TR><TD></TD><TD></TD> 93 <TD><input type="text" id="new_folder_name"/></TD> 94 <TD> 95 <input id="bt_add_folder" type="button" value="Adicionar Pasta" onclick="javascript:jExecute('AddFolder')"/><br> 96 <input id="bt_rename_folder" type="button" value="Renomear Pasta" onclick="javascript:jExecute('RenameFolder')"/> 107 </TABLE><BR> 108 <TABLE style="width:100%"> 109 <TR><TD colspan=2><b>Catálogo</b></TD><TD><input type="radio" name="contactType" value="1" checked="checked">Pessoal<input type="radio" name="contactType" value="2"/>Global</TD></TR> 110 <TR><TD></TD> 111 <TD colspan=2><input type="text" id="search_catalog"/><input id="bt_catalog" type="button" value="Pesquisar" onclick="javascript:jExecute('getCatalog')"/> 112 <br><select id="sel_catalog" onchange="javascript:jExecute('getCatalogPicture')"><option value="-1">Selecionar contato</option></select> 97 113 </TD> 98 </TR> 99 <TR><TD><b>Contatos</b></TD> 100 <TD colspan=3><input type="text" id="search_contacts"/><input id="bt_contacts" type="button" value="Pesquisar" onclick="javascript:jExecute('getContacts')"/> 101 <select id="sel_contacts" onchange="javascript:jExecute('getContactPicture')"><option value="-1">Selecionar contato</option></select> 102 103 </TD> 104 </TR> 105 <TR><TD><b>Catalogo</b></TD> 106 <TD colspan=3> 107 <input type="text" id="search_catalog"/><input id="bt_catalog" type="button" value="Pesquisar" onclick="javascript:jExecute('getCatalog')"/> 108 <select id="sel_catalog" onchange="javascript:jExecute('getCatalogPicture')"><option value="-1">Selecionar contato</option></select> 109 </TD> 110 </TR> 114 </TR> 111 115 </TABLE> 112 <BR><BR> 113 <TABLE> 114 <TR><TD><b>Resposta JSON-RPC</b> 116 </DIV> 117 <DIV style="overflow:auto;height:100%;float:right;width:69%"> 118 <TABLE> 119 <TR><TD><b>Resposta JSON-RPC</b> 115 120 <input id="bt_clear" type="button" value="Limpar Saída" onclick="javascript:clearOut()"/> 116 </TD></TR> 117 <TR><TD style="background:#FFF !important;padding:0px;"> 118 <img id="img_photo" style="display:none;"/> 119 <div id="message" class="jsonreport"></div> 120 </TD></TR> 121 </TABLE> 121 </TD></TR> 122 <TR><TD style="background:#FFF !important;padding:0px;"> 123 <img id="img_photo" style="display:none;"/> 124 <div id="message" class="jsonreport"></div> 125 </TD></TR> 126 </TABLE> 127 </DIV> 122 128 </BODY> 123 129 <script language="Javascript"> … … 135 141 setCookie ("auth", a_response.result.auth); 136 142 setCookie ("server", $('#server').val()); 137 $('#user').attr("disabled", true); 138 $('#password').attr("disabled", true); 139 $('#server').attr("disabled", true); 140 141 $('#bt_servers').attr("disabled", true); 142 $('#bt_login').attr("disabled", true); 143 $('#bt_logout').prop('disabled',false); 144 $('#bt_listFolders').prop('disabled',false); 145 $('#bt_contacts').prop('disabled',false); 146 $('#bt_catalog').prop('disabled',false); 147 $('#sel_contacts').prop('disabled',false); 148 $('#sel_catalog').prop('disabled',false); 149 $('#search_contacts').prop('disabled',false); 150 $('#search_catalog').prop('disabled',false); 151 $('#search_folders').prop('disabled',false); 152 143 invalidateFields("in"); 153 144 } 154 145 else if(_action == 'Logout' || (a_response.error && a_response.error.code == 7 )) { 155 $('#user').prop('disabled',false);156 $('#password').prop('disabled',false);157 $('#server').prop('disabled',false);158 159 $('#bt_servers').prop('disabled',false);160 $('#bt_login').prop('disabled',false);161 $('#bt_logout').attr("disabled", true);162 $('#bt_contacts').attr("disabled", true);163 $('#bt_catalog').attr("disabled", true);164 $('#bt_listFolders').attr("disabled", true);165 $('#bt_del_folder').attr("disabled", true);166 $('#bt_add_folder').attr("disabled", true);167 $('#bt_rename_folder').attr("disabled", true);168 169 $('#folder_id').attr("disabled", true);170 $('#message_id').attr("disabled", true);171 $('#attachment_id').attr("disabled", true);172 $('#sel_contacts').attr("disabled", true);173 $('#sel_catalog').attr("disabled", true);174 $('#search_contacts').attr("disabled", true);175 $('#search_catalog').attr("disabled", true);176 $('#search_folders').attr("disabled", true);177 $('#new_folder_name').attr("disabled", true);178 179 146 clearOut(); 180 147 setCookie ("auth", ''); 181 148 setCookie ("server", ''); 149 invalidateFields("out"); 182 150 } 183 151 } … … 224 192 } 225 193 else{ 226 $('#attachment_id'). attr("disabled", true);194 $('#attachment_id').prop("disabled", true); 227 195 } 228 196 } … … 240 208 } 241 209 242 var select_id = (_search == '#search_contacts' ? '#sel_contacts' : (_search == '#search_catalog' ? '#sel_catalog' : '')); 243 if(select_id) 244 $(select_id).find('option').remove().end().append("<option value='-1'>Selecionar Contato</option>"); 245 246 if(a_response.result.contacts && a_response.result.contacts.length > 0) { 247 for (var j in a_response.result.contacts){ 248 var value = (a_response.result.contacts[j].contactFullName != null ? a_response.result.contacts[j].contactFullName : "Vazio (ID "+a_response.result.contacts[j].contactID+")"); 249 if(select_id){ 250 $(select_id).append("<option value='"+a_response.result.contacts[j].contactID+"'>"+ 251 value+"</option>"); 252 } 253 } 254 if(a_response.result.contacts && a_response.result.contacts.length == 1) { 210 $('#sel_catalog').find('option').remove().end().append("<option value='-1'>Selecionar Contato</option>"); 211 212 if(a_response.result.contacts && a_response.result.contacts.length > 0) { 213 if(a_response.result.contacts && a_response.result.contacts.length == 1 && a_response.result.contacts[0].contactImagePicture) { 255 214 if(a_response.result.contacts[0].contactImagePicture){ 256 215 base64Data = a_response.result.contacts[0].contactImagePicture; … … 263 222 } 264 223 } 265 if(select_id){ 266 $(select_id).prop('disabled',false); 267 } 224 else{ 225 for (var j in a_response.result.contacts){ 226 var value = (a_response.result.contacts[j].contactFullName != null ? a_response.result.contacts[j].contactFullName : "Vazio (ID "+a_response.result.contacts[j].contactID+")"); 227 $('#sel_catalog').append("<option value='"+a_response.result.contacts[j].contactID+"'>"+ 228 value+"</option>"); 229 } 230 } 231 $('#sel_catalog').prop('disabled',false); 232 268 233 } 269 234 … … 286 251 function jExecute(_action){ 287 252 var _server = getCookie('server') ? getCookie('server') : ($('#server').val() ? $('#server').val() : null); 288 var _contactType ;289 var _contactID ;253 var _contactType = $("input[name='contactType']:checked").val(); 254 var _contactID = $("#sel_catalog").val(); 290 255 var _search; 291 256 var _message; … … 303 268 } 304 269 270 if(_action == "AddFolder" || _action == "DelFolder" || _action == "RenameFolder" || _action == "CleanTrash"){ 271 if(!confirm("Confirmar esta ação?")) 272 return; 273 } 274 305 275 switch(_action){ 306 276 case 'Mail/Folders': … … 333 303 _message = $('#text_message').val(); 334 304 break; 335 case 'getContacts':336 _action = 'Catalog/Contacts';337 _search = '#search_contacts';338 _contactType = '1';339 $("#sel_contacts").find('option').remove().end().append("<option value='-1'>Selecionar Contato</option>");340 break;341 305 case 'getCatalog': 342 306 _action = 'Catalog/Contacts'; 343 307 _search = '#search_catalog'; 344 _contactType = '2'; 345 $("#sel_catalog").find('option').remove().end().append("<option value='-1'>Selecionar Contato</option>"); 346 break; 347 case 'getContactPicture': 348 _action = 'Catalog/ContactPicture'; 349 _contactID = '#sel_contacts'; 350 _contactType = '1'; 308 $("#sel_catalog").find('option').remove().end().append("<option value='-1'>Selecionar contato</option>"); 351 309 break; 352 310 case 'getCatalogPicture': 353 311 _action = 'Catalog/ContactPicture'; 354 _contactID = '#sel_catalog';355 _contactType = '2';356 312 break; 357 313 case 'GetMyPicture': 358 314 _action = 'Catalog/ContactPicture'; 315 _contactID = ""; 359 316 _contactType = '2'; 360 317 break; … … 372 329 folderID: $('#folder_id').val(), 373 330 msgID: $('#message_id').val(), 374 contactID: (_contactID ? $(_contactID).val() : ""),331 contactID: _contactID, 375 332 message: _message, 376 333 contactType: _contactType, … … 411 368 var _server = getCookie('server') ? getCookie('server') : ($('#server').val() ? $('#server').val() : null); 412 369 var form = document.createElement("form"); 413 $(form). attr({"action":_server+"Mail/Attachment","method":"POST"});370 $(form).prop({"action":_server+"Mail/Attachment","method":"POST"}); 414 371 var attachment = JSON.parse($('#attachment_id').val()); 415 372 var _params = { … … 456 413 } 457 414 // Reset values 458 var isLoggedIn = false;459 415 if(getCookie('auth') != null && getCookie('server') != null){ 460 isLoggedIn = true; 461 } 462 463 if(isLoggedIn){ 464 $('#user').attr("disabled", true); 465 $('#password').attr("disabled", true); 466 $('#server').attr("disabled", true); 467 $('#bt_servers').attr("disabled",true); 468 $('#bt_login').attr("disabled", true); 469 $('#user').attr("disabled", true); 470 $('#password').attr("disabled", true); 471 $('#server').attr("disabled", true); 472 $('#bt_servers').attr("disabled", true); 473 $('#bt_login').attr("disabled", true); 474 } 475 else{ 476 $('#search_contacts').attr("disabled", true); 477 $('#search_catalog').attr("disabled", true); 478 $('#search_folders').attr("disabled", true); 479 $('#new_folder_name').attr("disabled", true); 480 $('#bt_contacts').attr("disabled", true); 481 $('#bt_catalog').attr("disabled", true); 482 $('#bt_del_folder').attr("disabled", true); 483 $('#bt_add_folder').attr("disabled", true); 484 $('#bt_rename_folder').attr("disabled", true); 485 $('#bt_logout').attr("disabled", true); 486 $('#bt_listFolders').attr("disabled", true); 487 $('#bt_logout').attr("disabled", true); 488 $('#bt_listFolders').attr("disabled", true); 489 $('#search_contacts').attr("disabled", true); 490 $('#search_catalog').attr("disabled", true); 491 $('#search_folders').attr("disabled", true); 492 $('#new_folder_name').attr("disabled", true); 493 $('#bt_contacts').attr("disabled", true); 494 $('#bt_catalog').attr("disabled", true); 495 $('#bt_del_folder').attr("disabled", true); 496 $('#bt_add_folder').attr("disabled", true); 497 $('#bt_rename_folder').attr("disabled", true); 498 $('#bt_version').attr("disabled", true); 499 $('#bt_clear').attr("disabled", true); 500 } 501 502 $('#folder_id').attr("disabled", true); 503 $('#message_id').attr("disabled", true); 504 $('#attachment_id').attr("disabled", true); 505 $('#contact_id').attr("disabled",true); 506 $('#sel_contacts').attr("disabled", true); 507 $('#sel_catalog').attr("disabled", true); 416 invalidateFields("in"); 417 } 418 else 419 invalidateFields("out"); 420 421 422 function invalidateFields(status){ 423 424 // Text Fields 425 $('#user').prop("disabled", status == "in"); 426 $('#password').prop("disabled", status == "in"); 427 $('#msg_to').prop("disabled", status == "out"); 428 $('#msg_cc').prop("disabled", status == "out"); 429 $('#msg_bcc').prop("disabled", status == "out"); 430 $('#msg_replyto').prop("disabled", status == "out"); 431 $('#msg_subject').prop("disabled", status == "out"); 432 $('#msg_attach_1').prop("disabled", status == "out"); 433 $('#msg_attach_2').prop("disabled", status == "out"); 434 $('#new_folder_name').prop("disabled", status == "out"); 435 $('#search_folders').prop("disabled", status == "out"); 436 $('#search_catalog').prop("disabled", status == "out"); 437 438 // Buttons 439 $('#bt_servers').prop("disabled", status == "in"); 440 $('#bt_login').prop("disabled", status == "in"); 441 $('#bt_version').prop("disabled", status == "out"); 442 $('#bt_logout').prop("disabled", status == "out"); 443 $('#bt_listFolders').prop("disabled", status == "out"); 444 $('#bt_add_folder').prop("disabled", status == "out"); 445 $('#bt_del_folder').prop("disabled", status == "out"); 446 $('#bt_rename_folder').prop("disabled", status == "out"); 447 $('#bt_clear_trash').prop("disabled", status == "out"); 448 $('#bt_clear').prop("disabled", status == "out"); 449 $('#bt_sugestao').prop("disabled", status == "out"); 450 $('#bt_send_msg').prop("disabled", status == "out"); 451 $('#bt_catalog').prop("disabled", status == "out"); 452 $('#bt_myPicture').prop("disabled", status == "out"); 453 $('#bt_error').prop("disabled", status == "out"); 454 $("input[name='contactType']").prop("disabled", status == "out"); 455 456 457 // Select Boxes 458 $('#folder_id').prop("disabled", status == "out"); 459 $('#message_id').prop("disabled", status == "out"); 460 $('#attachment_id').prop("disabled", status == "out"); 461 $('#sel_catalog').prop("disabled", status == "out"); 462 $('#server').prop("disabled", status == "in"); 463 464 // Text Areas 465 $('#text_message_body').prop("disabled", status == "out"); 466 $('#text_message').prop("disabled", status == "out"); 467 } 508 468 </script> 509 469 </html>
Note: See TracChangeset
for help on using the changeset viewer.