templates/Theme/Produit/Service/Service/articlesblog.html.twig line 1

Open in your IDE?
  1. <div class="my-container">
  2. <div class="row">
  3.     <div class="col-md-12" style="margin-bottom: 7px;">
  4.     <div class="step-indicator" style="display: inline-block; width: 100%; margin: 0px; background: #f9f9f9;">
  5.         <a class="stepcard completed" href="" style="display: inline-block; width: 22%;"><div class="coustom-my-text">{{ site }}</div></a>
  6.         <a class="stepcard completed" href="" style="display: inline-block; width: 22%;"><div class="coustom-my-text">À propos</div></a>
  7.         <a class="stepcard" href="#!" style="display: inline-block;  width: 22%;"><div class="coustom-my-text">Le Blog</div></a>
  8.     </div>
  9.     </div>
  10. </div>
  11. </div>
  13. <div style="background: #f5f7f8; padding-top: 20px;">
  14.     <div class="my-container">
  15.         <div class="row">
  16.         <div class="col-md-4">
  17.             {{ render(controller("App\\Controller\\Produit\\Service\\ServiceController:menuarticle", {'position': position})) }}
  18.         </div>
  19.         <div class="col-md-8">
  20.         
  21.             <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  22.                 <div class="menu-wrapper">
  23.                     <div class="menu-content">
  24.                     {% for article in liste_article %}
  25.                     <div class="topic">
  26.                         <div class="open">
  27.                         <span class="faq-t" style="top: 40px;"></span>
  28.                         <h2 class="question">
  29.                         <img src="{% if article.imgservice != null %}{{ asset(article.imgservice.getwebpath) }}{% else %}{{ asset('template/images/boost2.png') }}{% endif %}" alt="{{ article.keyword }}" style="width: 100px; height: 100px; float: left; margin-right: 7px; background: #ddd; margin-top: -20px;" >  
  30.                         <span style="font-size: 25px;">{{ article.nom }}</span>
  32.                         <div style="color: #333; margin-top: 10px;">
  33.                            {{ article.breve }} <span class="badge" style="float: right; color: #222">{{ article.evenements|length + 1 }}</span>
  34.                         </div>
  35.                         </h2> 
  36.                         </div>
  37.                         <div class="answer">
  38.                         {{ article.description|rewriteLink|raw }}</br>
  39.                         
  40.                             <div class="row">
  41.                                 {% for partie in article.evenements %}
  42.                                 <div class="col s12" style="margin-top: 20px; padding: 5px 20px; border-top: 1px solid #ddd; display: block!important;">
  43.                                 <h2 style="font-size: 25px; margin: 0px;">{{ partie.nom }}</h2>
  45.                                 {% if partie.imgevenement != null %}
  46.                                     <div>
  47.                                         <img src="{{ asset(partie.imgevenement.getWebPath) }}" alt="{{ article.keyword }}" style="width: 100%; margin: 7px 0px;">
  48.                                     </div>
  49.                                 {% endif %}
  51.                                 {{ partie.description|rewriteLink|raw }}
  52.                                 </div>
  53.                                 {% endfor %}
  54.                                 <div class="clearfix"></div>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                     {% endfor %}
  60.                     <span class="clearfix"></span>
  61.                     {% if nombrepage > 0 %}
  62.                 
  63.                     {% if page > 1 and page <= nombrepage %}
  64.                     {% set pagepre = page - 1 %}
  65.                     {% else %}
  66.                         {% set pagepre = nombrepage %}
  67.                     {% endif %}
  69.                     {% if page < nombrepage %}
  70.                         {% set pagesuiv = page + 1 %}
  71.                     {% else %}
  72.                         {% set pagesuiv =  1 %}
  73.                     {% endif %}
  75.                     {% if nombrepage < 5 %}
  76.                         {% set debut = 1 %}
  77.                         {% set fin = nombrepage %}
  78.                     {% else %}
  79.                         {% if page > 2 and page < (nombrepage - 2) %}
  80.                             {% set debut = page - 2 %}
  81.                             {% if page + 2 >= nombrepage %}
  82.                                 {% set fin = nombrepage %}
  83.                             {% else %}
  84.                                 {% set fin = page + 2 %}
  85.                             {% endif %}
  86.                         {% else %}
  87.                             {% if page <= 2 %}
  88.                                 {% if page == 1 %}
  89.                                     {% set debut = 1 %}
  90.                                     {% set fin = page + 3 %}
  91.                                 {% else %}
  92.                                     {% set debut = 1 %}
  93.                                     {% set fin = page + 2 %}
  94.                                 {% endif %}
  95.                             {% else %}
  96.                                 {% set debut = page - 2 %}
  97.                                 {% if page + 2 >= nombrepage %}
  98.                                     {% set fin = nombrepage %}
  99.                                 {% else %}
  100.                                     {% set fin = page + 2 %}
  101.                                 {% endif %}
  102.                             {% endif %}
  103.                         {% endif %}
  104.                         
  105.                     {% endif %}
  106.                     <div>
  107.                       <ul class="pagination" style="margin-top: 20px; display: block;"> 
  108.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': 1 }) }}" title="Première page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a></li>
  109.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': pagepre }) }}" title="Page précedente" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-backward" style="font-size: 13px;"></span></a></li>
  110.                         {% for p in debut..fin %}
  111.                         <li value="{{ p }}"><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': p }) }}" class="{% if p == page %}activepage{% endif %}" style="margin: 4px 0px;">{{ p }}</a></li>
  112.                         {% endfor %}
  113.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': pagesuiv }) }}"  title="Page suivante" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a></li>
  114.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': nombrepage }) }}" title="Dernière page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a></li>
  115.                        </ul>
  116.                     <div class="clearfix"></div>
  117.                     </div>
  118.                     {% else %}
  119.                     <div>
  120.                       <ul class="pagination" style="margin-top: 20px; display: block;">
  121.                       <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Première page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a></li>
  122.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Page précedente" style="width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-backward" style="font-size: 13px;"></span></a></li>
  124.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" class="activepage" style="margin: 4px 0px;">0</a></li>
  126.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}"  title="Page suivante" style="width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center;"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a></li>
  127.                         <li><a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Dernière page" style=" width: 34px; height: 34px; border-radius: 17px; padding-top: 5px; margin: 2px; text-align: center; line-height: 8px;"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a></li>
  128.                        </ul>
  129.                     <div class="clearfix"></div>
  130.                     </div>
  131.                     {% endif %}    
  132.                     </div>
  133.                 </div>
  134.             </div>
  135.         
  136.         </div>
  137.         </div>
  138.     </div>
  139. </div>