feedback de requisicao e inversao dos menus

13 years ago · fe43bde1a2
6 changed files with 48 additions and 49 deletions
--- a/media/js/diagnosticos/diagnosticos_categorias_form.js
+++ b/media/js/diagnosticos/diagnosticos_categorias_form.js
@ -1,21 +1,37 @@
+// cntabiliza a quantidade de requests
+// ajax para nao desabilitar o loader
+// antes da hora
+var nun_ajax = 0;
+
 $('#page').live('pageinit', function(event){
  // variaveis globais para as requisicoes ajax
  $.ajaxSetup({
    url: $(location).attr('href'),
    cache: false,
    type: 'POST',
+    beforeSend: function() {
+      nun_ajax++;
+      $('#working').show();
+    },
    success: function(data) {
-        //Retirando o span existente
-        $("span.errors").html("");
-        if (data.mensagem == "erro") {
-          for (var campo in data.erros) {
-            $("#"+ campo + " span").html(data.erros[campo].join('\n'))
-          }
+      nun_ajax--;
+      if (nun_ajax == 0)
+        $('#working').hide();
+
+      //Retirando o span existente
+      $("span.errors").html("");
+      if (data.mensagem == "erro") {
+        for (var campo in data.erros) {
+          $("#"+ campo + " span").html(data.erros[campo].join('\n'))
        }
+      }
    },
    error: function(msg) {
-      $("#open-dialog").click()
-    },
+      nun_ajax--;
+      if (nun_ajax == 0)
+        $('#working').hide();
+      $("#open-dialog").click();
+    }
  });

  // remove a resposta vazia da interface
@ -31,5 +47,6 @@ $('#page').live('pageinit', function(event){

  // se carregou o js sem erros mostra as perguntas
  $("#waiting").hide();
+  $("#working").hide();
  $("#form").show();
 });
--- a/sigi/templates/base_mobile.html
+++ b/sigi/templates/base_mobile.html
@ -16,27 +16,29 @@
      });
    </script>
    <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+    <script src="{{MEDIA_URL}}js/diagnosticos/diagnosticos_categorias_form.js"></script>
    {% endblock media %}
  </head>
  <body>
    <div data-role="page" id="page" class="type-interior">
-      <div data-role="header">
+      <div data-role="header" data-position="fixed">
+        <img id="working" src="{{MEDIA_URL}}images/loader.gif" class="ui-btn-right"/>
        {% 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="footer">
        <div data-role="navbar">
+          {% block rodape %}
          <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>
+          {% endblock rodape %}
        </div>
      </div> <!-- footer -->        
-      {% endblock rodape %}
    </div> <!-- page -->

    <a id='open-dialog' href="#dialog" data-rel="dialog" data-transition="pop" style='display:none;'></a>
--- a/sigi/templates/diagnosticos/diagnosticos_categoria_casa_legislativa_form.html
+++ b/sigi/templates/diagnosticos/diagnosticos_categoria_casa_legislativa_form.html
@ -3,11 +3,10 @@
 {% block media %}
    {{ block.super }}
    <link rel="stylesheet" href="{{MEDIA_URL}}css/diagnosticos/diagnosticos_categoria_model_form.css" />
-    <script src="{{MEDIA_URL}}js/diagnosticos/diagnosticos_categorias_form.js"></script>
 {% endblock %}

 {% block cabecalho %}
-    <h1>Identificação da Camara Municipal</h1>
+    <h1>01. Identificação da Camara Municipal</h1>
    <a href="{% url lista_categorias diagnostico.id %}" data-icon="arrow-l" 
    data-direction="reverse" data-theme="c" class="ui-btn-left">Voltar</a>
 {% endblock cabecalho %}
@ -42,12 +41,8 @@
 {% endblock corpo %}

 {% block rodape %}
-    <div data-role="footer" data-position="fixed">
-        <div data-role="navbar">
-            <ul>
-                <li><a href="{% url lista_categorias diagnostico.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
-                <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
-            </ul>
-        </div>
-    </div> <!-- footer -->
+    <ul>
+        <li><a href="{% url lista_categorias diagnostico.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
+        <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
+    </ul>
 {% endblock rodape %}
--- a/sigi/templates/diagnosticos/diagnosticos_categoria_contatos_form.html
+++ b/sigi/templates/diagnosticos/diagnosticos_categoria_contatos_form.html
@ -3,11 +3,10 @@
 {% block media %}
    {{ block.super }}
    <link rel="stylesheet" href="{{MEDIA_URL}}css/diagnosticos/diagnosticos_categoria_model_form.css" />
-    <script src="{{MEDIA_URL}}js/diagnosticos/diagnosticos_categorias_form.js"></script>
 {% endblock %}

 {% block cabecalho %}
-    <h1>Identificação de Competências</h1>
+    <h1>02. Identificação de Competências</h1>
    <a href="{% url lista_categorias diagnostico.id %}" data-icon="arrow-l" 
    data-direction="reverse" data-theme="c" class="ui-btn-left">Voltar</a>
 {% endblock cabecalho %}
@ -44,12 +43,8 @@
 {% endblock corpo %}

 {% block rodape %}
-    <div data-role="footer" data-position="fixed">
-        <div data-role="navbar">
-            <ul>
-                <li><a href="{% url lista_categorias diagnostico.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
-                <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
-            </ul>
-        </div>
-    </div> <!-- footer -->
+    <ul>
+        <li><a href="{% url lista_categorias diagnostico.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
+        <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
+    </ul>
 {% endblock rodape %}
--- a/sigi/templates/diagnosticos/diagnosticos_categorias_form.html
+++ b/sigi/templates/diagnosticos/diagnosticos_categorias_form.html
@ -3,8 +3,6 @@
 {% block media %}
    {{ block.super }}
    <link rel="stylesheet" href="{{MEDIA_URL}}css/diagnosticos/diagnosticos_categorias_form.css" />
-    <script src="{{MEDIA_URL}}js/diagnosticos/diagnosticos_categorias_form.js"></script>
-
 {% endblock %}

 {% block cabecalho %}
@ -36,14 +34,10 @@
 {% endblock corpo %}

 {% block rodape %}
-    <div data-role="footer" data-position="fixed">
-        <div data-role="navbar">
-            <ul>
-                <li><a href="{% url lista_categorias categoria.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
-                <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
-            </ul>
-        </div>
-    </div> <!-- footer -->
+    <ul>
+        <li><a href="{% url lista_categorias categoria.id %}" data-icon="grid" class="ui-state-persist ui-btn-active">Listar</a></li>
+        <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
+    </ul>
 {% endblock rodape %}


--- a/sigi/templates/diagnosticos/diagnosticos_categorias_list.html
+++ b/sigi/templates/diagnosticos/diagnosticos_categorias_list.html
@ -32,11 +32,7 @@
 {% endblock corpo %}

 {% block rodape %}
-    <div data-role="footer" data-position="fixed">
-        <div data-role="navbar">
-            <ul>
-                <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
-            </ul>
-        </div>
-    </div> <!-- footer -->
+    <ul>
+        <li><a href="{% url lista_diagnosticos %}" data-icon="home">Home</a></li>
+    </ul>
 {% endblock rodape %}