foca-abm-precios-condiciones-item.html 4.21 KB
<div class="row">
    <foca-cabecera-facturador 
    titulo="'Precios y condiciones'"
    fecha="now"
    class="mb-0 col-lg-12"
    ></foca-cabecera-facturador>
</div>
<div class="row">
    <form class="col-md-10">
        <input type="hidden" name="id" ng-model="precioCondicion.id" />
        <div class="row mb-3">
                <label class="col-sm-2 col-form-label">Código</label>
                <input
                    class="form-control col-sm-4"
                    type="text"
                    name="codigo"
                    ng-model="precioCondicion.codigo"
                    autocomplete="off"
                    teclado-virtual
                />
                <label class="col-sm-2 col-form-label">Nombre</label>
                <input
                    class="form-control col-sm-4"
                    type="text"
                    name="nombre"
                    ng-model="precioCondicion.nombre"
                    autocomplete="off"
                    teclado-virtual
                />
        </div>
        <div class="form-group row">
            <label class="col-sm-2 col-form-label">Descripción</label>
            <input
                class="form-control col-sm-10"
                type="text"
                name="nombre"
                ng-model="precioCondicion.descripcion"
                autocomplete="off"
                teclado-virtual
            />
        </div>
        <div class="row">
            <label class="col-sm-2 col-form-label">Lista de precios</label>
            <div class="col-sm-4 input-group p-0">
                <input 
                    ng-model="listaPrecioLabel"
                    class="form-control"
                    readonly
                />
                <div class="input-group-append">
                    <button
                        ladda="searchLoading"
                        class="btn btn-outline-secondary form-control"
                        title="Buscar"
                        type="button"
                        ng-click="seleccionarListaPrecio()"
                        foca-focus="focused == 3"
                    >
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </button>
                </div>
            </div>
            <label class="col-sm-2 col-form-label" ng-show="mostrarPlazos">Plazos</label>
            <div class="col-sm-4 p-0" ng-show="mostrarPlazos">
                <div class="input-group p-0">
                    <input 
                        type="number"
                        class="form-control text-right"
                        min="0"
                        ng-model="plazoACargar.dias"
                        ng-keypress="agregarPlazo($event.keyCode)"
                        foca-focus="ingreso"
                        placeholder="Días"
                    />
                    <div class="input-group-append">
                        <button
                            class="btn btn-outline-secondary form-control"
                            title="Agregar"
                            type="button"
                            ng-click="agregarPlazo(13)"
                            foca-focus="focused == 3"
                        >
                            <i class="fa fa-save" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
                <table class="table table-striped table-sm">
                    <tbody>
                        <tr ng-repeat="(key, plazo) in precioCondicion.plazos">
                            <td class="text-right" >
                                <span ng-bind="plazo.dias + ' días'"></span>
                                <button
                                    type="button"
                                    title="Eliminar"
                                    class="btn btn-outline-secondary ml-1"
                                    ng-click="quitarPlazo(key)"
                                >
                                    <i class="fa fa-trash"></i>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </form>
</div>