sigi/templates/snippets/modules/charts-convenios.html

<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 %}

        </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="module " style="height: 300px;">
    <h2>Convênios</h2>
    <div id="canvas-holder">
        <canvas id="chart-area-1" width="120" height="120" />
    </div>
{#    <div style="float: left">#}
{#      <ul>#}
{#        {% for num, dados in dados_graficos_convenio_projeto %}#}
{#          {% for label, value, color in dados %}#}
{#            <li style="list-style-type: none"><span style="background-color: {{ color }}; border-radius: 3px;">&nbsp&nbsp&nbsp</span> {{ label }}</li>#}
{#          {% endfor %}#}
{#        {% endfor %}#}
{#      </ul>#}
{#    </div>#}
{#    <ul class="pie-legend"></ul>#}
</div>

<div class="module" style="height: 300px;">
    <h2>Serviços</h2>
    <div class="titlemapbox">
        <div class="mapbox"><a href="/dashboard/mapa/"><img src="{{ STATIC_URL }}img/mapicon.png"/><br/>Ver mapa</a></div>
        <h3>Serviços hospedados no Interlegis (SEIT)</h3>
    </div>

    <table>
        <tr>
        </tr>

        {% for servico in tabela_resumo_seit %}
            <tr>
                {% if forloop.first %}
                    <th style="width: 40%; vertical-align:bottom;">{{ servico.nome }}</th>
                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.total }}</th>
                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.novos_mes_anterior }}</th>
                    <th style="width: 20%; vertical-align:bottom; text-align: right;">{{ servico.novos_mes_atual }}</th>
                {% else %}
                    <th style="width: 40%;">{{ servico.nome }}</th>
                    <td style="text-align: right;">{{ servico.total }}</td>
                    <td style="text-align: right;">{{ servico.novos_mes_anterior }}</td>
                    <td style="text-align: right;">{{ servico.novos_mes_atual }}</td>
                {% endif %}
            </tr>
        {% endfor %}
    </table>
</div>

<div class="module" style="height: 300px;">
    <h2>Resumo de informações</h2>
    <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>
            <li><a href="reportsRegiao/NO">Norte</a></li>
            <li><a href="reportsRegiao/SD">Sudeste</a></li>
            <li><a href="reportsRegiao/SL">Sul</a></li>
        </ul>

    </div>
</div>

<div class="module" style="height: 300px;">
    <h2>Convênios</h2>
    <div id="canvas-holder" class="align-center" style="margin-top: 55px">
        <canvas id="chart-area-2" width="220" height="220" />
    </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_URL }}img/mapicon-large.png" style="width: 60%;"/> </a>
    </div>
    {% comment %}
	<h2>Metas BID</h2>
	<h3>Estado das metas do contrato BID</h3>
	<table style="margin: auto;">
	{% for meta in metas %}
	  	<tr>
	  		<td><strong>{{ meta.titulo }}</strong></td>
	  		<td>
	  			<img src="//chart.googleapis.com/chart?chf=c,s,CDCDCD&chbh=a&chs=250x18&cht=bhs&chco={{ meta.saude }}&chd=t:{{ meta.percentual_concluido|stringformat:'d' }}&chm=r,00000034,0,{{ meta.percentual_desejado_low|stringformat:'f' }},{{ meta.percentual_desejado_high|stringformat:'f' }},1"
	  				width="100%" alt="" />
	  		</td>
	  		<td style="text-align: center;"><font color="{{ meta.saude }}">{{ meta.percentual_concluido }}%</font></td>
	  	</tr>
	  {% endfor %}
	</table>
	<div class="legend">
		<span><div style="background-color: #E74A69;">&nbsp;</div>Ruim</span>
		<span><div style="background-color: #FFDB6E;">&nbsp;</div>Preocupante</span>
		<span><div style="background-color: #89D7AF;">&nbsp;</div>Bom</span>
		<span><div style="background-color: #A2BBED;">&nbsp;</div>Atingido</span>
	</div>
{% endcomment %}
</div>
{% comment %}
<div class="module" style="height: 300px;">
    <h2>Diagnósticos</h2>
    <h3>Resumo dos diagnósticos</h3>
    
    <table style="display: block; float: left;">            
	{% for data in tabela_resumo_diagnostico %}
		<tr>
			<th>{{ data.title }}</th>
			<td style="text-align: right;">{{ data.count }}</td>
		</tr>
	{% endfor %}
      <tr><td colspan="2"><a href="/diagnosticos/mapa/">Ver mapa ampliado</a></td></tr>
	</table>
	
	<div id="map_canvas" style="float: left;  height: 80%; width: 300px;">
	</div>
</div>
{% endcomment %}