templates/Front/Blog/blog.html.twig line 1

Open in your IDE?
  1. {% extends "Global/layout.html.twig" %}
  3. {% set pagetitle = 'Blog'|trans %}
  5. {% block title %}{{pagetitle}}{% endblock %}
  7. {% block content %}
  9.     {% set navigation = [{"current" : (pagetitle)}] %}
  10.     {% include "Global/navigation.html.twig" with navigation %}
  12.     <section class="section-content padding-y bg-white">
  13.         <div class="{{ services.getSetting("app_layout") }}">
  15.             <div class="box shadow-none bg-gray mb-4">
  16.                 <div class="row">
  17.                     <div class="col-sm-12 col-lg-3 text-center text-lg-left mb-3 mb-lg-0">
  18.                         <span class="center-lg-y text-muted">{{ "%resultsCount% post(s) found"|trans({'%resultsCount%': blogposts.getTotalItemCount}) }}</span>
  19.                     </div>
  21.                     <div class="col-sm-12 col-lg-6 offset-lg-3 text-center text-lg-right">
  22.                         <form>
  23.                             <input type="text" class="form-control bg-white col-6 display-inline" name="keyword" placeholder="{{ "Search blog posts"|trans }}" value="{{ app.request.get('keyword') }}" />
  24.                             <button type="submit" class="btn btn-primary display-inline"><i class="fas fa-search"></i></button>
  25.                         </form>
  26.                     </div>
  27.                 </div>
  28.             </div>
  30.             <div class="row">
  31.                 {% for blogpost in blogposts %}
  32.                     <div class="col-12 col-sm-6 col-lg-4">
  33.                         {% include "Global/blog-card.html.twig" with {blogpost: blogpost, thumbnailsize: [397, 397], showdate: 1} %}
  34.                     </div>
  35.                 {% endfor %}
  36.             </div>
  38.             {{ knp_pagination_render(blogposts, null, {}, {'align': 'center'}) }}
  40.         </div>
  41.     </section>
  43. {% endblock %}
  44. {% block javascripts %}
  45.     <script>
  46.     async function clickOnBlog(slug) {
  47.         try{
  48.         console.log('Sending ticket for event:', slug);
  49.             await fetch('{{ asset("assets/ll_assets/assets/js/tracardi.js") }}').then(response => {
  50.                 if (!response.ok) {
  51.                     throw new Error('Network response was not ok');
  52.                 }
  53.                 return response.text();
  54.             }).then(scriptContent => {
  55.                 const scriptElement = document.createElement('script');
  56.                 scriptElement.text = scriptContent;
  57.                 document.body.appendChild(scriptElement);
  58.             });
  60.                 await new Promise((resolve, reject) => {
  61.                 try {
  62.                     window.tracker.track('Click on banner', {
  63.                         Type: 'Click',
  64.                         Action: 'Lead',
  65.                         blogPost: slug
  66.                     });
  67.                     resolve();
  68.                 } catch (error) {
  69.                     reject(error);
  70.                 }
  71.             });
  72.             window.location.replace(`/blog_article/${slug}`);
  73.             } catch (error) {
  74.             console.error('Error:', error);
  75.             console.error('An error occurred.');
  76.         }
  77.     }
  78.     </script>
  79. {% endblock %}