modal-zona.html 2.59 KB
<div class="modal-header">
    <h5 class="modal-title my-1">Búsqueda de Zonas</h5>
</div>
<div class="modal-body" id="modal-body">
    <div class="input-group">
        <input
            ladda="searchLoading"
            type="text"
            class="form-control form-control-sm"
            id="search"
            placeholder="Búsqueda"
            ng-model="filters"
            ng-change="search()"
            ng-keydown="busquedaDown($event.keyCode)"
            ng-keypress="busquedaPress($event.keyCode)"
            foca-focus="selectedProvincia == -1"
            ng-focus="selectedProvincia = -1"
            teclado-virtual
        >
        <div class="input-group-append">
            <button
                ladda="searchLoading"
                class="btn btn-outline-secondary"
                type="button"
                ng-click="busquedaPress(13)"
            >
                <i class="fa fa-search" aria-hidden="true"></i>
            </button>
        </div>
    </div>
    <table class="table table-striped table-sm col-12">
        <thead>
            <tr>
                <th>Código</th>
                <th>Nombre</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-show="zonas.length == 0">
                <td colspan="3">
                    No se encontraron resultados.
                </td>
            </tr>
            <tr class="selected"
                ng-repeat="(key, zona) in zonas | filter: filters"
                ng-click="select(zona)"
                >
                <td ng-bind="zona.ID | rellenarDigitos: 3: 0"></td>
                <td ng-bind="zona.NOM"></td>
                <td class="d-md-none text-primary">
                    <i class="fa fa-circle-thin" aria-hidden="true"></i>
                </td>
                <td class="d-none d-md-table-cell">
                    <button
                        type="button"
                        class="btn btn-xs p-1 float-right"
                        ng-class="{
                            'btn-secondary': selectedProvincia != key,
                            'btn-primary': selectedProvincia == key
                        }"
                        foca-focus="selectedProvincia == {{key}}"
                        ng-keydown="itemProvincia($event.keyCode)">
                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="modal-footer">
    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
</div>