modal-actualizar-punto-descarga.html 2.63 KB
<div class="modal-header py-1 d-flex">
    <h5 class="modal-title" ng-hide="ingreso">Actualizar posición punto de descarga</h5>
    <h5 class="modal-title" ng-show="ingreso">Crear nuevo punto de descarga</h5>
    <button 
        class="btn btn-primary"
        title="Nuevo"
        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>Descripción</th>
                <th>Latitud</th>
                <th>Longitud</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-show="!puntosDescarga.length">
                <td colspan="5">
                    No se encontraron resultados.
                </td>
            </tr>
            <tr class="selected"
                ng-repeat="(key, puntoDescarga) in puntosDescarga | filter: filters"
                >
                <td
                    ng-bind="puntoDescarga.puntoDescarga.id | rellenarDigitos: 3: 0"
                    ng-click="seleccionarPunto(key)"></td>
                <td
                    ng-bind="puntoDescarga.puntoDescarga.descripcion"
                    ng-click="seleccionarPunto(key)"></td>
                <td
                    ng-bind="puntoDescarga.puntoDescarga.latitud"
                    ng-click="seleccionarPunto(key)"></td>
                <td
                    ng-bind="puntoDescarga.puntoDescarga.longitud"
                    ng-click="seleccionarPunto(key)"></td>
                <td>
                    <button
                        type="button"
                        class="btn btn-xs btn-primary p-1 float-right mr-5"
                        ng-click="select(puntoDescarga.puntoDescarga)"
                        title="Actualizar">
                        <i class="fa fa-circle-thin" aria-hidden="true"></i>
                    </button>
                </td>
            </tr>
        </tbody>
    </table>
    <div ng-show="ingreso">
        <form>
            <label>Descripción</label>
            <input
                ng-model="descripcion"
                type="text"
                class="form-control">
        </form>
    </div>
</div>
<div class="modal-footer py-2">
    <button
        class="btn btn-secondary btn-sm"
        type="button"
        ng-click="guardar()"
    >Guardar</button>
    <button
        class="btn btn-secondary btn-sm"
        type="button"
        ng-click="cancel()"
    >Cancelar</button>
</div>