templates/AccesoDirecto/homeAccesosDirectos.html.twig line 1

Open in your IDE?
  1. {# Si hay accesos #}
  2. {% if accesosDirectos|length > 0 %}
  3.     <div    class="row">
  4.         {# Si esta la cantidad definida #}
  5.         {% if accesosDirectos|length == 1 %}
  6.             {# Iteramos sobre albumns #}
  7.             {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %}
  8.                 {# Tarjeta de Acceso #}
  9.                 <div class="col s12 offset-m5 m2 offset-m5">
  10.                     <div class="cajaContenido center-align">
  11.                         {% if accesoDirecto.getImagen() %}
  12.                             {% set imagen = accesoDirecto.getImagen() %}
  13.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}">
  14.                         {% else %}
  15.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}">
  16.                         {% endif %}
  17.                         <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4>
  18.                         <p class="descripcionContenido">{{ accesoDirecto.descripcion }}
  19.                         </p>
  20.                         <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a>
  21.                     </div>
  22.                 </div>
  23.                 {# Tarjeta de Acceso #}
  24.             {% endfor %}
  25.             {# Iteramos sobre albumns #}
  26.         {% endif %}
  27.         {# Si esta la cantidad definida #}
  28.         {# Si esta la cantidad definida #}
  29.         {% if accesosDirectos|length == 2 %}
  30.             {# Iteramos sobre albumns #}
  31.             {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %}
  32.                 {# Tarjeta de Acceso #}
  33.                 <div class="col s12 m6">
  34.                     <div class="cajaContenido center-align">
  35.                         {% if accesoDirecto.getImagen() %}
  36.                             {% set imagen = accesoDirecto.getImagen() %}
  37.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}">
  38.                         {% else %}
  39.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}">
  40.                         {% endif %}
  41.                         <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4>
  42.                         <p class="descripcionContenido">{{ accesoDirecto.descripcion }}
  43.                         </p>
  44.                         <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a>
  45.                     </div>
  46.                 </div>
  47.                 {# Tarjeta de Acceso #}
  48.             {% endfor %}
  49.             {# Iteramos sobre albumns #}
  50.         {% endif %}
  51.         {# Si esta la cantidad definida #}
  52.         {# Si esta la cantidad definida #}
  53.         {% if accesosDirectos|length == 3 %}
  54.             {# Iteramos sobre albumns #}
  55.             {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %}
  56.                 {# Tarjeta de Acceso #}
  57.                 <div class="col s12 m4">
  58.                     <div class="cajaContenido center-align">
  59.                         {% if accesoDirecto.getImagen() %}
  60.                             {% set imagen = accesoDirecto.getImagen() %}
  61.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}">
  62.                         {% else %}
  63.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}">
  64.                         {% endif %}
  65.                         <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4>
  66.                         <p class="descripcionContenido">{{ accesoDirecto.descripcion }}
  67.                         </p>
  68.                         <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a>
  69.                     </div>
  70.                 </div>
  71.                 {# Tarjeta de Acceso #}
  72.             {% endfor %}
  73.             {# Iteramos sobre albumns #}
  74.         {% endif %}
  75.         {# Si esta la cantidad definida #}
  76.         {# Si esta la cantidad definida #}
  77.         {% if accesosDirectos|length > 3 %}
  78.             {# Iteramos sobre albumns #}
  79.             {% for accesoDirecto in accesosDirectos|sort((a, b) => a.nombre <=> b.nombre) %}
  80.                 {# Tarjeta de Acceso #}
  81.                 <div class="col s12 m3">
  82.                     <div class="cajaContenido center-align">
  83.                         {% if accesoDirecto.getImagen() %}
  84.                             {% set imagen = accesoDirecto.getImagen() %}
  85.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}">
  86.                         {% else %}
  87.                             <img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}">
  88.                         {% endif %}
  89.                         <h4 class="tituloContenido colorOficialTexto">{{ accesoDirecto.nombre }}</h4>
  90.                         <p class="descripcionContenido">{{ accesoDirecto.descripcion }}
  91.                         </p>
  92.                         <a href="{{ accesoDirecto.link }}" class="waves-effect waves-light btn colorOficial white-text tituloContenido redondearBordes">VER</a>
  93.                     </div>
  94.                 </div>
  95.                 {# Tarjeta de Acceso #}
  96.             {% endfor %}
  97.             {# Iteramos sobre albumns #}
  98.         {% endif %}
  99.         {# Si esta la cantidad definida #}
  100.     
  101.     </div>
  102. {% endif %}
  103. {# Si hay album #}