martes, 15 de octubre de 2013

Maquetación con Bootstrap 3 - index.html.twig - Parte II

Para que la ruta a la que se hace click este siempre debajo del menú superior, se debe modificar la plantilla destino del siguiente modo:

nano src/Petramas/MainBundle/Resources/views/cliente/index.html.twig
{% extends 'PetramasMainBundle::layout.html.twig' %}

{% block content -%}
    <h1>
        Clientes
        <a class="btn btn-primary entity pull-right" href="{{ path('cliente_new') }}" rel="tooltip" title="Nuevo">
            <span class="glyphicon glyphicon-file"></span>
        </a>
    </h1>
    <div class="table-responsive">
        <table class="table table-bordered table-striped table-condensed">
            <thead>
                <tr>
                    <th>Nº</th>
                    <th>Razón social</th>
                    <th>Ruc</th>
                    <th>Direccion</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for entity in entities -%}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ entity.razonSocial }}</td>
                    <td>{{ entity.ruc }}</td>
                    <td>{{ entity.direccion }}</td>
                    <td>
                        <a class="btn btn-info btn-xs entity" href="{{ path('cliente_show', { 'id': entity.id }) }}" rel="tooltip" title="Detalle"><span class="glyphicon glyphicon-eye-open"></span></a>
                        <a class="btn btn-warning btn-xs entity" href="{{ path('cliente_edit', { 'id': entity.id }) }}" rel="tooltip" title="Editar"><span class="glyphicon glyphicon-pencil"></span></a>
                    </td>
                </tr>
                {% endfor -%}
            </tbody>
        </table>
    </div>
{% endblock %}

Y con esto le dimos un mejor estilo a las tablas donde se muestran los registros.