tratando erros das requisicoes ajax

13 years ago · cc00799878
2 changed files with 44 additions and 30 deletions
--- a/media/js/diagnosticos/diagnosticos_categoria_form.js
+++ b/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()

--- a/sigi/templates/base_mobile.html
+++ b/sigi/templates/base_mobile.html
@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="pt-BR">
-<head>
+  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {% block titulo %}
@ -11,9 +11,9 @@
    <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">
+  </head>
+  <body>
+    <div data-role="page" id="page" class="type-interior">
      <div data-role="header">
        {% block cabecalho %}{% endblock cabecalho %}
      </div> <!-- header -->            
@ -32,5 +32,17 @@
      </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>