modal-precio-condicion.html 5.54 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-lg-6">
            <h5 class="modal-title my-1">Precio-Condición</h5>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div ng-show="!ingreso">
        <div class="row" ng-show="listaDePreciosAsociada.length == 0">
            <div class="col">
                No se encontraron resultados.
            </div>
        </div>
        <div class="row px-2">
            <div class="col-lg-6">
                <div class="row border-top py-2">
                    <div class="col-lg-9 col-9">Lista asociada al cliente</div>
                    <div class="col-lg-3 col-3 text-center">
                        <button
                            ng-class="{'btn-primary': associatedList, 'btn-default': !associatedList}"
                            class="btn btn-sm p-1"
                            ng-click="selectListaDePrecios(listaDePreciosAsociada)">
                            <span class="fa fa-circle-thin"></span>
                        </button>
                    </div>
                </div>
                <div class="row align-items-center pb-2">
                    <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAsociada.ID"></div>
                    <div class="col-lg-7 col-7" ng-bind="listaDePreciosAsociada.DES"></div>
                    <div class="col-lg-3 col-3 text-center">
                        <button ng-click="verListaProductos(listaDePreciosAsociada.ID)" class="btn btn-sm p-1">
                            <span class="fa fa-eye"></span>
                        </button>
                    </div>
                </div>
                <div class="row border-top py-2">
                    <div class="col-lg-9 col-9">Trabajar con otra lista</div>
                    <div class="col-lg-3 col-3 text-center">
                        <button
                            ng-class="{'btn-primary': !associatedList, 'btn-default': associatedList}"
                            class="btn btn-sm btn-default p-1"
                            ng-click="openListaDePrecios()">
                            <span class="fa fa-circle-thin"></span>
                        </button>
                    </div>
                </div>
                <div ng-show="listaDePreciosAlternativa != null" class="row align-items-center pb-1">
                    <div class="col-lg-2 col-2 text-center" ng-bind="listaDePreciosAlternativa.ID"></div>
                    <div class="col-lg-7 col-7" ng-bind="listaDePreciosAlternativa.DES"></div>
                    <div class="col-lg-3 col-3 text-center">
                        <button ng-click="verListaProductos(listaDePreciosAlternativa.ID)" class="btn btn-sm p-1">
                            <span class="fa fa-eye"></span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="row border-bottom py-1">
                    <div class="col text-center font-weight-bold">Plazos</div>
                </div>
                <div ng-if="!editingPlazo" class="row align-items-center justify-content-end py-2">
                    <div 
                        class="col-lg-9 col-9 text-center"
                        ng-repeat="plazo in plazos">
                        {{plazo.dias}},
                    </div>
                    <div class="col-lg-9 col-9 text-center" ng-if="plazos.length == 0">
                            No hay plazos cargados.
                    </div>
                    <div class="col-lg-3 col-3">
                        <button class="btn btn-sm text-center" ng-click="editPlazo()">
                            <span ng-class="{'fa-pencil': plazos.length > 0, 'fa-plus': plazos.length == 0}" class="fa"></span>
                        </button>
                    </div>
                </div>
                <div ng-if="editingPlazo" class="row align-items-center justify-content-end py-2">
                    <div class="col-2 col-sm-2 px-2" ng-repeat="plazo in plazos" ng-show="plazos.length > 0">                        
                        <input
                            type="text"
                            class="form-control form-control-sm text-center"
                            ng-model="plazo.dias"
                            limite-numeros-max="3"
                            ng-keyup="validateMinMax(plazo, 0, 365)"
                            select-on-click
                            teclado-virtual
                            foca-tipo-input
                            solo-positivos>
                    </div>
                    <div class="col-lg-2 col-2 text-center">
                        <button
                            class="btn btn-outline-debo" 
                            ng-click="addMorePlazos()"
                            ng-disabled="plazos.length == 4">
                            <span class="fa fa-plus"></span>
                        </button>
                    </div>
                    <div class="col-lg-2 col-2 text-center">
                        <button class="btn btn-primary">
                            <span class="fa fa-save"></span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal-footer py-2">
    <button class="btn btn-sm btn-secondary" type="button" ng-click="closeModalPrecioCondicion()">Cerrar
    </button>
    <button class="btn btn-sm btn-primary" type="button" ng-click="guardarPrecioCondicion()">Guardar
    </button>
</div>