ciudadanointeligente/partidopublico

<div class="container" ng-controller="personasController">
  <h2 class="page-header">Personas</h2>

  <div class="row">
    <div class="col-md-12">
      <div id="flash_message" class="hidden alert alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
    </div>
  </div>

  <div class="row">

    <div class="col-sm-12 col-md-2">
      <div class="form-inline">
        <div class="form-group">
          <button class="btn btn-success form-control" ng-click="getPersonaModal(null)">
            <i class="fa fa-user-plus"></i> Agregar persona
          </button>
        </div>
      </div>
    </div>
    <div class="col-sm-12 col-md-2">
      <div class="form-inline">
        <div class="form-group">
          <%= link_to url_for(action: 'export_personas', controller: 'partido_steps', format: 'csv'), :target => "_self", :class => 'btn btn-warning form-control' do %>
            <i class="fa fa-file-excel-o"></i> Exportar CSV
          <% end %>
        </div>
      </div>
    </div>
    <div class="col-sm-12 col-md-4 center-block">
      <div class="form-inline">
        <div class="input-group">
          <input type="text" ng-model="filtro_personas" class="form-control" placeholder="Buscar persona" id="filtro_personas" aria-describedby="search-addon">
          <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 text-right">
      <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 user-list">
    <div class="col-md-12">
      <table class="table table-hover">
        <thead>
          <tr>
            <th>Nombre</th>
            <th>Apellidos</th>
            <th>Email</th>
            <th>Rut</th>
            <th>Acciones</th>
          </tr>
        </thead>
        <tbody>
          <tr dir-paginate="persona in personas | filter: filtro_personas | itemsPerPage: pageSize">
            <td> {{persona.nombre}} </td>
            <td> {{persona.apellidos}} </td>
            <td> {{persona.email}} </td>
            <td> {{persona.rut}} </td>
            <td>
              <i class="fa fa-pencil-square-o" ng-click="getPersonaModal(persona.id)" title="Editar"></i>
              <i class="fa fa-trash" ng-click="removePersona(persona)"></i>
            </td>
          </tr>
        </tbody>
      </table>
      <dir-pagination-controls template-url="/assets/angular-utils-pagination/dirPagination.tpl.html"></dir-pagination-controls>
    </div>
  </div>

  <div>
    <%= form_tag import_personas_personas_path, remote: true,  multipart: true, class: 'form-inline' do %>
      <div class="form-group">
        <%= hidden_field_tag :partido_id, @partido.id %>
        <%= file_field_tag :file, class: 'form-inline' %>
      </div>
      <%= submit_tag "Import CSV",:id =>"personas_file_submit", class: 'btn btn-default', :disabled =>true %>
    <% end %>
  </div>
  <%= render 'personas/persona_modal' %>
</div>