foca-botonera-principal.html 3.29 KB
<div class="botonera-principal">
    <div class="d-flex">
        <div ng-if="rutas.length > 0"  class="ml-auto dropdown">
            <button
                class="m-0 btn-tareas-pausadas dropdown-toggle"
                type="button"
                id="dropdownMenuButton"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false"
            >
                Tareas Pausadas
            </button>
            <div class="dropdown-tareas-pausadas dropdown-menu" aria-labelledby="dropdownMenuButton">
                <a
                    ng-click="irA(ruta)"
                    ng-repeat="ruta in rutas track by $index"
                    class="items-dropdown dropdown-item m-1">
                    Volver a: {{ruta}}
                </a>
            </div>
        </div>
    </div>
    <div class="row mt-3 justify-content-center">
        <div class="col-auto p-0">
            <img src="./img/logoMapa.png" />
        </div>
    </div>
    <div class="row">
        <div class="col-12 mb-3">
            <swiper on-init="inicioSwiper">
                <slides>
                    <slide ng-repeat="(keyPagina, pagina) in paginas">
                        <menu class="botonera-principal-menu">
                            <menuitem 
                                ng-class="boton.clase"
                                ng-repeat="(keyBoton, boton) in pagina"
                                ng-show="boton.accion != '/venta-hoja-ruta/lista'"
                            >
                                <button
                                    foca-focus="keyPagina === 0 && keyBoton === 0"
                                    ng-click="irA(boton.accion)"
                                >
                                    <span ng-bind="boton.texto"></span>
                                </button>
                            </menuitem>
                        </menu>
                    </slide>
                </slides>
                <prev></prev>
                <next></next>
                <pagination></pagination>
            </swiper>
            <div class="d-none d-sm-block">
                <a
                    class="btn btn-outline-dark mt-5 btn-lg"
                    href="javascript:void()"
                    ng-click="showTerminal()"
                >
                    <i class="fa fa-info-circle" aria-hidden="true"></i>
                </a>
                <a
                    class="btn btn-outline-dark mt-5 btn-lg"
                    href="javascript:void()"
                    ng-click="logout()">
                    <i class="fa fa-power-off" aria-hidden="true"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="row d-md-none fixed-bottom">
        <div class="w-100 d-flex px-3 acciones-mobile">
            <a
                class="btn btn-outline-dark btn-lg mr-2"
                href="javascript:void()"
                ng-click="showTerminal()">
                <i class="fa fa-info-circle" aria-hidden="true"></i>
            </a>
            <a
                class="btn btn-outline-dark btn-lg"
                href="javascript:void()"
                ng-click="logout()">
                <i class="fa fa-power-off" aria-hidden="true"></i>
            </a>
        </div>
    </div>
</div>