From 4efe074626054e3d5c1f65638d82f63636e94fd2 Mon Sep 17 00:00:00 2001
From: Marcio Mazza <marciomazza@gmail.com>
Date: Wed, 1 Oct 2014 15:29:25 -0300
Subject: [PATCH] Caixas da home com bootstrap

---
 sigi/context_processors.py                    |   4 +-
 .../snippets/modules/charts-convenios.html    | 143 ++++++++++--------
 2 files changed, 86 insertions(+), 61 deletions(-)

diff --git a/sigi/context_processors.py b/sigi/context_processors.py
index 1626fc4..bcd0936 100644
--- a/sigi/context_processors.py
+++ b/sigi/context_processors.py
@@ -76,8 +76,8 @@ def busca_informacoes_camara():
         lista_camaras_equipadas.append(camaras.filter(convenio__in=conv_equipadas_proj).count())
 
     # Monta linhas de diagnosticos
-    lista_diagnosticos_digitados = ['', '', Diagnostico.objects.count()]
-    lista_diagnosticos_publicados = ['', '', Diagnostico.objects.filter(publicado=True).count()]
+    lista_diagnosticos_digitados = ['', '', Diagnostico.objects.count(), '', '', '']
+    lista_diagnosticos_publicados = ['', '', Diagnostico.objects.filter(publicado=True).count(), '', '', '']
 
     # Cabecalho da esquerda na tabela
     cabecalho_esquerda = (
diff --git a/templates/snippets/modules/charts-convenios.html b/templates/snippets/modules/charts-convenios.html
index 430c237..f7cd95a 100644
--- a/templates/snippets/modules/charts-convenios.html
+++ b/templates/snippets/modules/charts-convenios.html
@@ -1,51 +1,64 @@
 {% load static from staticfiles %}
-<div class="module" style="height: 300px;">
-    <h2>Resumo de informações</h2>
-    <!-- h3>Câmaras municipais por projeto</h3 -->
-    <div class="align-center">
-        <table>
-            <tr>
-                {% for item in tabela_resumo_camara.cabecalho_topo %}
-                    <th>{{item}}</th>
-                {% endfor %}
-            </tr>
 
-            {% for cabecalho,lista in tabela_resumo_camara.lista_zip %}
-                <tr>
-                    <th>{{cabecalho}}</th>
-                    {% for item in lista %}
-                        <td>{{item}}</td>
-                    {% endfor %}
-                </tr>
-            {% endfor %}
+<div class="row">
 
-        </table>
-    </div>
-    <ul>
-        <li>Câmaras sem processo: {{tabela_resumo_camara.camaras_sem_processo}}</li>
-        <li>Total de câmaras: {{tabela_resumo_camara.total_camaras}}</li>
-    </ul>
-</div>
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Resumo de informações</div>
+      <table class="table table-condensed">
+          <tr>
+              {% for item in tabela_resumo_camara.cabecalho_topo %}
+                  <th>{{item}}</th>
+              {% endfor %}
+          </tr>
 
-<div class="module " style="height: 300px;">
-    <h2>Convênios</h2>
-    <h3>Convênios assinados por projeto</h3>
-    <div id="canvas-holder-1">
-        <canvas id="chart-area-1" width="150" height="150" />
+          {% for cabecalho,lista in tabela_resumo_camara.lista_zip %}
+              <tr>
+                  <th>{{cabecalho}}</th>
+                  {% for item in lista %}
+                      <td>{{item}}</td>
+                  {% endfor %}
+              </tr>
+          {% endfor %}
+      </table>
+      <div class="panel-footer">
+        <dl class="dl-horizontal">
+          <dt>Câmaras sem processo</dt>
+          <dd>{{tabela_resumo_camara.camaras_sem_processo}}</dd>
+        </dl>
+        <dl class="dl-horizontal">
+          <dt>Total de câmaras</dt>
+          <dd>{{tabela_resumo_camara.total_camaras}}</dd>
+        </dl>
+      </div>
     </div>
-</div>
+  </div>
 
-<div class="module" style="height: 300px;">
-    <h2>Serviços</h2>
-    <div class="titlemapbox">
-        <div class="mapbox"><a href="/dashboard/mapa/"><img src="{% static 'img/mapicon.png' %}" /><br/>Ver mapa</a></div>
-        <h3>Serviços hospedados no Interlegis (SEIT)</h3>
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Convênios</div>
+      <div class="panel-body">
+        <h3>Convênios assinados por projeto</h3>
+        <div id="canvas-holder-1">
+            <canvas id="chart-area-1" width="150" height="150" />
+        </div>
+      </div>
     </div>
+  </div>
+
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Serviços</div>
+
+      <div class="panel-body">
+        <div class="titlemapbox">
+            <div class="mapbox"><a href="/dashboard/mapa/"><img src="{% static 'img/mapicon.png' %}" /><br/>Ver mapa</a></div>
+            <h3>Serviços hospedados no Interlegis (SEIT)</h3>
+        </div>
+      </div>
 
-    <table>
-        <tr>
-        </tr>
 
+      <table class="table table-condensed">
         {% for servico in tabela_resumo_seit %}
             <tr>
                 {% if forloop.first %}
@@ -61,18 +74,21 @@
                 {% endif %}
             </tr>
         {% endfor %}
-    </table>
+      </table>
+    </div>
+  </div>
 </div>
 
-<div class="module" style="height: 300px;">
-    <h2>Resumo de informações</h2>
-    <h3>Resumo de informações por região</h3>
-    <div >
+<div class="row">
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Resumo de informações</div>
+      <div class="panel-body">
+        <h3>Resumo de informações por região</h3>
         <p style="text-align: justify">
             Resumo de informações de Câmaras Municipais por região levando em conta
             apenas o Projeto Interlegis. Demais projetos como PPM e PML não estão inclusos.
         </p>
-
         <ul class="conteudo_regiao">
             <li><a href="reportsRegiao/CO">Centro Oeste</a></li>
             <li><a href="reportsRegiao/NE">Nordeste</a></li>
@@ -80,23 +96,32 @@
             <li><a href="reportsRegiao/SD">Sudeste</a></li>
             <li><a href="reportsRegiao/SL">Sul</a></li>
         </ul>
-
+      </div>
     </div>
-</div>
+  </div>
 
-<div class="module" style="height: 300px;">
-    <h2>Convênios</h2>
-    <h3>Processos de convênios por projeto</h3>
-    <div id="canvas-holder-2" style="margin-top: 55px">
-        <canvas id="chart-area-2" width="150" height="150" />
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Convênios</div>
+      <div class="panel-body">
+        <h3>Processos de convênios por projeto</h3>
+        <div id="canvas-holder-2" style="margin-top: 55px">
+            <canvas id="chart-area-2" width="150" height="150" />
+        </div>
+      </div>
     </div>
-</div>
-
-<div class="module" style="height: 300px;">
-    <h2>Atendimentos</h2>
-    <h3>Mapa de atuação do Interlegis</h3>
-    <div class="align-center">
-        <a href="/dashboard/mapa/"> <img src="{% static 'img/mapicon-large.png' %}"  style="width: 60%;"/> </a>
+  </div>
+  <div class="col-md-4">
+    <div class="panel panel-primary">
+      <div class="panel-heading">Atendimentos</div>
+      <div class="panel-body">
+        <h3>Mapa de atuação do Interlegis</h3>
+        <div class="align-center">
+            <a href="/dashboard/mapa/"> <img src="{% static 'img/mapicon-large.png' %}"  style="width: 60%;"/> </a>
+        </div>
+      </div>
     </div>
+  </div>
 </div>
 
+