app/views/partido_steps/_sedes.html.erb
<div ng-controller="sedesController">
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="form-inline">
<div class="form-group">
<button class="btn btn-success form-control" ng-click="getSedeModal(null); $event.stopPropagation();">
<i class="fa fa-plus-square-o"></i> Nueva Sede
</button>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="form-inline">
<div class="input-group">
<input type="text" ng-model="filtro_sedes" placeholder="Filtrar" class="form-control">
<span class="input-group-addon" id="search-addon"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<div class="form-inline">
<div class="form-group">
<label for="pagesize"> Resultados por página: </label>
<select name="pagesize" id="pagesize" class="form-control" ng-model="pageSize">
<option value="5" ng-selected="true" >5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
</select>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-striped">
<thead>
<tr>
<th>Comuna</th>
<th>Región</th>
<th>Dirección</th>
<th>Contacto</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
<tr dir-paginate="sede in sedes | filter: filtro_sedes | itemsPerPage: pageSize track by sede.id ">
<td> {{sede.comuna.nombre }} </td>
<td> {{sede.region.nombre}} </td>
<td> {{sede.direccion}} </td>
<td> {{sede.contacto}} </td>
<td>
<i class="fa fa-pencil-square-o" ng-click="getSedeModal(sede)"></i>
<i class="fa fa-trash" ng-click="removeSede(sede)"></i>
</td>
</tr>
</tbody>
</table>
<dir-pagination-controls template-url="/angular_tpl/dirPagination.tpl.html"></dir-pagination-controls>
</div>
</div>
<%= render 'sedes/sede_modal' %>
</div>