modal-punto-descarga.html 3.39 KB
<div class="modal-header d-flex">
    <h5 class="modal-title my-1" ng-hide="ingreso">Búsqueda de puntos de descarga</h5>
    <h5 class="modal-title my-1" ng-show="ingreso">Crear punto de descarga</h5>
    <button 
        class="btn btn-primary"
        ng-click="ingreso = true"
        ng-hide="ingreso">
        <i class="fa fa-plus" aria-hidden="true"></i>
    </button>
</div>
<div class="modal-body" id="modal-body">
    <table 
        class="table table-striped table-sm col-12"
        ng-hide="ingreso">
        <thead>
            <tr>
                <th>Código</th>
                <th>Latitud</th>
                <th>Longitud</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-show="puntosDescarga.length == 0">
                <td colspan="3">
                    No se encontraron resultados.
                </td>
            </tr>
            <tr class="selected"
                ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters"
                ng-click="select(puntoDescarga)"
                >
                <td ng-bind="puntoDescarga.id | rellenarDigitos: 3: 0"></td>
                <td ng-bind="puntoDescarga.latitud"></td>
                <td ng-bind="puntoDescarga.longitud"></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>
    <form ng-show="ingreso">
        <div class="row">
            <div class="col-6">
                <label>Latitud</label>
                <input
                    type="text"
                    class="form-control form-control-sm"
                    ng-model="puntoDescarga.latitud"
                    ng-required="true"
                />
            </div>
            <div class="col-6">
                <label>Longitud</label>
                <input
                    type="text"
                    class="form-control form-control-sm"
                    ng-model="puntoDescarga.longitud"
                    ng-required="true"
                />
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <label>Descripción</label>
                <textarea 
                    class="form-control form-control-sm"
                    cols="30"
                    rows="5"
                    ng-model="puntoDescarga.descripcion"></textarea>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer">
    <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
    <button 
        class="btn btn-sm btn-primary my-1"
        type="button"
        ng-click="guardar()"
        ng-show="ingreso">Guardar</button>
</div>