templates/blog/blog-interna.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block seo %}
  3.   {% set ruta = app.request.get('_route') %}
  4.   {% set params = app.request.attributes.get('_route_params')  %}
  5.   <title>{{ blog.titulo }}</title>
  6.   <meta name="description" content="{{ blog.resumen }}" />
  7.   <link rel="image_src" href="{{ blog.imagenGrande }}"/>
  8.   <meta property="og:title" content="{{ blog.titulo }}" />
  9.   <meta property="og:type" content="article" />
  10.   <meta property="og:url" content="{{ url(ruta,params) }}" />
  11.   <meta property="og:image" content="{{ blog.imagenGrande }}" />
  12.   <meta property="og:description" content="{{ blog.resumen }}" />
  13. {% endblock %}
  15. {% block body %}
  16. {{ include('basic/canales.html.twig') }}
  17. <section class="blog-banner" style="background-image: url('{{ blog.imagenGrande }}');">
  18.   <div class="only-mobile">
  19.     <i class="color-blanco icon-favblog ml-4"></i>
  20.   </div>
  21.   <div class="only-desk">
  22.     <div class="row title no-margin w-100 bg-naranja d-flex justify-content-center align-items-center">
  23.       <h3 class="color-blanco">{{ blog.titulo }}</h3>
  24.       <i class="color-blanco icon-favblog  ml-4" data-id="{{ blog.id }}" data-user="{% if app.user %}1{% endif %}"></i>
  25.     </div>
  26.   </div>
  27. </section>
  28. <section class="pt-sm-5 pt-3 px-2">
  29.   <div class="only-mobile px-4 py-2">
  30.     <h2 class="color-negro">{{ blog.titulo }}</h2>
  31.   </div>
  32.   <div class="container px-sm-5 px-4">
  33.     {{ blog.contenido | raw }}
  34.     <div class="row d-flex mt-4 justify-content-between align-items-center">
  35.       <div class="d-flex like-cont align-items-center">
  36.         <a href="" id="like" data-blog="{{ blog.id }}" data-userid="{{ user_id }}">
  37.           {% if like_user == null and like_user == false %}
  38.             <img class="likes" src="{{ asset('img/SVG/likes_active.svg') }}" alt="">
  39.           {% else %}
  40.             <img class="likes" src="{{ asset('img/SVG/likes.svg') }}" alt="">
  41.           {% endif %}
  42.         </a>
  43.         {# {{like_user}} #}
  44.         <h6 class="bold color-gris1 ml-2">{{ likes[1] }} Likes</h6>
  45.         {# <h6 class="bold color-gris1 ml-2">Likes</h6> #}
  47.       </div>
  48.       {# compartir en redes sociales #}
  49.       
  50.       <div class="d-flex redes">
  51.         {% set enlace = path('blog-interna',{id:blog.id, nombre:qi.slugify(blog.titulo)}) %}
  52.         {# facebook #}
  53.         {% if qi.Setting('facebook') == 1 %}
  54.         {# {% set enlace = path('blog-interna',{id:blog.id, nombre:qi.slugify(blog.titulo)}) %} #}
  55.         <a class="rounded mr-2" href="{{  app.request.scheme ~'://' ~ app.request.httpHost ~enlace }}" onclick="window.open(
  56.         'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
  57.         'facebook-share-dialog',
  58.         'width=626,height=436')">
  59.           <i class="color-negro icon-facebook-single">
  60.           </i>
  61.         </a>
  62.         {% endif %}
  63.         {# twitter #}
  64.         {% if qi.Setting('twitter') == 1 %}
  65.         <a class="rounded mr-2" target="_blank" href="https://twitter.com/share?url={{  app.request.scheme ~'://' ~ app.request.httpHost ~enlace }}&amp;text={{ blog.titulo }}" >
  66.           <i class="color-negro icon-twitter">
  67.           </i>
  68.         </a>
  69.         {% endif %}
  70.         {# linkendin #}
  71.         {% if qi.Setting('linkedin') == 1 %}
  72.         <a class="rounded" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{  app.request.scheme ~'://' ~ app.request.httpHost ~enlace }}&amp;text={{ blog.titulo }}">
  73.           <i class="color-negro icon-in"></i>
  74.         </a>
  75.         {% endif %}
  76.       </div>
  77.     </div>
  78.     <div class="row">
  79.       <hr class="w-100">
  80.     </div>
  81.     <div class="row mt-5" id="comentario">
  82.       <h4 class="color-negro w-100">{{ comentarios | length}} Comentario{% if comentarios | length > 0 %}s{% endif %}</h4>
  83.       {% if app.user %}
  84.       {{ form_start(form,{'attr': {'class':"w-100",'novalidate':'novalidate','action':'#comentario','id':'comentario'}}) }}
  85.       {#<textarea class="w-100" name="" id="" cols="10" rows="5" placeholder="Escribe un comentario"></textarea>#}
  86.       <div class="form-error">
  87.         {{ form_errors(form.comentario) }}
  88.       </div>
  89.       {{ form_widget(form.comentario,{'attr': {'class':"w-100",'placeholder': 'Escribe un comentario', 'cols': '10','rows': '5'}}) }}
  90.       {#{{ form_row(form.captcha, {'attr': { }}) }}#}
  91.       {{ form_widget(form.usuario, {'attr': { 'style':'display:none'}}) }}
  92.       {{ form_widget(form.blog, {'attr': { 'style':'display:none'}}) }}
  93.       <div class="form-group em">
  94.         <button type="submit" value="submit" class="btn_3 btn btn-naranja" id="contacto">
  95.           Enviar
  96.         </button>
  97.       </div>
  98.       {{ form_end(form) }}
  99.       {% endif %}
  100.     </div>
  101.   </div>
  102. </section>
  103. <section class="resenas pt-3">
  104.   <div class="container px-4">
  105.     {% for item in comentarios %}
  106.     <div class="item">
  107.       <div class="d-flex align-items-center">
  108.         <img src="{{ asset('img/SVG/avatar.svg') }}" alt="">
  109.         <div class="ml-3">
  110.           <h6 class="bold color-negro">{{ item.usuario }}</h6>
  111.           <p>{{ qi.time_elapsed_string(item.created_at) }}</p>
  112.         </div>
  113.       </div>
  114.       <p class="mt-2">{{ item.comentario }}</p>
  115.     </div>
  116.     {% endfor %}
  117.   </div>
  118. </section>
  119. <section class="bg-naranja direccion">
  120.   <div class="container d-flex justify-content-between">
  121.     <div class="item-dir">
  122.       <a class="d-flex color-blanco" href="{{ path('blog-interna',{id: blog_prev.id, nombre: qi.slugify(blog_prev.titulo)}) }}">
  123.         <i class="icon-left"></i>
  124.         <p>Anterior</p>
  125.       </a>
  126.       <h4 class="mt-2 color-blanco">{{ blog_prev.titulo }}</h4>
  127.     </div>
  128.     <div class="item-dir">
  129.       <a class="d-flex color-blanco justify-content-end" href="{{ path('blog-interna',{id: blog_next.id, nombre: qi.slugify(blog_next.titulo)}) }}">
  130.         <p>Siguiente</p>
  131.         <i class="icon-right"></i>
  132.       </a>
  133.       <h4 class="mt-2 color-blanco text-right">{{ blog_next.titulo }}</h4>
  134.     </div>
  135.   </div>
  136. </section>
  138.   <div data-remodal-id="modal_blog">
  139.     <button data-remodal-action="close" class="remodal-close"></button>
  140.     {# <h1>Alerta</h1> #}
  141.     <p>
  142.       Para dar like a este post debes loguearte en la plataforma
  143.     </p>
  144.   </div>
  146.   <div data-remodal-id="modal_blog_comentario">
  147.     <button data-remodal-action="close" class="remodal-close"></button>
  148.     <h1>Alerta</h1>
  149.     <p>
  150.       Para comentar post debes loguearte en la plataforma
  151.     </p>
  152.   </div>
  154. {% endblock %}
  156. {% block javascripts %}
  157. {% endblock %}