Caixas da home com bootstrap

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 = (

templates/snippets/modules/charts-convenios.html

@@ -1,9 +1,11 @@
 {% 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>
+
+<div class="row">
+
+  <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>
@@ -18,34 +20,45 @@
                   {% 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>
-    <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="module " style="height: 300px;">
-    <h2>Convênios</h2>
+  <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>
 
-<div class="module" style="height: 300px;">
-    <h2>Serviços</h2>
+  <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 %}
@@ -62,17 +75,20 @@
             </tr>
         {% endfor %}
       </table>
+    </div>
+  </div>
 </div>
 
-<div class="module" style="height: 300px;">
-    <h2>Resumo de informações</h2>
+<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>
-    <div >
         <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>
+  <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 class="module" style="height: 300px;">
-    <h2>Atendimentos</h2>
+      </div>
+    </div>
+  </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>
 
+