Browse Source

tratando erros das requisicoes ajax

diagnosticos
Felipe Vieira 13 years ago
parent
commit
cc00799878
  1. 10
      media/js/diagnosticos/diagnosticos_categoria_form.js
  2. 64
      sigi/templates/base_mobile.html

10
media/js/diagnosticos/diagnosticos_categoria_form.js

@ -13,21 +13,23 @@ $.ajaxSetup({
beforeSend: function() {
nun_ajax++
$.mobile.showPageLoadingMsg();
$.mobile.fixedToolbars.show()
},
success: function() {
nun_ajax--
if (nun_ajax == 0) {
$.mobile.hidePageLoadingMsg();
$.mobile.fixedToolbars.show()
}
},
error: function(msg) {
$('#working').hide()
//TODO melhorar o tratamento de erro
alert('Ops!\n' + msg);
$.mobile.hidePageLoadingMsg();
$.mobile.fixedToolbars.show();
$("#open-dialog").click()
}
});
$(document).ready(function() {
$( '#page').live('pageinit', function(event){
// remove a resposta vazia da interface
$("div.ui-radio span.ui-btn-text:contains('---------')").parentsUntil("ul").hide()

64
sigi/templates/base_mobile.html

@ -1,36 +1,48 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block titulo %}
<title>SIGI - Diagnósticos</title>
<title>SIGI - Diagnósticos</title>
{% endblock titulo %}
{% block media %}
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
{% endblock media %}
</head>
<body>
<div data-role="page" class="type-interior">
<div data-role="header">
{% block cabecalho %}{% endblock cabecalho %}
</div> <!-- header -->
<div data-role="content" class="content-primary">
{% block corpo %}{% endblock corpo %}
</div><!-- content -->
{% block rodape %}
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="grid" class="ui-state-persist">Listar</a></li>
<li><a href="#" data-icon="home">Home</a></li>
<li><a href="#" data-icon="plus">Anexar Arquivos</a></li>
</ul>
</div>
</div> <!-- footer -->
{% endblock rodape %}
</head>
<body>
<div data-role="page" id="page" class="type-interior">
<div data-role="header">
{% block cabecalho %}{% endblock cabecalho %}
</div> <!-- header -->
<div data-role="content" class="content-primary">
{% block corpo %}{% endblock corpo %}
</div><!-- content -->
{% block rodape %}
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" data-icon="grid" class="ui-state-persist">Listar</a></li>
<li><a href="#" data-icon="home">Home</a></li>
<li><a href="#" data-icon="plus">Anexar Arquivos</a></li>
</ul>
</div>
</div> <!-- footer -->
{% endblock rodape %}
</div> <!-- page -->
</body>
<a id='open-dialog' href="#dialog" data-rel="dialog" data-transition="pop" style='display:none;'></a>
<div data-role="page" id="dialog">
<div data-role="header">
<h1>Ops! Não foi possivel salvar os dados.</h1>
</div>
<div data-role="content" id="text">
Algum erro ocorreu ao salvar os dados do diagnóstico,
verifique a sua conectividade e/ou entre em contato
com a equipe técnica o mais rápido possível.
</div>
</div>
</body>
</html>

Loading…
Cancel
Save