botonera-lateral.html 4.04 KB
<div class="container botonera-lateral">
    <div class="row">
        <div class="col-auto my-2 col-2 offset-10 d-none d-md-flex" style="min-height: 176px">
            <div class="px-2 mt-auto">
                <div class="container">
                    <div class="row">
                        <div
                            ladda="botones.guardando"
                            data-spinner-size="30"
                            data-spinner-color="#000000"
                            class="mb-2 border border-dark rounded"
                            >
                            <button
                                id="guardar"
                                ng-click="botones.funcionGuardar()"
                                ng-show="botones.guardar"
                                ng-disabled="botones.guardando"
                                type="button"
                                title="Guardar"
                                class="btn btn-block">
                                <strong>GUARDAR</strong>
                            </button>
                        </div>
                        <button
                            ng-show="botones.pausar"
                            type="button"
                            title="Pausar"
                            class="btn btn-block border border-dark">
                            <strong>PAUSAR</strong>
                        </button>
                        <button
                            ng-click="cancelar()"
                            ng-show="botones.cancelar"
                            type="button"
                            title="Cancelar"
                            class="btn btn-block border border-dark">
                            <strong>CANCELAR</strong>
                        </button>
                        <button
                            ng-click="salir()"
                            ng-show="botones.salir"
                            type="button"
                            title="Salir"
                            class="btn btn-block border border-dark">
                            <strong>SALIR</strong>
                        </button>
                        <button
                            ng-repeat="boton in botones.custom"
                            ng-click="boton.funcion()"
                            type="button"
                            title="{{boton.title}}"
                            class="btn btn-block border border-dark">
                            <strong 
                                class="text-uppercase"
                                ng-bind="boton.title">
                            </strong>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container botonera-lateral teclado" ng-show="botones.teclado">
        <div class="row">
            <div class="col-auto my-2 col-2 offset-10 d-none d-md-flex" style="min-height: 176px">
                <div class="px-2 mt-auto">
                    <div class="container">
                        <div class="row">
                            <div
                                class="btn-group-toggle btn btn-block btn-default border border-dark"
                                data-toggle="buttons"
                                ng-click="cambioUsoTeclado()"
                                title="Activar/desactivar teclado">
                                <label
                                    class=" active boton-activar-teclado mb-0"
                                    ng-class="{'teclado-activar': usarTeclado}">
                                    <input
                                        type="checkbox"
                                        autocomplete="off"
                                        >
                                        <strong>TECLADO</strong>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>