modal-flete.html 4.55 KB
<div class="modal-header py-1">
    <h5 class="modal-title">Opciones de Flete</h5>
</div>
<div class="modal-body" id="modal-body">
    <form name="formFlete">
        <div class="form-group row">
            <div class="col-6">
                <div class="row">
                    <legend class="col-form-label col-sm-4 pt-0">Flete</legend>
                    <div class="col-sm-8">
                        <div class="form-check">
                            <input
                                class="form-check-input"
                                type="radio"
                                name="flete"
                                id="fleteSi"
                                value="1"
                                checked
                                ng-model="parametrosFlete.flete"
                            />
                            <label class="form-check-label" for="fleteSi">Si</label>
                        </div>
                        <div class="form-check">
                            <input
                                class="form-check-input"
                                type="radio"
                                name="flete"
                                id="fleteNo"
                                value="0"
                                ng-model="parametrosFlete.flete"
                            />
                            <label class="form-check-label" for="fleteNo">No</label>
                        </div>
                        <div class="form-check">
                            <input
                                class="form-check-input"
                                type="radio"
                                name="flete"
                                id="fleteFub"
                                value="FOB"
                                ng-model="parametrosFlete.flete"
                            />
                            <label class="form-check-label" for="fleteFub">FOB</label>
                        </div>
                    </div>
                    <span ng-show="formFlete.flete.$error.required">Debe seleccionar un flete.</span>
                </div>
            </div>
            <div class="col-6">
                <div class="form-group row" ng-show="parametrosFlete.flete == '1'">
                    <legend class="col-form-label col-sm-4 pt-0">Bomba</legend>
                    <div class="col-sm-8">
                        <div class="form-check">
                            <input
                                class="form-check-input"
                                type="radio"
                                name="bomba"
                                id="bombaSi"
                                value="1"
                                checked
                                ng-model="parametrosFlete.bomba"
                            />
                            <label class="form-check-label" for="bombaSi">Si</label>
                        </div>
                        <div class="form-check">
                            <input
                                class="form-check-input"
                                type="radio"
                                name="bomba"
                                id="bombaNo"
                                value="0"
                                ng-model="parametrosFlete.bomba"
                            />
                            <label class="form-check-label" for="bombaNo">No</label>
                        </div>
                    </div>
                </div>
                <div class="form-group row" ng-show="parametrosFlete.flete == '1'">
                    <label for="kilometros" class="col-sm-4 col-form-label">Kilometros</label>
                    <div class="col-sm-8">
                        <input
                            type="number"
                            min="0"
                            step="0.01"
                            class="form-control"
                            id="kilometros"
                            name="kilometros"
                            placeholder="Kilómetros"
                            ng-model="parametrosFlete.kilometros"
                            teclado-virtual
                        />
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="modal-footer py-1">
    <button
        class="btn btn-secondary"
        type="button"
        ng-click="aceptar()"
        ng-disabled="validar()"
    >Aceptar</button>
    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
</div>