templates/Publicacion/listarPublicaciones.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ parent() }}
  5.     - Noticias
  6. {% endblock %}
  8. {% block contenido %}
  10.     {% include "default/alertasFlash.html.twig" %}
  12.     <div class="row ultimasNoticias">
  14.         <h6 class="tituloColorOficial">Noticias</h6>
  16.         <blockquote class="textoBlockquote">
  17.             <p>
  18.                 <strong>
  19.                     <i class="material-icons left">info</i>
  20.                     Se listan las ultimas noticias mas recientes</strong>
  21.             </p>
  22.         </blockquote>
  24.         {# Noticias Mobile #}
  25.         <div
  26.             class="hide-on-med-and-up show-on-medium">
  29.             {# Buscador #}
  30.             <div class="row">
  31.                 <ul class="collection redondearBordes">
  32.                     <li class="collection-item">
  33.                         <div class="input-field col s12">
  34.                             <i class="material-icons prefix">search</i>
  35.                             <input id="buscadorNoticiasMobile" class="validate" type="text" placeholder="Buscar por Titulo de una Noticia" onkeyup="buscadorNoticiasMobile();">
  36.                             <label for="icon_prefix">Buscar Noticia</label>
  37.                         </div>
  38.                         <div id="mensajeBuscadorMobile"></div>
  39.                     </li>
  40.                 </ul>
  41.             </div>
  42.             {# Buscador #}
  44.             {# Iteramos sobre todas las noticias #}
  45.             {% for publicacion in publicaciones %}
  46.                 {# Noticia #}
  47.                 <div class="col offset-s1 s10 offset-s1 offset-m1 m10 offset-m1" name="noticiasMobile" noticiatitulo="{{ publicacion.titulo }}">
  48.                     <blockquote class="textoBlockquote">
  49.                         <p>
  50.                             <strong>
  51.                                 <i class="material-icons left">date_range</i>
  52.                                 {{ publicacion.fecha|date('Y-m-d') }}</strong>
  53.                         </p>
  54.                     </blockquote>
  55.                     <div class="card large redondearBordes">
  56.                         <div class="card-image">
  57.                             {% if publicacion.getPortada() %}
  58.                                 {% set imagen = publicacion.getPortada() %}
  59.                                 <img class="responsive-img imagenListadoPublicacion" src="{{ asset(imagen.url) }}">
  60.                             {% else %}
  61.                                 <img class="responsive-img imagenListadoPublicacion" src="{{ asset('img/imagen-no-disponible.png') }}">
  62.                             {% endif %}
  63.                         </div>
  64.                         <div class="card-stacked">
  65.                             <div class="card-content">
  66.                                 <span class="card-title titulo">{{ publicacion.titulo }}</span>
  67.                                 <p class="parrafoNoticia">{{ publicacion.descripcion }}</p>
  68.                             </div>
  69.                             <div class="card-action">
  70.                                 <a class="waves-effect waves-light btn-small colorOficial white-text" href="{{ path('app_publicacion_ver',{'idPublicacion': publicacion.id}) }}">Ver Mas</a>
  71.                             </div>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.                 {# Noticia #}
  76.             {% endfor %}
  77.             {# Iteramos sobre todas las noticias #}
  78.         </div>
  79.         {# Noticias Mobile #}
  82.         {# Noticias Desktop #}
  83.         <div
  84.             class="hide-on-med-and-down">
  86.             {# Buscador #}
  87.             <div class="row">
  88.                 <ul class="collection redondearBordes">
  89.                     <li class="collection-item">
  90.                         <div class="input-field col s12">
  91.                             <i class="material-icons prefix">search</i>
  92.                             <input id="buscadorNoticiasDesktop" class="validate" type="text" placeholder="Buscar por Titulo de una Noticia" onkeyup="buscadorNoticiasDesktop();">
  93.                             <label for="icon_prefix">Buscar Noticia</label>
  94.                         </div>
  95.                         <div id="mensajeBuscadorDesktop"></div>
  96.                     </li>
  97.                 </ul>
  98.             </div>
  99.             {# Buscador #}
  100.             {# Iteramos sobre todas las noticias #}
  101.             {% for publicacion in publicaciones %}
  102.                 {# Noticia #}
  103.                 <div class="col offset-m2 m8 offset-m2 l12" name="noticias" noticiatitulo="{{ publicacion.titulo }}">
  104.                     <blockquote class="textoBlockquote">
  105.                         <p>
  106.                             <strong>
  107.                                 <i class="material-icons left">date_range</i>
  108.                                 {{ publicacion.fecha|date('Y-m-d') }}</strong>
  109.                         </p>
  110.                     </blockquote>
  112.                     <div class="card horizontal hoverable">
  113.                         <div class="card-image">
  114.                             {% if publicacion.getPortada() %}
  115.                                 {% set imagen = publicacion.getPortada() %}
  116.                                 <img class="responsive-img imagenListadoPublicacion" src="{{ asset(imagen.url) }}">
  117.                             {% else %}
  118.                                 <img class="responsive-img imagenListadoPublicacion" src="{{ asset('img/imagen-no-disponible.png') }}">
  119.                             {% endif %}
  120.                         </div>
  121.                         <div class="card-stacked">
  122.                             <div class="card-content contenidoNoticia">
  123.                                 <span class="card-title titulo">
  124.                                     <strong>{{ publicacion.titulo }}</strong>
  125.                                 </span>
  126.                                 <p class="parrafoNoticia">{{ publicacion.descripcion }}</p>
  127.                             </div>
  128.                             <div class="card-action">
  129.                                 <a class="waves-effect waves-light btn-small colorOficial white-text" href="{{ path('app_publicacion_ver',{'idPublicacion': publicacion.id}) }}">Ver Mas</a>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.                 {# Noticia #}
  135.             {% endfor %}
  136.             {# Iteramos sobre todas las noticias #}
  137.         </div>
  138.         {# Noticias Desktop #}
  141.     </div>
  144. {% endblock %}