{# Si hay accesos #}{% if accesosDirectos|length > 0 %} <div class="row"> {# Si esta la cantidad definida #} {% if accesosDirectos|length == 1 %} {# Iteramos sobre albumns #} {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %} {# Tarjeta de Acceso #} <div class="col s12 offset-m5 m2 offset-m5"> <div class="cajaContenido center-align"> {% if accesoDirecto.getImagen() %} {% set imagen = accesoDirecto.getImagen() %} <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}"> {% else %} <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}"> {% endif %} <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4> <p class="descripcionContenido">{{ accesoDirecto.descripcion }} </p> <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a> </div> </div> {# Tarjeta de Acceso #} {% endfor %} {# Iteramos sobre albumns #} {% endif %} {# Si esta la cantidad definida #} {# Si esta la cantidad definida #} {% if accesosDirectos|length == 2 %} {# Iteramos sobre albumns #} {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %} {# Tarjeta de Acceso #} <div class="col s12 m6"> <div class="cajaContenido center-align"> {% if accesoDirecto.getImagen() %} {% set imagen = accesoDirecto.getImagen() %} <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}"> {% else %} <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}"> {% endif %} <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4> <p class="descripcionContenido">{{ accesoDirecto.descripcion }} </p> <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a> </div> </div> {# Tarjeta de Acceso #} {% endfor %} {# Iteramos sobre albumns #} {% endif %} {# Si esta la cantidad definida #} {# Si esta la cantidad definida #} {% if accesosDirectos|length == 3 %} {# Iteramos sobre albumns #} {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %} {# Tarjeta de Acceso #} <div class="col s12 m4"> <div class="cajaContenido center-align"> {% if accesoDirecto.getImagen() %} {% set imagen = accesoDirecto.getImagen() %} <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}"> {% else %} <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}"> {% endif %} <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4> <p class="descripcionContenido">{{ accesoDirecto.descripcion }} </p> <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a> </div> </div> {# Tarjeta de Acceso #} {% endfor %} {# Iteramos sobre albumns #} {% endif %} {# Si esta la cantidad definida #} {# Si esta la cantidad definida #} {% if accesosDirectos|length > 3 %} {# Iteramos sobre albumns #} {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %} {# Tarjeta de Acceso #} <div class="col s12 m3"> <div class="cajaContenido center-align"> {% if accesoDirecto.getImagen() %} {% set imagen = accesoDirecto.getImagen() %} <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}"> {% else %} <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}"> {% endif %} <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4> <p class="descripcionContenido">{{ accesoDirecto.descripcion }} </p> <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a> </div> </div> {# Tarjeta de Acceso #} {% endfor %} {# Iteramos sobre albumns #} {% endif %} {# Si esta la cantidad definida #} </div>{% endif %}{# Si hay album #}